/* ==========================================================
   FAQ - Rank Math
   ========================================================== */

#rank-math-faq {
    margin: 2.5rem 0;
}

#rank-math-faq .rank-math-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#rank-math-faq .rank-math-list-item {
    margin-bottom: 16px;
}

/* ----------------------------------------------------------
   Pregunta
---------------------------------------------------------- */

#rank-math-faq .rank-math-question {

    position: relative;

    margin: 0;
    padding: 18px 60px 18px 22px;

    background: #f7f9fc;

    border: 1px solid #d9e2ec;
    border-radius: 8px;

    cursor: pointer;

    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.45;

    transition: background .25s ease,
                border-radius .25s ease;

}

#rank-math-faq .rank-math-question:hover {

    background: #eef5fb;

}

/* ----------------------------------------------------------
   Icono
---------------------------------------------------------- */

#rank-math-faq .rank-math-question::after {

    content: "+";

    position: absolute;

    right: 22px;
    top: 50%;

    transform: translateY(-50%) rotate(0deg);

    font-size: 28px;
    font-weight: 300;

    color: #003a70;

    transition: transform .25s ease;

}

#rank-math-faq .rank-math-question.active {

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

#rank-math-faq .rank-math-question.active::after {

    transform: translateY(-50%) rotate(45deg);

}

/* ----------------------------------------------------------
   Respuesta
---------------------------------------------------------- */

#rank-math-faq .rank-math-answer {

    max-height: 0;
    overflow: hidden;

    opacity: 0;

    padding: 0 22px;

    background: #fff;

    border: 1px solid #d9e2ec;
    border-top: none;

    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .25s ease;

}

#rank-math-faq .rank-math-answer.open {

    max-height: 1200px;

    opacity: 1;

    padding: 22px;

}

#rank-math-faq .rank-math-answer p {

    line-height: 1.75;
    margin-bottom: 1rem;

}

#rank-math-faq .rank-math-answer p:last-child {

    margin-bottom: 0;

}

/* ----------------------------------------------------------
   Responsive
---------------------------------------------------------- */

@media (max-width: 768px) {

    #rank-math-faq .rank-math-question {

        font-size: 1.05rem;

        padding: 16px 52px 16px 18px;

    }

    #rank-math-faq .rank-math-question::after {

        right: 18px;

    }

}