/**
 * Widget "Preguntas frecuentes" — CSS propio y autocontenido, réplica 1:1
 * de info/preguntas-frecuentes.php + el bloque .faq-*/.filtro-grupo de
 * style.css del prototipo (comparten layout con Cómo Comprar).
 */
.roger-editor-faq-breadcrumb-wrap { padding-top: 20px; }

.roger-editor-breadcrumb {
    font-size: 13px;
    color: #8d8d8d;
    margin-bottom: 8px;
}
.roger-editor-breadcrumb a { color: #8d8d8d; text-decoration: none; }
.roger-editor-breadcrumb a:hover { color: #6f759c; }
.roger-editor-breadcrumb span { margin: 0 6px; }

.roger-editor-faq {
    padding: 12px 0 4rem;
    font-family: 'Montserrat', sans-serif;
    color: #333333;
}
.roger-editor-faq .roger-editor-faq-wrap { max-width: 800px; }

.roger-editor-faq h1 { font-family: 'Poppins', sans-serif; margin: 0; }

.roger-editor-faq-cabecera { text-align: center; margin-bottom: 36px; }
.roger-editor-eyebrow {
    display: inline-block;
    font-size: 16px;
    color: #333333;
}
.roger-editor-faq-cabecera h1 { font-size: 32px; margin: 10px 0 14px; }
.roger-editor-faq-subtitulo {
    color: #8d8d8d; font-size: 14.5px; line-height: 1.6;
    max-width: 520px; margin: 0 auto;
}

.roger-editor-faq-vacio { text-align: center; padding: 60px 20px; color: #8d8d8d; }

.roger-editor-faq-item {
    border-bottom: 1px solid #e6e8f0;
    padding: 20px 0;
}
.roger-editor-faq-item:first-of-type { border-top: 1px solid #e6e8f0; }
.roger-editor-faq-pregunta {
    cursor: pointer;
    font-size: 15.5px; font-weight: 600;
    color: #333333;
    list-style: none;
    display: flex; align-items: flex-start; justify-content: space-between;
    padding-right: 20px;
    transition: color .2s;
}
.roger-editor-faq-pregunta:hover { color: #6f759c; }
.roger-editor-faq-pregunta::-webkit-details-marker { display: none; }
.roger-editor-faq-pregunta::after {
    content: '';
    width: 8px; height: 8px;
    border-right: 1.5px solid #8d8d8d;
    border-bottom: 1.5px solid #8d8d8d;
    transform: rotate(45deg);
    transition: transform .25s;
    flex-shrink: 0;
    margin-left: 8px;
    margin-top: 4px;
}
.roger-editor-faq-item[open] .roger-editor-faq-pregunta::after { transform: rotate(-135deg); }

.roger-editor-faq-respuesta { margin-top: 14px; }
.roger-editor-faq-respuesta p {
    font-size: 14px; color: #8d8d8d; line-height: 1.7;
    margin: 0;
}