/* ==========================================================================
   VACACERDO — Bloque de preguntas frecuentes visible (6-oct-2026)
   Usado en: home, /contacto/ y /parrillero-particular/.
   Las mismas preguntas y respuestas alimentan el schema FAQPage de cada
   página, así lo que lee Google/una IA es idéntico a lo que ve la persona.
   ========================================================================== */
.vc-faq {
    background: #0a0a0a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 80px 20px;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.vc-faq-wrap { max-width: 860px; margin: 0 auto; }
.vc-faq-eyebrow {
    margin: 0 0 12px; color: #c43822; font-size: 0.78rem; font-weight: 700;
    letter-spacing: 2px; text-transform: uppercase;
}
.vc-faq h2 {
    margin: 0 0 32px; color: #ffffff; font-size: clamp(1.6rem, 3.2vw, 2.2rem);
    font-weight: 800; line-height: 1.15; letter-spacing: -0.5px;
}
.vc-faq-item { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.vc-faq-item:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.vc-faq-item summary {
    list-style: none; cursor: pointer; padding: 22px 44px 22px 0; position: relative;
    color: #ffffff; font-size: 1.02rem; font-weight: 600; line-height: 1.4;
}
.vc-faq-item summary::-webkit-details-marker { display: none; }
.vc-faq-item summary::after {
    content: '+'; position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
    color: #c43822; font-size: 1.6rem; font-weight: 400; line-height: 1;
    transition: transform 0.2s ease;
}
.vc-faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.vc-faq-item summary:focus-visible { outline: 2px solid #c43822; outline-offset: 2px; }
.vc-faq-resp { padding: 0 0 24px; }
.vc-faq-resp p { margin: 0; color: #b8b8b8; font-size: 0.97rem; line-height: 1.7; }
@media (max-width: 600px) {
    .vc-faq { padding: 56px 16px; }
    .vc-faq-item summary { font-size: 0.97rem; }
}