/* FAQ — objeciones reales. Todo scopeado bajo .sec-faq */
.sec-faq{border-top:var(--borde)}
.sec-faq .faq-wrap{display:grid;gap:clamp(30px,4vw,44px)}
.sec-faq .faq-aside-in h2{margin-bottom:.42em;max-width:14ch}
.sec-faq .faq-nota{color:var(--gris);font-size:var(--fs-small);max-width:34ch;margin-bottom:22px}
.sec-faq .faq-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}

/* acordeón: .acc ya vive en base.css — acá solo el ritmo y la numeración */
.sec-faq .faq-lista{counter-reset:faq}
.sec-faq .faq-lista summary{padding:20px 0;min-height:44px;gap:14px}
.sec-faq .faq-lista summary::before{counter-increment:faq;content:counter(faq,decimal-leading-zero);flex:none;width:30px;font-family:var(--fm);font-size:var(--fs-mono);font-weight:400;letter-spacing:.06em;color:var(--gris);line-height:1.5}
.sec-faq .faq-lista summary span{flex:1 1 auto}
.sec-faq .faq-lista summary:hover span{color:var(--ambar-texto)}
.sec-faq .faq-lista details[open] summary::before{color:var(--ambar-texto)}
/* el "+" es metadata, no señal: sólo se pone ámbar el que está abierto (máx. 3 ámbar por pantalla) */
.sec-faq .faq-lista summary::after{color:var(--gris);transition:color .2s}
.sec-faq .faq-lista summary:hover::after{color:var(--tinta)}
.sec-faq .faq-lista details[open] summary::after{color:var(--ambar)}
.sec-faq .faq-lista .acc-body{padding:0 8px 22px 44px}

@media (min-width:900px){
  .sec-faq .faq-wrap{grid-template-columns:minmax(280px,7fr) minmax(0,11fr);gap:clamp(48px,6vw,88px);align-items:start}
  .sec-faq .faq-aside-in{position:sticky;top:calc(var(--nav-h) + 40px)}
  .sec-faq .faq-lista{border-top-color:var(--linea-fuerte)}
  .sec-faq .faq-lista summary{font-size:18px}
}
@media (max-width:420px){
  .sec-faq .faq-lista summary::before{width:26px}
  .sec-faq .faq-lista .acc-body{padding-left:40px}
}