/* ==========================================================
   COMPONENTE C-FAQ-ITEM
   Variante desplegable de c-faq, usando collapse de Bootstrap 4.
   Un item = un trigger (button) + contenido colapsable.
========================================================== */

.c-faq-item{
    border-bottom:1px solid var(--color-border);
}

.c-faq-item:first-child{
    border-top:1px solid var(--color-border);
}

.c-faq-item__question{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:1.25rem 0;
    background:none;
    border:none;
    text-align:left;
    font-family:var(--font-title-family);
    font-size:1.1rem;
    font-weight:var(--font-weight-bold);
    color:var(--color-secondary-blue);
    cursor:pointer;
}

.c-faq-item__question:focus{
    outline:none;
    box-shadow:0 0 0 3px var(--color-focus-ring);
}

.c-faq-item__icon{
    flex-shrink:0;
    margin-left:var(--space-md);
    color:var(--color-primary-blue);
    font-size:.9rem;
    transition:var(--transition-fast);
}

.c-faq-item__question[aria-expanded="true"] .c-faq-item__icon{
    transform:rotate(180deg);
}

.c-faq-item__answer{
    padding:0 0 1.25rem;
    margin-bottom:0;
    max-width:var(--content-width-md);
    color:var(--color-secondary-gray);
    font-size:var(--font-size-body);
    line-height:var(--line-height-normal);
}