/* Estilos generales */
    .body{
      color: #FFFFFF;
    }
    .embed-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 56.25%; /* Proporción 16:9 para los vídeos de YouTube */
    }

    .embed-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* Estilos específicos para pantallas más estrechas */
    @media screen and (max-width: 768px) {
        .embed-container {
            padding-top: 100%; /* Cambia la proporción para que sea más alta */
        }
    }
    @media screen and (max-width: 768px) {
        .tck-module-title {
            font-size: 20px; /* Reducir el tamaño de fuente para pantallas más pequeñas */
        }
    }

.mobileckhambuger_toggler{
  color: #FFFFFF;
}
.mobileckhambuger_togglerlabel {
    color: white !important; /* Cambia el color de la hamburguesa a blanco */
}

/*Estilo h3 para botones de las preguntas frecuentes*/
#mod-custom255 h3[data-rlta-element="heading"] {
    color: white !important;
    font-size: 4vh !important;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px; 
}

#mod-custom255 [data-rlta-element="button"] {
    padding: 1px 1px; 
    /* También puedes ajustar otras propiedades como height y width si es necesario */
  	background-color: transparent !important;
    border: 1px solid white !important;
    border-radius: 0px;
    margin-top: 0px; /* Ajusta el margen superior según sea necesario */
    margin-bottom: 0px; /* Ajusta el margen inferior según sea necesario */
}
#mod-custom255 [data-rlta-element="panel-content"] {
    margin: 5px; /* Ajusta el valor del margen según sea necesario */
}
/* Estilo para hacer los botones más pequeños dentro del módulo personalizado */
#clases-rap-preguntas-frecuentes #mod-custom255 [data-rlta-element="button"] {
    padding: 5px 10px !important; /* Ajusta el tamaño del padding según sea necesario */
    font-size: 1.5vh !important; /* Ajusta el tamaño de la fuente según sea necesario */
}
/* Estilos para hacer vídeos de YouTube responsive */
iframe[title="YouTube video player"] {
    width: 100%;
    aspect-ratio: 16 / 9; /* Mantiene la proporción 16:9 */
    height: auto;
    max-width: 100%;
    border: 0;
}