/* FAQ cards for the Cartelera template. Native headings stay accessible without JavaScript. */
.shm-event-content .gh-content > h2#preguntas-frecuentes {
    border-top: 1px solid var(--shm-event-rule);
    margin-top: 7rem;
    padding-top: 4.5rem;
}
.shm-event-content .gh-content > h2#preguntas-frecuentes ~ h3 {
    align-items: center;
    background: #fff;
    border: 1px solid var(--shm-event-rule);
    border-bottom: 0;
    border-radius: 1.4rem 1.4rem 0 0;
    color: var(--shm-event-ink);
    display: flex;
    font-size: clamp(1.7rem, 1.8vw, 2.1rem);
    gap: 1.2rem;
    line-height: 1.25;
    margin: 2.4rem auto 0 !important;
    max-width: 76rem;
    padding: 1.8rem 2rem;
}
.shm-event-content .gh-content > h2#preguntas-frecuentes ~ h3::before {
    align-items: center;
    background: var(--shm-event-ink);
    border-radius: 50%;
    color: #fff;
    content: "?";
    display: inline-flex;
    flex: 0 0 3.2rem;
    font-family: Georgia, serif;
    font-size: 2rem;
    height: 3.2rem;
    justify-content: center;
}
.shm-event-content .gh-content > h2#preguntas-frecuentes ~ h3 + p {
    background: #fff;
    border: 1px solid var(--shm-event-rule);
    border-radius: 0 0 1.4rem 1.4rem;
    border-top: 0;
    color: var(--shm-event-muted);
    font-size: clamp(1.55rem, 1.2vw, 1.8rem);
    line-height: 1.6;
    margin: 0 auto !important;
    max-width: 76rem;
    padding: 0 2rem 2rem;
}
@media (max-width: 560px) {
    .shm-event-content .gh-content > h2#preguntas-frecuentes ~ h3 { padding: 1.5rem; }
    .shm-event-content .gh-content > h2#preguntas-frecuentes ~ h3 + p { padding: 0 1.5rem 1.7rem; }
}
