/* ============================================================
   FAQ — acordeón de preguntas frecuentes
   ============================================================ */
.faq{padding:var(--space-section) 0;border-top:1px solid #141414}
.faq-list{border-top:1px solid var(--color-line);margin-top:44px}
.faq-item{border-bottom:1px solid var(--color-line)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;text-align:left;transition:padding .2s}
.faq-q:hover{padding-left:12px}
.faq-q h3{font-family:var(--font-heading);font-weight:700;font-size:clamp(18px,2.3vw,24px);letter-spacing:-.02em;line-height:1.2}

/* icono + / − */
.faq-ic{flex:0 0 34px;width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid #2c2c2c;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;background:var(--color-cyan);transition:transform .3s}
.faq-ic::before{width:12px;height:2px}
.faq-ic::after{width:2px;height:12px}
.faq-item.open .faq-ic{border-color:var(--color-cyan);transform:rotate(180deg)}
.faq-item.open .faq-ic::after{transform:scaleY(0)}

/* respuesta con altura animada */
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.3,.7,.3,1)}
.faq-a p{padding:0 4px 26px;font-size:16.5px;line-height:1.65;color:var(--color-muted);max-width:70ch}