/* faq.css */
/* ════ FAQ ════ */
.faq-hero{background:linear-gradient(150deg,var(--deep),var(--ocean));padding:calc(var(--nav-h) + 4.5rem) 0 5.5rem;text-align:center}
.faq-hero h1{font-family:var(--ff-display);font-size:clamp(2.5rem,5vw,3.9rem);color:#fff;font-weight:700;margin-bottom:1rem}
.faq-inner{max-width:880px;margin:0 auto;padding:0 5%}
.faq-cat{margin-bottom:3.5rem}
.faq-cat-title{font-family:var(--ff-display);font-size:1.45rem;font-weight:700;color:var(--ink);margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:2px solid var(--teal)}
.faq-item{border:1px solid var(--gray-2);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem;transition:var(--transition)}
.faq-item:hover{border-color:var(--gray-3)}
.faq-q{padding:1.3rem 1.6rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--ink);transition:background .2s}
.faq-q:hover{background:var(--gray-1)}
.faq-q-ico{color:var(--sea);font-size:.85rem;transition:transform .3s;flex-shrink:0;margin-left:1rem}
.faq-a{display:none;padding:1rem 1.6rem 1.6rem;color:var(--gray-5);font-size:.91rem;line-height:1.8;background:var(--gray-1)}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q-ico{transform:rotate(180deg)}


/* ══════════════════════════════════════════════════════
   REDISEÑO RESPONSIVO — FAQ
   ══════════════════════════════════════════════════════ */
.faq-item{transition:.25s;border-radius:14px;overflow:hidden}
.faq-item:hover{box-shadow:var(--shadow-sm)}
.faq-q{gap:1rem}
.faq-q-ico{transition:.3s;flex:0 0 auto;color:var(--sea)}
.faq-item.open .faq-q-ico{transform:rotate(180deg)}

@media(max-width:760px){
  .faq-hero{padding-top:calc(var(--nav-h) + 2rem)}
  .faq-hero h1{font-size:clamp(2rem,9vw,2.6rem)}
  .faq-inner{padding:0 1rem}
  .faq-q{padding:1.05rem 1.1rem;font-size:.92rem;line-height:1.4}
  .faq-a{font-size:.88rem;line-height:1.65}
  .faq-cat-title{font-size:1.15rem;margin:1.8rem 0 .8rem}
}