/* ===================================================================
   faq.css — vasitos.es
=================================================================== */

.vfaq-narrow{ max-width:900px !important; }
.vfaq-center{ text-align:center; }
.vfaq-center p{ max-width:460px; margin-left:auto; margin-right:auto; }

.vfaq-wrap{ max-width:900px; margin:0 auto; padding:36px 40px 20px; font-family:'IBM Plex Sans',sans-serif; }
.vfaq-group{ margin-bottom:36px; }
.vfaq-group h2{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--orange); margin-bottom:14px; }
.vfaq-item{ background:var(--step-bg); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.vfaq-q{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; cursor:pointer; }
.vfaq-q b{ font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:14.5px; font-weight:700; color:var(--ink); }
.vfaq-q svg{ width:16px; height:16px; stroke:var(--ink); flex-shrink:0; transition:transform .2s ease; }
.vfaq-item.open .vfaq-q svg{ transform:rotate(45deg); }
.vfaq-a{ max-height:0; overflow:hidden; transition:max-height .25s ease, padding .25s ease; }
.vfaq-item.open .vfaq-a{ max-height:300px; }
.vfaq-a p{ padding:0 18px 18px; font-size:12.5px; color:var(--muted); line-height:1.7; }

.vfaq-cta{ max-width:900px; margin:20px auto 70px; padding:30px 40px; background:var(--ink); border-radius:14px; text-align:center; }
.vfaq-cta p{ color:rgba(255,255,255,.7); font-size:12.5px; margin-bottom:16px; }
.vfaq-cta h3{ color:#fff; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:19px; margin-bottom:6px; }
.vfaq-wa-btn{ display:inline-flex; align-items:center; gap:8px; background:#25D366; color:#fff; border-radius:8px; padding:12px 22px; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-weight:700; font-size:12.5px; margin-top:6px; text-decoration:none; }
.vfaq-wa-btn:hover{ background:#1EBE5A; }
.vfaq-wa-btn svg{ width:15px; height:15px; }

@media (max-width:760px){
  .vfaq-wrap{ padding-left:20px; padding-right:20px; }
  .vfaq-cta{ margin-left:20px; margin-right:20px; padding:24px 20px; }
}