/* Catálogo inmersivo: recorrido visual por las 11 colecciones. Sin precios.
   Sin estilos en línea: la CSP del sitio sólo permite hojas propias. */
.imm{--band:#08274b;--ink:#0d1b2e;--muted:#6d737d;--line:#e6e3db;--paper:#f7f5f0}
.imm{background:var(--paper)}

/* ---------- portada ---------- */
.imm-hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;background:#08121f}
.imm-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}
.imm-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,31,.55) 0%,rgba(8,18,31,.15) 38%,rgba(8,18,31,.88) 100%)}
.imm-hero-copy{position:relative;z-index:1;color:#fff;padding:0 clamp(24px,6vw,96px) clamp(48px,8vh,96px);max-width:900px}
.imm-hero-copy .eyebrow{color:#e7d6a8;font-size:11px;letter-spacing:.2em;margin-bottom:18px}
.imm-hero-copy h1{font-size:clamp(42px,7vw,86px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;font-weight:450}
.imm-hero-copy p{font-size:clamp(14px,1.5vw,17px);line-height:1.7;color:#dfe4ea;max-width:52ch;margin:0}
.imm-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font-size:11px;letter-spacing:.16em;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:12px 22px}
.imm-scroll:hover{background:#fff;color:var(--ink)}

/* ---------- navegación pegajosa ---------- */
.imm-nav{position:sticky;top:var(--imm-header,0px);z-index:15;background:rgba(247,245,240,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.imm-nav-inner{display:flex;gap:8px;overflow-x:auto;padding:12px clamp(16px,4vw,56px);scrollbar-width:none}
.imm-nav-inner::-webkit-scrollbar{display:none}
.imm-nav a{flex:0 0 auto;font-size:12px;letter-spacing:.02em;text-decoration:none;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 15px;white-space:nowrap}
.imm-nav a:hover{color:var(--ink);border-color:#c9c6bd}
.imm-nav a[aria-current="true"]{background:var(--band);border-color:var(--band);color:#fff}

/* ---------- banda de cada colección ---------- */
.imm-band{position:relative;min-height:clamp(260px,38vh,420px);display:flex;align-items:center;overflow:hidden;background:#08121f;scroll-margin-top:var(--imm-sticky,60px)}
.imm-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.imm-band:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,31,.86) 0%,rgba(8,18,31,.5) 55%,rgba(8,18,31,.2) 100%)}
.imm-band-copy{position:relative;z-index:1;color:#fff;padding:clamp(34px,6vh,64px) clamp(24px,6vw,96px);max-width:780px}
.imm-band-copy span{font-size:11px;letter-spacing:.2em;color:#e7d6a8}
.imm-band-copy h2{font-size:clamp(28px,4.4vw,52px);line-height:1.06;letter-spacing:-.03em;margin:14px 0 12px;font-weight:450}
.imm-band-copy p{font-size:14px;line-height:1.7;color:#dfe4ea;margin:0;max-width:46ch}

/* ---------- rejilla de productos ---------- */
.imm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(14px,2vw,26px);padding:clamp(28px,5vh,56px) clamp(16px,4vw,56px) 0}
.imm-card{appearance:none;border:1px solid var(--line);background:#fff;border-radius:3px;padding:0;text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease,border-color .2s}
.imm-card.is-in{opacity:1;transform:none}
.imm-card:hover{border-color:#b9b5a9}
.imm-ph{position:relative;width:100%;padding-top:100%;background:#fbfaf7;overflow:hidden}
.imm-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .6s ease}
.imm-card:hover .imm-ph img{transform:scale(1.06)}
.imm-txt{padding:14px 15px 17px;display:flex;flex-direction:column;gap:5px}
.imm-txt .model{font-size:10px;letter-spacing:.12em;color:var(--muted)}
.imm-txt h3{font-size:13.5px;line-height:1.35;margin:0;font-weight:500;color:var(--ink)}
.imm-txt .type{font-size:11px;color:var(--muted)}
.imm-more{grid-column:1/-1;display:flex;justify-content:center;padding:10px 0 4px}
.imm-more button{font-size:12px;letter-spacing:.08em;border:1px solid var(--ink);background:none;color:var(--ink);border-radius:999px;padding:13px 30px;cursor:pointer}
.imm-more button:hover{background:var(--ink);color:#fff}
.imm-count{padding:0 clamp(16px,4vw,56px) clamp(30px,5vh,60px);font-size:11px;letter-spacing:.14em;color:var(--muted)}

/* ---------- cierre ---------- */
.imm-end{background:var(--band);color:#fff;text-align:center;padding:clamp(60px,10vh,120px) clamp(24px,6vw,96px)}
.imm-end h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.03em;margin:0 0 16px;font-weight:450}
.imm-end p{color:#c7d2e0;font-size:14px;line-height:1.7;margin:0 auto 28px;max-width:52ch}
.imm-end a{display:inline-block;background:#fff;color:var(--band);text-decoration:none;border-radius:999px;padding:15px 34px;font-size:13px;letter-spacing:.06em}
.imm-end a:hover{background:#e7d6a8}

/* ---------- ficha ---------- */
.imm-dialog{border:0;padding:0;width:min(1060px,94vw);max-height:92vh;border-radius:4px;background:#fff;color:var(--ink)}
.imm-dialog::backdrop{background:rgba(8,18,31,.72)}
.imm-detail{display:grid;grid-template-columns:1.05fr 1fr;min-height:420px}
.imm-detail-ph{position:relative;background:#fbfaf7;min-height:340px}
.imm-detail-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:26px}
.imm-detail-copy{padding:clamp(26px,3.4vw,44px);overflow-y:auto;max-height:92vh}
.imm-detail-copy .model{font-size:10.5px;letter-spacing:.14em;color:var(--muted)}
.imm-detail-copy h3{font-size:clamp(21px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em;margin:10px 0 6px;font-weight:450}
.imm-detail-copy .type{font-size:12px;color:var(--muted);margin:0 0 20px}
.imm-specs{display:grid;grid-template-columns:auto 1fr;gap:9px 20px;font-size:13px;margin:0 0 22px;border-top:1px solid var(--line);padding-top:18px}
.imm-specs dt{color:var(--muted)}
.imm-specs dd{margin:0}
.imm-gallery{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.imm-gallery button{width:54px;height:54px;border:1px solid var(--line);background:#fff;padding:3px;cursor:pointer;border-radius:2px}
.imm-gallery button[aria-pressed="true"]{border-color:var(--ink)}
.imm-gallery img{width:100%;height:100%;object-fit:contain}
.imm-note{font-size:11.5px;color:var(--muted);line-height:1.6;margin:0 0 20px}
.imm-cta{display:inline-block;background:var(--band);color:#fff;text-decoration:none;border-radius:999px;padding:13px 26px;font-size:13px}
.imm-cta:hover{background:#0b3465}
.imm-close{position:absolute;top:10px;right:14px;z-index:2;border:0;background:#fff;color:var(--muted);font-size:26px;line-height:1;border-radius:50%;width:38px;height:38px;cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.12)}
.imm-arrows{display:flex;gap:10px;margin-top:22px}
.imm-arrows button{border:1px solid var(--line);background:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer;color:var(--ink);font-size:16px}
.imm-arrows button:hover{border-color:var(--ink)}

@media (max-width:860px){
  .imm-detail{grid-template-columns:1fr}
  .imm-detail-ph{min-height:260px;height:40vh}
  .imm-hero{min-height:74vh}
  .imm-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
  .imm-txt{padding:11px 12px 14px}
  .imm-txt h3{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  .imm-card{opacity:1;transform:none;transition:none}
  .imm-card:hover .imm-ph img{transform:none}
}