/* ============================================================
   faq.css — acordeón de preguntas frecuentes.
   ============================================================ */

.faq{max-width:760px;margin:0 auto}
.qa{border-bottom:1px solid var(--line-soft)}
.qa .q{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;
  padding:26px 4px;font-family:var(--serif);font-size:clamp(18px,2.1vw,22px);color:var(--white);transition:color .3s}
.qa .q:hover{color:var(--orange-soft)}
.qa .q .ic{font-family:var(--mono);color:var(--orange);font-size:22px;transition:transform .4s var(--ease);flex:0 0 auto;line-height:1}
.qa.open .q .ic{transform:rotate(45deg)}
.qa .a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.qa .a p{padding:0 4px 26px;color:var(--t-70);font-size:15.5px;max-width:60ch;line-height:1.6}