/*
Theme Name: AT MasterStudy Child
Template: masterstudy
*/


.icono-examen {
    background-image: url("/wp-content/themes/functions-AT/img/icono-examen-1.svg");
    pointer-events: auto;
    width: 1.2vw;
    height: 1.2vw;
    margin-left: 2vw;
    background-size: contain; 
    background-repeat: no-repeat;
}

.icono-examen:hover {
    background-image: url("/wp-content/themes/functions-AT/img/icono-examen-2.svg");
}

.icono-leccion {
    background-image: url("/wp-content/themes/functions-AT/img/icono-leccion-1.svg");
    pointer-events: auto;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5vw;
}

.icono-leccion:hover {
    background-image: url("/wp-content/themes/functions-AT/img/icono-leccion-2.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.category-grid {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Dos columnas */
    gap: 20px;
}

.category-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;  /* Asegura que el contenido esté distribuido */
    min-height: 600px;  /* Ajusta la altura según sea necesario para que las tarjetas sean uniformes */
    text-align: center;
    background-color: #f9f9f9;  /* Fondo consistente para todas las tarjetas */
    padding: 20px;
}

.category-item img {
    max-width: 100%;  /* Asegura que la imagen no exceda el contenedor */
    height: auto;
    margin-bottom: 20px;
}

.category-item h3 {
    margin-top: 0;
    font-size: 1.5rem;  /* Ajusta el tamaño del título */
    min-height: 80px;  /* Asegura que los títulos tengan la misma altura */
}

.category-item p {
    flex-grow: 1;  /* Hace que el texto ocupe el espacio disponible */
    margin: 0 20px 20px;
}

.vc_btn3-container {
    margin-top: auto;
    padding-top: 10px;
    align-self: center;  /* Centra el botón */
}

/*.vc_general {
    background-color: #c8e6c9;
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
    border-radius: 8px;
    display: inline-block;
}*/

.boton_categoria_curso{
    display: flex !important;
    height: 4vh !important;
    place-items: center !important;
    justify-content: center !important;
    border-radius:12px !important;
}

.cursos-disponibles{
    color:#c8e6c9;
    font-family: Roboto;

} 
.modal-instructor-panel{
    display: flex;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    place-items: center;
    justify-content: center;
}

/*
.modal {
    display: none; 
    position: fixed;
    z-index: 9999; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
}*/


.modal-content-instructor-panel {
    background-color: #fff;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    text-align: center;
    border-radius: 5px;
    width: 40%;
    height: 25%;
    display: grid;
    position: relative;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    right: 1vw;
    top:1vh;
    position: absolute;
}
.confirm-btn, .cancel-btn {
    margin: 10px 25px;
    padding: 10px 20px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    
}
.confirm-btn {
    background-color: #b9d5d6;
    color: white;
}
.cancel-btn {
    background-color: #b9d5d6;
    color: white;
}

.confirm-btn:hover {
    background-color: #008698;
    color: white;
}
.cancel-btn:hover {
    background-color: #008698;
    color: white;
}
.separador {
    width: 2px; 
    background-color: #b9d5d6; 
    height: 100%; 
    margin: 0 10px; 
    display: inline-block; 
    position:absolute;
}

.course_list_tour .vc_tta-tab a.active {
    background-color: #008698 !important;
    color: #ffffff !important;
    border: 1px solid #006f82;
}

.course_list_tour .vc_tta-tab a.inactive {
    background-color: #b9d5d6 !important;
    color: #333333 !important;
    border: none;
}

.case-clinico {
    position: relative;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    background-color: #b9d5d6;
    height: 4vh;
}

/*.case-clinico::after {
    content: "";
    display: block;
    width: 30%; 
    height: 2px; 
    background-color: #b9d5d6; 
    margin: 10px auto 0; 
}*/

.dropdown-header {
    text-decoration: none;
    padding: 0.5vw 1vw; /* Reduce el padding para ajustar altura */
    background-color: #007bff;
    color: #fff;
    border-radius: 5px;
    position: relative;
    height: auto; /* Permite ajustar altura al contenido */
    line-height: 1.2; /* Controla el espacio vertical del texto */
    box-sizing: border-box; /* Asegura que el padding no aumente el tamaño total */
    font-size:15px; 
    position: relative; 
    display: flex !important; 
    align-items: center; 
    height: 120%; 
    padding: 1vw; 
    text-decoration: none; 
    background-color: #008698 !important;
    color: #fff; 
    border-radius: 5px;
    height:4.2vh;
}

.dropdown-header h4 {
    margin: 0;
    font-size: 0.9rem; /* Ajusta el tamaño de texto */
    color: #fff;
    line-height: 1; /* Reduce el espacio interno del texto */
}

.dropdown-header i {
    vertical-align: middle;
}

.dropdown-arrow {
    position: absolute;
    right: 1vw;
    top: 50%;
    transform: translateY(-50%);
}

.vc_tta-tab {
    margin-top: 1vh; /* Reduce el margen superior */
}

.dropdown_vc_tta-tab {
    margin-top: 1vh; /* Reduce el margen superior */
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #008698 !important;
}

.vc_tta-icon {
    flex: 0 0 auto; /* Mantiene el ícono en su lugar */
    font-size: 1.5rem; /* Tamaño del ícono */
    /*color: #ffffff;*/
}

.titulo_calificaciones_casos {
    position: absolute; /* Posiciona el texto en el centro */
    left: 50%; /* Alinea al centro horizontalmente */
    transform: translateX(-50%); /* Corrige el desplazamiento por el ancho del texto */
    font-family: 'Roboto', sans-serif;
    font-size: 150%;
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-align: center; /* Opcional: asegura que el texto esté centrado */

}

.dropdown-arrow {
    font-size: 1rem;
    color: #fff;
    transition: transform 0.3s ease; /* Transición para rotación en el toggle */
    right: 1vw;
    position: absolute;
    margin-top: 0.5vh;
}
.boton_visor_calificacion{
    font-weight: 400;
    padding: 15px 13px;
    font-size: 14px;
    border-radius: 23px;
    outline: 0 !important;
    transition: .3s ease;
    border-radius: 27px;
    cursor: pointer;
    background-color: #b9d5d6;
    border: none;
    color: white;
    font-weight: 700;
    width: 70%;
    height: 4vh;
}
.boton_visor_calificacion:hover{

    background-color: #008698;
    color: white;
}
.titulo-panel {
    line-height: 1.4;
    min-height: 3.5em; /* Altura fija para garantizar alineación */
    display: flex;
    align-items: center;
    justify-content: center; /* Centra el texto */
    text-align: left;
    margin-bottom: 0;
}
.contenido-dinamico{
    overflow-y: auto;
    max-height: 65vh;
}


/* Hacerlo responsive */
@media screen and (max-height: 1200px) {
    .contenido-dinamico {
        max-height: 50vh; /* Reduce la altura máxima en pantallas más pequeñas */
    }

    .dropdown-header {
        text-decoration: none;
        padding: 0.5vw 1vw; /* Reduce el padding para ajustar altura */
        color: #fff;
        border-radius: 5px;
        position: relative;
        height: auto; /* Permite ajustar altura al contenido */
        line-height: 1.2; /* Controla el espacio vertical del texto */
        box-sizing: border-box; /* Asegura que el padding no aumente el tamaño total */
        font-size:15px; 
        position: relative; 
        display: flex !important; 
        align-items: center; 
        height: 120%; 
        padding: 1vw; 
        text-decoration: none; 
        background-color: #008698 !important;
        color: #fff; 
        border-radius: 5px;
        height:5.5vh;
    }
}


/*
.course-title-instructor-panel{
    width: 80%;
    justify-content: center;
}

.course_title{
    text-align: justify;
}
    */