:root { --navy:#005a70; --gold:#c9a227; }
body { font-family:'Segoe UI',Arial,sans-serif; margin:0; background:#f4f4f4; color:#222; }
header { background:var(--navy); color:#fff; padding:20px 32px; display:flex; justify-content:space-between; align-items:center; }
header a { color:#fff; text-decoration:none; font-size:14px; }
.wrap { max-width:1000px; margin:0 auto; padding:32px 20px; }
.info { background:#fff; border-radius:10px; padding:28px; box-shadow:0 2px 8px rgba(0,0,0,.06); margin-bottom:28px; }
.badge { display:inline-block; padding:4px 12px; border-radius:12px; font-size:12px; font-weight:600; text-transform:uppercase; }
.badge.disponible { background:#e6f4ea; color:#1e7e34; }
.badge.reservado { background:#fff3cd; color:#856404; }
.badge.vendido, .badge.alquilado { background:#f0f0f0; color:#666; }
h1 { margin:12px 0 4px; }
.precio { font-size:26px; font-weight:700; color:var(--navy); margin:10px 0; }
.specs { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px; margin:20px 0; padding:20px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.specs div span { display:block; font-size:12px; color:#888; text-transform:uppercase; }
.specs div strong { font-size:16px; }
.btn { display:inline-block; padding:12px 24px; background:var(--gold); color:#222; text-decoration:none; border-radius:6px; font-weight:600; margin-top:16px; }
.galeria-titulo { font-size:18px; font-weight:700; margin:0 0 16px; }
.galeria-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.galeria-grid img { width:100%; height:220px; object-fit:cover; border-radius:8px; cursor:pointer; transition:opacity .15s; }
.galeria-grid img:hover { opacity:.85; }
/* Lightbox tipo carrusel */
#lightbox { display:none; position:fixed; inset:0; background:rgba(0,0,0,.92); z-index:999; align-items:center; justify-content:center; }
#lightbox img { max-width:82%; max-height:85%; border-radius:6px; }
.lb-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.15);
  border:none; color:#fff; font-size:28px; width:52px; height:52px; border-radius:50%; cursor:pointer; }
.lb-nav:hover { background:rgba(255,255,255,.3); }
#lb-prev { left:20px; }
#lb-next { right:20px; }
#lb-close { position:absolute; top:20px; right:24px; background:none; border:none; color:#fff; font-size:32px; cursor:pointer; }
#lb-contador { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); color:#ccc; font-size:13px; }

/* Convertidas desde atributos style="..." (auditoría CSP 2026-09-21) */
.brand-flex { display:flex; align-items:center; gap:10px; }
.titulo-codigo { margin-bottom:0; }
.titulo-nombre { margin-top:0; }
.video-block { margin:16px 0; }
.video-label { display:block; margin-bottom:8px; font-size:13px; color:#888; text-transform:uppercase; }
.video-player { width:100%; max-width:600px; border-radius:8px; }
.video-link { color:var(--navy); font-weight:600; }
.btn-editar { background:#555; color:#fff; margin-left:8px; }