/* =====================================================
   RRHH Guatemala Tools — FAQ Accordion
   Usa las variables del sistema de tokens (rrhh-tools)
   ===================================================== */

.rrhh-faq {
    max-width: 720px;
    margin: 2rem auto;
}

.rrhh-faq h3 {
    font-size: var(--rrhh-text-xl, 1.4rem);
    color: var(--rrhh-ink, #0f172a);
    margin-bottom: 1rem;
    font-weight: 700;
}

.rrhh-faq-item {
    border: 1px solid var(--rrhh-rule, #e4e1d8);
    border-radius: var(--rrhh-radius-sm, 8px);
    margin-bottom: 0.5rem;
    background: var(--rrhh-surface, #ffffff);
    transition: box-shadow var(--rrhh-duration, 180ms) var(--rrhh-ease, ease);
}

.rrhh-faq-item[open] {
    box-shadow: var(--rrhh-shadow, 0 6px 18px -8px rgba(15,27,45,.18));
    border-color: var(--rrhh-primary, #16785A);
}

.rrhh-faq-item summary {
    padding: 1rem 1.25rem;
    cursor: pointer;
    font-weight: 600;
    color: var(--rrhh-ink, #1f2937);
    list-style: none;
    position: relative;
    padding-right: 2.5rem;
}

.rrhh-faq-item summary::-webkit-details-marker {
    display: none;
}

.rrhh-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: var(--rrhh-primary, #16785A);
    font-weight: 400;
    transition: transform 0.2s;
}

.rrhh-faq-item[open] summary::after {
    content: "\2212"; /* − */
}

.rrhh-faq-respuesta {
    padding: 0 1.25rem 1rem;
    color: var(--rrhh-ink-dim, #5a6573);
    line-height: 1.65;
}