﻿.indice-seccion-preguntas-frecuentes {
    background-color: var(--color-azul-3);
    padding-top: var(--espaciado-lg);
    padding-bottom: var(--espaciado-lg);
}




.indice-seccion-lista-preguntas {
    display: flex;
    justify-content: center;
}





.indice-contenedor-pregunta {
    background-color: white;
    border-radius: 12px;
    transition: transform 0.3s;
    position: relative;
    border: none;
    height: 5rem;
    display: flex;
    align-items: center;
    text-align: left;
}

.indice-contenedor-icono-pregunta i {
    color: var(--color-amarillo-1);
}



    .indice-contenedor-icono-pregunta i:nth-child(2) {
        display: none;
    }

.indice-contenedor-pregunta:hover .indice-contenedor-icono-pregunta i:nth-child(1) {
    display: none;
}

.indice-contenedor-pregunta:hover .indice-contenedor-icono-pregunta i:nth-child(2) {
    display: inline;
}

@media (min-width: 993px) {
    .indice-contenedor-pregunta {
        margin-left: -4rem;
    }

        .indice-contenedor-pregunta:hover {
            transform: translateX(1rem);
            z-index: 999;
        }


    .indice-seccion-preguntas-frecuentes {
        margin-top: -14rem;
        padding-top: 15rem;
    }
}

@media (max-width: 992px) {

    .indice-contenedor-pregunta {
        margin-left: 0rem;
    }

    .indice-seccion-lista-preguntas {
        margin-top: -10rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }


    .indice-seccion-preguntas-frecuentes {
        margin-top: -7rem;
        padding-top: 7rem;
    }
}














.indice-contenedor-pregunta * {
    color: var(--color-azul-6);
}

.indice-contenedor-pregunta .indice-pregunta-frecuente {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.indice-pregunta-frecuente{
    text-decoration: none;
}

.indice-pregunta-frecuente:hover {
    text-decoration: underline;
    color: var(--color-azul-11);
}




.ver-mas-preguntas {
    color: var(--color-blanco-2) !important;
    /*text-underline-offset: 8px;*/
    text-decoration: none;
    border-bottom: 1px solid var(--color-blanco-2);
}