body { font-family: Arial, sans-serif; margin: 0; background: #fafafa; }
header { background: #333; color: #fff; padding: 1em; text-align: center; }
header nav a { color: #fff; margin: 0 10px; text-decoration: none; }
.galeria { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1em; padding: 1em; }
.item { background: #fff; padding: 10px; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); text-align: center; }
.item img { width: 100%; border-radius: 8px; cursor: pointer; }
.precio { font-weight: bold; margin: 0.5em 0; }
.btn { display: inline-block; padding: 0.5em 1em; background: green; color: #fff; border-radius: 5px; text-decoration: none; }
.lightbox { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); align-items:center; justify-content:center; }
.lightbox img { max-width: 90%; max-height: 90%; border-radius: 8px; }