/* ============================================================
   NBJJ FRAMING INC · inner.css — sistema comun de INTERIORES
   Banner B4 EDITORIAL LATERAL (§13) + helpers compartidos.
   El scrim lateral viene HORNEADO en los banners (ley 0704-f):
   aqui NO se pinta un segundo scrim encima.
   ============================================================ */

/* ---------- BANNER DE SECCION (arquetipo B4, gemelo en las 8) ---------- */
.banner{
  position:relative;min-height:clamp(320px,42vh,520px);
  display:flex;align-items:flex-end;overflow:hidden;color:var(--paper);
}
.banner-media{position:absolute;inset:0;z-index:0;overflow:hidden;}
.banner-media img{
  width:100%;height:118%;object-fit:cover;object-position:center;
  will-change:transform;
}
.banner-deco{
  position:absolute;right:clamp(16px,6vw,96px);top:24%;z-index:2;
  width:min(30vw,360px);pointer-events:none;will-change:transform;opacity:.85;
}
.banner-deco svg{width:100%;height:auto;}
.banner-content{
  position:relative;z-index:2;padding:0 clamp(20px,4.4vw,64px) clamp(30px,5vh,52px);
  will-change:transform;max-width:860px;
}
.banner-eyebrow{color:rgba(249,249,249,.72);margin-bottom:14px;}
.banner-h1{font-size:clamp(2.6rem,5.5vw,5.6rem);color:var(--paper);}
.banner-crumb{margin-top:18px;}
.banner-crumb ol{display:flex;align-items:center;gap:10px;font-size:12.5px;
  font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  list-style:none;margin:0;padding:0;}
.banner-crumb a{color:rgba(249,249,249,.78);}
.banner-crumb a:hover{color:var(--paper);text-decoration:underline;}
.banner-crumb .crumb-sep{color:var(--steel-3);font-weight:600;}
.banner-crumb .crumb-here{color:var(--paper);}
/* NAV PILL ZILLOW unificado (orden 0714): mismos nombres/valores que el bloque de home.css.
   La pastilla blanca trae su propio fondo — cero overrides de color de link sobre el banner. */
.nav-rail{display:none;}
.nav-links{
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border:1px solid rgba(22,23,23,.08);border-radius:999px;padding:5px;gap:2px;
  box-shadow:0 10px 30px rgba(30,58,92,.16);
}
.nav-links a{
  flex-direction:row;padding:9px 18px;border-radius:999px;font-weight:600;font-size:13px;
  color:var(--steel-1);letter-spacing:.09em;transition:background .2s,color .2s;
}
.nav-links a:hover{background:rgba(22,23,23,.06);color:var(--ink);}
.nav-links a[aria-current="page"]{background:var(--ink);color:var(--paper);}
body.nav-scrolled .nav-links{box-shadow:0 6px 18px rgba(30,58,92,.10);border-color:var(--hairline);}
body.inner:not(.nav-scrolled):not(.menu-open) .nav-burger i,
body.inner:not(.nav-scrolled):not(.menu-open) .nav-burger::before,
body.inner:not(.nav-scrolled):not(.menu-open) .nav-burger::after{background:var(--paper);}
body.inner.menu-open .nav-burger i,
body.inner.menu-open .nav-burger::before,
body.inner.menu-open .nav-burger::after{background:var(--paper);}

/* ---------- helpers de seccion interior ---------- */
.isec{position:relative;padding-left:clamp(20px,4.4vw,64px);padding-right:clamp(20px,4.4vw,64px);}
.iwrap{position:relative;max-width:1360px;margin:0 auto;}
.sec-head .eyebrow{margin-bottom:12px;}
.sec-head h2{font-size:clamp(2rem,3.6vw,3.4rem);color:var(--ink);max-width:22ch;}
/* ghost fantasma susurro (ley q2: fondos nunca planos) */
.ghost-n{
  position:absolute;z-index:0;font-family:var(--display);font-weight:800;line-height:.8;
  color:transparent;-webkit-text-stroke:1.5px rgba(116,119,123,.14);
  pointer-events:none;user-select:none;white-space:nowrap;will-change:transform;
}

/* ---------- medicion en reposo (VERIFY-KIT: html.acc-measure, ley p4) ---------- */
html.acc-measure *{transition:none!important;animation:none!important;}
html.acc-measure details[open] .acc-grid{grid-template-rows:0fr!important;}
html.acc-measure .rv{opacity:1!important;transform:none!important;}

/* ---------- acordeon nativo (exencion CSS §12.12: GSAP no posee estos nodos) ---------- */
.acc summary{list-style:none;cursor:pointer;}
.acc summary::-webkit-details-marker{display:none;}
.acc-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-house);}
.acc[open] .acc-grid{grid-template-rows:1fr;}
.acc-clip{overflow:hidden;min-height:0;}
.acc-chev{
  flex:none;width:26px;height:26px;border:1px solid var(--hairline);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  transition:transform .35s var(--ease-house),border-color .25s;
}
.acc-chev::before{content:'+';font-family:var(--body);font-weight:600;font-size:15px;line-height:1;color:var(--steel-1);}
.acc[open] .acc-chev{transform:rotate(45deg);border-color:var(--accent);}
.acc[open] .acc-chev::before{color:var(--accent);}

/* responsive comun del banner (ley l) */
@media (max-width:760px){
  .banner{min-height:clamp(300px,46svh,420px);}
  .banner-h1{font-size:clamp(2.3rem,10.5vw,3.2rem);
    text-shadow:0 1px 2px rgba(22,23,23,.45),0 2px 10px rgba(22,23,23,.30);}
  .banner-deco{display:none;}
  .banner-crumb{margin-top:12px;}
}