@font-face {
    font-family: 'ClimateCrisis';
    /* Nombre de la fuente */
    src: url('../assets/fonts/ClimateCrisis-Regular-VariableFont_YEAR.ttf') format('truetype');
    /* Ruta a la fuente .ttf */
    /* Puedes agregar más formatos y rutas si tienes otros tipos de archivos de fuente */
}

@font-face {
    font-family: 'Poppins';
    /* Nombre de la fuente */
    src: url('../assets/fonts/Poppins-Regular.ttf') format('truetype');
    /* Ruta a la fuente .ttf */
    /* Puedes agregar más formatos y rutas si tienes otros tipos de archivos de fuente */
}


/* Estilos generales */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #FFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Estilos de la caja principal */
.container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-image: url(../assets/img/f3.png);
}

/* Estilos de la caja de inicio de sesión y registro */
.box {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 60px 20px 30px 20px;
    height: 620px;
    width: 350px;
    /* background-color: rgba(255, 220, 220, 0.4); */
    border-radius: 30px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    /* border: 3px solid rgba(255, 255, 255, 0.2); */
    overflow: hidden;
}

.box-login {
    position: absolute;
    width: 85%;
    left: 27px;
    transition: .5s ease-in-out;
}

.box-register {
    position: absolute;
    width: 85%;
    left: 27px;
    transition: .5s ease-in-out;
}

/* Estilos para encabezado y texto */
.top-header {
    text-align: center;
    margin: 30px 0;
}

.top-header h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #FFF;
}

/* Estilos para el formulario */
.input-group {
    width: 100%;
}

.input-field {
    margin: 25px 0;
    position: relative;
    text-align: center;
}

.input-box {
    width: 100%;
    height: 50px;
    font-size: 15px;
    color: #FFF;
    border-radius: 30px;
    padding: 7px 45px 0 20px;
    background: rgb(224 223 223 / 0%);
    backdrop-filter: blur(2px);
    outline: none;
    border: solid #FFF;
}

.input-field label {
    position: absolute;
    left: 20px;
    top: 15px;
    font-size: 15px;
    transition: .3s ease-in-out;
    color: #FFF;
}

.input-box:focus~label,
.input-box:valid~label {
    top: 2px;
    font-size: 10px;
    color: #FFF;
    font-weight: 500;
}

.eye-area {
    position: absolute;
    top: 25px;
    right: 25px;
}

.eye-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

i {
    position: absolute;
    color: #444444;
    cursor: pointer;
}

#eye,
#eye-2 {
    opacity: 1;
}

#eye-slash,
#eye-slash-2 {
    opacity: 0;
}

.remember {
    display: flex;
    font-size: 13px;
    margin: 12px 0 30px 0;
    color: #000;
}

.check {
    margin-right: 8px;
    width: 14px;
}

/* Estilos para el botón de enviar */
.input-submit {
    width: 50%;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    border: none;
    border-radius: 30px;
    background: #02a9bc;
    color: #fff;
    box-shadow: 0px 4px 20px rgba(62, 9, 9, 0.145);
    cursor: pointer;
    transition: .4s;
}

.input-submit:hover {
    background: #db3e00;
    box-shadow: 0px 4px 20px rgba(62, 9, 9, 0.32);
}

.forgot {
    text-align: center;
    font-size: 13px;
    font: 500;
    margin-top: 40px;
}

.forgot a {
    color: #FFF;
}

.switch {
    display: flex;
    position: absolute;
    bottom: 50px;
    left: 25px;
    width: 85%;
    height: 50px;
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.switch a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    width: 50%;
    border-radius: 10px;
    z-index: 10;
}

#btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 145px;
    height: 50px;
    background: #cccccd;
    border-radius: 10px;
    box-shadow: 2px 0px 12px rgba(0, 0, 0, 0.1);
    transition: .5s ease-in-out;
}

/***************************WELCOME***********************************/
/* CSS para los contenedores de los sliders */
.container_p1, .container_p2_w {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    max-width: 530px;
    margin: 0 auto;
    overflow: hidden;
    /* Oculta el contenido que se desborda */
    position: relative;
    /* Añade posición relativa para la animación */
}

/* CSS para los sliders */
.container_p1, .container_p2_w {
    transition: transform 0.5s ease-in-out;
    /* Agrega una transición de transformación */
}

/* CSS para el segundo slider */
.container_p2_w {
    transform: translateX(100%);
    /* Empieza fuera del viewport hacia la derecha */
}

/* Otros estilos que ya tienes */

.content {
    text-align: center;
}

.logo1 {
    max-width: 80%;
    height: auto;
    margin-bottom: 20px;
}

.input-field {
    text-align: center;
}



/***************************Menú***********************************/
/* Estilos para el menú lateral y submenú */
.menu-toggle {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    width: 45px;
    height: 45px;
    margin: 15px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 100000;
    background-image: url('../img/menu/BOTON_IZQUIERDA.svg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.bar {
    background: #f0465e;
    height: 2px;
    /* Reducir la altura de las barras */
    width: 100%;
    transition: 0.4s;
    margin-bottom: 2px;
    /* Agregar un pequeño espaciado entre las barras */
}

/* Estilos para el menú lateral */
.sidebar {
    width: 250px;
    /* Ancho del menú lateral */
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /* Cambia de -250px a 0 para que el menú esté visible por defecto */
    background: #f0465e;
    transition: 0.4s;
    z-index: 1;
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);
    border-top-right-radius: 50px;
    /* Borde superior derecho redondeado */
    border-bottom-right-radius: 50px;
    z-index: 100;
}

/* Estilos para el menú y submenú */
.sidebar ul {
    list-style: none;
    padding: 0;
}

.sidebar li {
    padding: 10px 0;
}

.sidebar ul li a {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: bold;
    /* Color blanco para el texto del menú */
}

.sidebar.show {
    left: 0;
    /* Mostrar el menú lateral al agregar la clase .show */
}


/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
    .menu-toggle {
        display: flex;
    }

    .sidebar {
        left: -100%;
        /* Ocultar el menú lateral en dispositivos móviles */
    }
}

/* Estilos para el usuario y nombre */
.user-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.user-profile img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.user-name {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

/* Estilos para el contenedor del separador */
.separator-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

/* Estilos para el separador */
.separator {
    width: 80%;
    /* Ajusta el ancho del separador según tus preferencias */
    border: none;
    height: 1px;
    background: #fff;
}

/* Ajusta el estilo del submenú "Módulos" */
.submenu>a {
    font-weight: bold;
    color: #fff;
    /* Color del texto del submenú */
    text-decoration: none;
    display: block;
}

/* Establece un margen izquierdo para los elementos del submenú "Módulos" */
.submenu li {
    margin-left: 20px;
    /* Ajusta el margen según tu preferencia */
}

/* Opcional: Cambia el estilo del cursor al pasar por encima del submenú */
.submenu a:hover {
    color: #f0465e;
    /* Cambia el color al pasar el mouse */
}

/* Estilos para el footer del menú */
.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.footer img {
    width: 120px;
    height: 120px;
    margin: 10px auto;
}

/* Estilos para el contenedor centrado del menú */
.centered-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* Alinea verticalmente al centro */
    height: 60%;
    /* Asegura que ocupe toda la altura del sidebar */
}

/* Estilos para el menú y submenú */
.sidebar ul {
    list-style: none;
    padding: 0;
}

.sidebar li {
    padding: 2px 0;
}

/* Ajusta el estilo del submenú "Módulos" */
.submenu>a {
    font-weight: bold;
    color: #fff;
    /* Color del texto del submenú */
    text-decoration: none;
    display: block;
}

/* Establece un margen izquierdo para los elementos del submenú "Módulos" */
.submenu li {
    margin-left: 20px;
    /* Ajusta el margen según tu preferencia */
}

/* Opcional: Cambia el estilo del cursor al pasar por encima del submenú */
.submenu a:hover {
    color: #ffae2c;
    /* Cambia el color al pasar el mouse */
}

/* CSS Interno para las vistas de los módulos */

.back_welcome {
    background-image: url("../img/P1.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.back_welcome2 {
    background-image: url("../img/P2.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-welcome {
    cursor: pointer;
    position: absolute;
    top: 78%;
    transform: translateY(-50%);
    left: 22%;
    width: 60%;
}

/* Establece la altura de la pantalla completa para cada slide */
.slider-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* Alinea el contenido en el centro vertical y horizontalmente */
.slide {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover;
    /* Asegura que el fondo cubra toda la pantalla */
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Establece fondos para cada slide */
.mod1 {
    background-image: url('../img/mod1.svg');
}

.mod2 {
    background-image: url('../img/mod2.svg');
}

.mod3 {
    background-image: url('../img/mod3.svg');
}

.mod4 {
    background-image: url('../img/mod4.svg');
}

.mod5 {
    background-image: url('../img/mod5.svg');
}

.mod6 {
    background-image: url('../img/mod6.svg');
}

.mod1Interf1 {
    background-image: url('../img/module1/M1P1.svg');
}

.mod1Interf2 {
    background-image: url('../img/module1/M1P2.svg');
}

.mod1Interf3 {
    background-image: url('../img/module1/M1P3.svg');
}

.mod1Interf4 {
    background-image: url('../img/module1/M1P4.svg');
}

.mod1Interf5 {
    background-image: url('../img/module1/M1P5.svg');
}

.mod1Interf6 {
    background-image: url('../img/module1/M1P6.svg');
}

.mod1Interf7 {
    background-image: url('../img/module1/M1P7.svg');
}

.mod1Interf8 {
    background-image: url('../img/module1/M1P8.svg');
}

.mod1Interf9 {
    background-image: url('../img/module1/M1P9.svg');
}

.mod1Interf10 {
    background-image: url('../img/module1/M1P10.svg');
}

.mod1Interf11 {
    background-image: url('../img/module1/M1P11.svg');
}

.mod1Interf12 {
    background-image: url('../img/module1/M1P12.svg');
}

.mod1Interf13 {
    background-image: url('../img/module1/M1P13.svg');
}

.mod1Interf14 {
    background-image: url('../img/module1/M1P14_1.svg');
}

.mod1Interf15 {
    background-image: url('../img/module1/M1P15.svg');
}

.mod1Interf16 {
    background-image: url('../img/module1/M1P16.svg');
}

.mod1Interf17 {
    background-image: url('../img/module1/M1P17.svg');
}

.mod1Interf18 {
    background-image: url('../img/module1/M1P18.svg');
}

.mod1Interf19 {
    background-image: url('../img/module1/M1P19.svg');
}

.mod1Interf20 {
    background-image: url('../img/module1/M1P20.svg');
}

.mod1Interf21 {
    background-image: url('../img/module1/M1P21.svg');
}

.mod1Interf22 {
    background-image: url('../img/module1/M1P22.svg');
}

.mod1Interf23 {
    background-image: url('../img/module1/M1P23.svg');
}

.mod1Interf24 {
    background-image: url('../img/module1/M1P24.svg');
}

.mod1Interf25 {
    background-image: url('../img/module1/M1P25.svg');
}

.mod1Interf26 {
    background-image: url('../img/module1/M1P26.svg');
}

.mod1Interf27 {
    background-image: url('../img/module1/M1P27.svg');
}

.mod1Interf28 {
    background-image: url('../img/module1/M1P28.svg');
}

.mod1Interf30 {
    background-image: url('../img/module1/M1P30.svg');
}

.mod1Interf31 {
    background-image: url('../img/module1/M1P31.svg');
}

.mod1Interf32 {
    background-image: url('../img/module1/M1P32.svg');
}

.mod1Interf33 {
    background-image: url('../img/module1/M1P33.svg');
}

.mod1Interf34 {
    background-image: url('../img/module1/M1P34.svg');
}

.mod1Interf35 {
    background-image: url('../img/module1/M1P35.svg');
}

.mod1Interf36 {
    background-image: url('../img/module1/M1P36.svg');
}

.mod1Interf37 {
    background-image: url('../img/module1/M1P37.svg');
}

.mod1Interf38 {
    background-image: url('../img/module1/M1P38.svg');
}

.mod1Interf39 {
    background-image: url('../img/module1/M1P39.svg');
}

.mod1Interf40 {
    background-image: url('../img/module1/M1P40.svg');
}

.mod1Interf41 {
    background-image: url('../img/module1/M1P41.svg');
}

.mod1Interf42 {
    background-image: url('../img/module1/M1P42.svg');
}

.mod1Interf43 {
    background-image: url('../img/module1/M1P43.svg');
}

.mod1Interf44 {
    background-image: url('../img/module1/M1P44.svg');
}

.mod1Interf45 {
    background-image: url('../img/module1/M1P45.svg');
}

.mod1Interf46 {
    background-image: url('../img/module1/M1P46.svg');
}

.mod1Interf47 {
    background-image: url('../img/module1/M1P47.svg');
}

.mod1Interf48 {
    background-image: url('../img/module1/M1P48.svg');
}

.mod1Interf49 {
    background-image: url('../img/module1/M1P49.svg');
}

.mod1Interf50 {
    background-image: url('../img/module1/M1P50.svg');
}

.mod1Interf51 {
    background-image: url('../img/module1/M1P51.svg');
}

.mod1Interf52 {
    background-image: url('../img/module1/M1P52.svg');
}

.mod1Interf53 {
    background-image: url('../img/module1/M1P53.svg');
}

.mod1Interf54 {
    background-image: url('../img/module1/M1P54.svg');
}

.mod1Interf55 {
    background-image: url('../img/module1/M1P55.svg');
}

.mod1Interf56 {
    background-image: url('../img/module1/M1P56.svg');
}

.mod1Interf57 {
    background-image: url('../img/module1/M1P57.svg');
}

.mod1Interf58 {
    background-image: url('../img/module1/M1P58.svg');
}

.mod1Interf59 {
    background-image: url('../img/module1/M1P59.svg');
}

.mod1Interf60 {
    background-image: url('../img/module1/M1P60.svg');
}

.mod1Interf61 {
    background-image: url('../img/module1/M1P61.svg');
}

.mod1Interf62 {
    background-image: url('../img/module1/M1P62.svg');
}

.mod1Interf63 {
    background-image: url('../img/module1/M1P63.svg');
}

.mod1Interf64 {
    background-image: url('../img/module1/M1P64.svg');
}

.mod1Interf65 {
    background-image: url('../img/module1/M1P65.svg');
}

.mod1Interf66 {
    background-image: url('../img/module1/M1P66.svg');
}

.mod1Interf67 {
    background-image: url('../img/module1/M1P67.svg');
}

.mod1Interf68 {
    background-image: url('../img/module1/M1P68.svg');
}

.mod1Interf69 {
    background-image: url('../img/module1/M1P69.svg');
}

.mod1Interf70 {
    background-image: url('../img/module1/M1P70.svg');
}

.mod1Interf71 {
    background-image: url('../img/module1/M1P71.svg');
}

.mod1Interf72 {
    background-image: url('../img/module1/M1P72.svg');
}

.mod1Interf73 {
    background-image: url('../img/module1/M1P73.svg');
}

.mod1Interf74 {
    background-image: url('../img/module1/M1P74.svg');
}

.mod1Interf75 {
    background-image: url('../img/module1/M1P75.svg');
}

.mod1Interf76 {
    background-image: url('../img/module1/M1P76.svg');
}

.mod1Interf77 {
    background-image: url('../img/module1/M1P77.svg');
}

.mod1Interf78 {
    background-image: url('../img/module1/M1P78.svg');
}

.mod1Interf79 {
    background-image: url('../img/module1/M1P79.svg');
}

.mod1Interf80 {
    background-image: url('../img/module1/M1P80.svg');
}

.mod1Interf81 {
    background-image: url('../img/module1/M1P81.svg');
}

.mod1Interf82 {
    background-image: url('../img/module1/M1P82.svg');
}

.mod1Interf83 {
    background-image: url('../img/module1/M1P83.svg');
}

.video1_mod1 {
    position: absolute;
    top: 106px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 30%;
}

/******************************INTERFAZ 14 MOD 1*********************************/

.bt_mod1_14 img {
    position: absolute;
    cursor: pointer;
}

.bt_mod1_14_1 {
    top: 18%;
    left: 12%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_2 {
    top: 18%;
    left: 41%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_3 {
    top: 18%;
    left: 68%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_4 {
    top: 24%;
    left: 12%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_5 {
    top: 24%;
    left: 41%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_6 {
    top: 24%;
    left: 68%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_7 {
    top: 30%;
    left: 12%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_8 {
    top: 30%;
    left: 41%;
    width: 20%;
    height: auto;
}

.bt_mod1_14_9 {
    top: 30%;
    left: 68%;
    width: 20%;
    height: auto;
}

.bt_mod1_14 img {
    position: absolute;
}

.gra_mod1_14 img {
    position: absolute;
    top: 37.5%;
    left: 4.8%;
    width: 90%;
    height: auto;
}

.oculto_mod1_14 {
    display: none;
}

/* Estilos para el botón lateral derecho */
.boton-derecho {
    position: fixed;
    top: 4%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 9999;
    margin: 15px;
}

.boton-enlace {
    display: inline-block;
    text-decoration: none;
    width: 45px;
    height: 45px;
    background-image: url('../img/menu/BOTON_DERECHA.svg');
    background-size: 100%;
    background-repeat: no-repeat;
}


/******************************INTERFAZ 69 MOD 1*********************************/

.bt_69_mod1_1 {
    background-image: url(../img/module1/personajes/P65STANISLASDEHAENE.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 28%;
    left: 14%;
}

.bt_69_mod1_2 {
    background-image: url(../img/module1/personajes/P65ANITA.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 28%;
    left: 55%;
}

.bt_69_mod1_3 {
    background-image: url(../img/module1/personajes/P65ROBERT.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 55%;
    left: 14%;
}

.bt_69_mod1_4 {
    background-image: url(../img/module1/personajes/P65JOHN.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 55%;
    left: 55%;
}

.fondo_modal69_mod1_1 {
    background-image: url(../img/module1/personajes/POPSTANISLAS.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 78%;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal69_mod1_2 {
    background-image: url(../img/module1/personajes/POPANITA.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 78%;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal69_mod1_3 {
    background-image: url(../img/module1/personajes/POPROBERT.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 78%;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal69_mod1_4 {
    background-image: url(../img/module1/personajes/POPJOHN.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 78%;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
}

.cerrar_mod1_69 {
    width: 84px;
    cursor: pointer;
    position: absolute;
    top: 7%;
    left: 80%;
}

/************************************* QUIZZES Module1 ****************************/

.pregunta {
    position: relative;
    /* Esto permite posicionar absolutamente los elementos hijos */
    /* Resto de tus estilos... */
}

.opciones {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    text-align: center;
}

.radio-button {
    display: inline-block;
    position: relative;
    /* Agrega posición relativa si planeas posicionar absolutamente el label */
}

.radio-custom {
    display: none;
}

.radio-custom-label {
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
    height: 80px;
}

.controlsQuizModule1 {
    position: absolute;
    top: 94%;
    left: 36%;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0px 3px;
    box-sizing: border-box;
}


.prev-imageQuizMod1, .next-imageMod1 {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.prev-imageQuizMod1 {
    left: 9%;
}

.next-imageMod1 {
    left: 26%;
}

.radio-verdadero .radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/verdadero_normal.svg');
}

.radio-verdadero .radio-custom:checked+.radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/verdad_seleccionado.svg');
}

.radio-falso .radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/falso_normal.svg');
}

.radio-falso .radio-custom:checked+.radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/falso_seleccionado.svg');
}



.quizmod1Interf1 {
    background-image: url('../img/module1/quiz/M1E1.svg');
}

.quizmod1Interf2 {
    background-image: url('../img/module1/quiz/M1E2.svg');
}

.quizmod1Interf3 {
    background-image: url('../img/module1/quiz/M1E3.svg');
}

.quizmod1Interf4 {
    background-image: url('../img/module1/quiz/M1E4.svg');
}

.quizmod1Interf5 {
    background-image: url('../img/module1/quiz/M1E5.svg');
}

.quizmod1Interf6 {
    background-image: url('../img/module1/quiz/M1E6.svg');
}

.quizmod1Interf7 {
    background-image: url('../img/module1/quiz/M1E7.svg');
}

.quizmod1Interf8 {
    background-image: url('../img/module1/quiz/M1E8.svg');
}

.quizmod1Interf9 {
    background-image: url('../img/module1/quiz/M1E9.svg');
}

.quizmod1Interf10 {
    background-image: url('../img/module1/quiz/M1E10.svg');
}

.quizmod1Interf11 {
    background-image: url('../img/module1/quiz/M1E11.svg');
}

.quizmod1Interf12 {
    background-image: url('../img/module1/quiz/M1E12.svg');
}

.quizmod1Interf13 {
    background-image: url('../img/module1/quiz/M1E13.svg');
}

.quizmod1Interf14 {
    background-image: url('../img/module1/quiz/M1E14.svg');
}

.quizmod1Interf15 {
    background-image: url('../img/module1/quiz/M1E15.svg');
}

.quizmod1Interf16 {
    background-image: url('../img/module1/quiz/M1E16.svg');
}


/* Estilos para los controles de "Anterior" y "Siguiente" */
.controls {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
}

.controlsModule1 {
    position: absolute;
    top: 86%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Estilos para las imágenes de "prev" y "next" */
.prev-image, .next-image, .resetButton {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.start {
    width: 140px;
    height: 70px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16%;
}

.prev-image {
    left: 11%;
}

.next-image {
    right: 11%;
}

.resetButton {
    top: 11%;
}

.prev-imageMod1, .next-imageMod1, .resetButtonMod1 {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.next-imageMod1 {
    left: 26%;
}

.resetButtonMod1 {
    top: 11%;
}

/* Estilos para dispositivos móviles (ancho máximo de 768px) */
@media screen and (max-width: 768px) {
    .slider-container {
        /* Establece la altura de la pantalla completa para dispositivos móviles */
        height: 100vh;
    }

    .slide {
        /* Alinea el contenido en el centro vertical y horizontalmente en dispositivos móviles */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .positioned-content {
        /* Agrega estilos específicos para dispositivos móviles, como text-align y padding */
        text-align: center;
        padding: 100% 20%;
    }

    /* Establece la tipografía y color para dispositivos móviles */
    .poppins-font {
        font-family: 'Poppins', sans-serif;
        color: white;
    }

    .climate-font {
        font-family: 'ClimateCrisis', sans-serif;
        color: white;
        font-size: 1.3rem;
        letter-spacing: 1px;
    }

    .smaller-font {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        /* Ajusta el tamaño según tu preferencia */
        color: white;
    }
}

/* Estilos para pantallas más grandes (más de 768px de ancho) */
@media screen and (min-width: 769px) {
    .slider-container {
        /* Establece la altura de la pantalla completa para pantallas grandes */
        width: 27%;
        /* Establece el ancho deseado */
        margin: 0 auto;
        /* Centra el contenedor horizontalmente */
        height: 100vh;
        /* Establece la altura de la pantalla completa para pantallas grandes */
    }
}

.slide {
    /* Alinea el contenido en el centro vertical y horizontalmente en pantallas grandes */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.positioned-content {
    /* Agrega estilos específicos para pantallas grandes, como text-align y padding */
    text-align: center;
    padding: 105% 20%;
    /* Utiliza un porcentaje (ajusta el 20% según tu preferencia) */
}

/* Establece la tipografía y color para pantallas grandes */
.poppins-font {
    font-family: 'Poppins', sans-serif;
    color: white;
}

.climate-font {
    font-family: 'ClimateCrisis', sans-serif;
    color: white;
    font-size: 1.3rem;
    letter-spacing: 1px;
}

.smaller-font {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    /* Ajusta el tamaño según tu preferencia */
    color: white;
}


/* Aplica la tipografía Poppins a los elementos con la clase "poppins-font" */
.poppins-font {
    font-family: 'Poppins', sans-serif;
    color: white;
}

/* Aplica la tipografía Climate+Crisis a los elementos con la clase "climate-font" */
.climate-font {
    font-family: 'ClimateCrisis', sans-serif;
    color: white;
    font-size: 1.3rem;
    letter-spacing: 1px;
}

/* Ajusta el tamaño de fuente más pequeño para los elementos con la clase "smaller-font" */
.smaller-font {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    /* Ajusta el tamaño a tu preferencia */
    color: white;
}

.responsive-image {
    max-width: 65%;
    /* La imagen nunca será más ancha que su contenedor */
    height: auto;
    /* La altura se ajustará automáticamente para mantener la proporción original */
    display: block;
    /* Elimina el espacio adicional debajo de la imagen */
    margin: 0 auto;
    /* Centra la imagen horizontalmente en su contenedor */
}

.btn-module {
    cursor: pointer;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 22%;
    width: 60%;
}

.bar-module {
    cursor: pointer;
    position: absolute;
    top: 91%;
    transform: translateY(-50%);
    left: 22%;
    width: 60%;
}



/* Estilos video**************************************************************/
#videoElement {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 1em;
    left: 0;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 3em;
    padding: 10px;
}

.moduleRestart {
    background-image: url('../img/buttons/reiniciar_modulo.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 40%;
    height: 7%;
    top: 84%;
    left: 57%;
}

.edit-profile-link-icon-edit-jhon {
    position: absolute;
    top: 56%;
    left: 74%;
    width: 34%;
    height: 34%;
    background-image: url(../img/editarPerfil.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.user-profile-edit {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.user-profile-edit img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    margin-bottom: 50px;
}

.box-edit-user {
    position: absolute;
    top: 0%;
    width: 85%;
    left: 27px;
    transition: .5s ease-in-out;
}

.box-edit {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 52px 20px 30px 20px;
    height: 659px;
    width: 350px;
    border-radius: 30px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

/********************************************* Style Input File Edit User************************/

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: #f0465e;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.iborrainputfile {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Lato';
}

/* style 1 */

.inputfile-1+label {
    color: #fff;
    background-color: #02a9bc;
}

.inputfile-1:focus+label,
.inputfile-1.has-focus+label,
.inputfile-1+label:hover {
    background-color: #02a9bc;

}

/********************************************* Style CROSSWORD ************************/

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.crw-container {
    position: absolute;
    width: 89%;
    height: 500px;
    margin: 120px 22px;
}

.crw-container .crw-wordlist {
    display: none;
}

.crw-grid {
    height: 100%;
}

.crw-grid>div {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #222;
    position: relative;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    height: calc(100% / 16);
}

.crw-grid>div input {
    width: 100%;
    border: 0;
    background: #FFF;
    text-align: center;
    height: 100%;
    border: none;
}

.crw-grid>div input:focus {
    outline: 1px dashed #2BB673;
    background: #f1f1f1;
}

.crw-grid>div svg {
    position: absolute;
    width: 80%;
    cursor: pointer;
}

.crw-grid>div svg.direction-h {
    left: -90%;
    top: 10%;
}

.crw-grid>div svg.direction-v {
    top: -90%;
    left: 10%;
}

.crw-grid>div.direction-h-init:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -8px;
    border-top: 8px solid transparent;
    border-left: 10px solid #ffae2c;
    border-bottom: 8px solid transparent;
    pointer-events: none;
}

.crw-clues {
    display: none;
}

.crw-grid>div.direction-v-init:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #ffae2c;
    pointer-events: none;
}

.crw-grid>div svg path {
    fill: #ffae2c;
}

.crw-grid>div svg:hover path {
    fill: #ffae2c;
}

.tippy-content {
    max-width: 150px !important;
    font-family: 'Poppins' !important;
}

.tippy-tooltip {
    position: relative;
    color: #000;
    border-radius: 4px;
    font-size: .8rem !important;
    padding: 0.3rem 0.6rem;
    max-width: 301px;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #ffae2c !important;
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 8px solid #ffae2c !important;
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 8px #ffae2c !important;
}

#imagen-temporal {
    position: absolute;
    top: 30%;
}

/** **/

.desc_1 {
    position: absolute;
    width: 40%;
    height: 7%;
    top: 77%;
    left: 50%;
}


.desc_u1_2 {
    background-image: url(../img/module1/Botones/u1_u2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.desc_u3_4 {
    background-image: url(../img/module1/Botones/u3_u4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.desc_2 {
    position: absolute;
    width: 40%;
    height: 10%;
    top: 83.3%;
    left: 50%;
}

.fichas {
    background-image: url(../img/module1/Botones/fichas.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.megalibro_r {
    background-image: url(../img/module1/Botones/megalibro2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.componedor_r {
    background-image: url(../img/module1/Botones/componedor.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.cuadernos_a {
    background-image: url(../img/module1/Botones/cuadernosazul.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.libro_a {
    background-image: url(../img/module1/Botones/libro.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.componedor_a {
    background-image: url(../img/module1/Botones/componedor_azul.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.gif_55 {
    background-image: url(../img/module1/animaciones/modulo1-transparente.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 149px;
    left: 1px;
}

.gif_mod2_girl {
    background-image: url(../img/module2/animaciones/modulo2-transparente.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 460px;
    height: 700px;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.desc_3 {
    position: absolute;
    width: 42%;
    height: 11%;
    top: 81.3%;
    left: 50%;
}

.aprender_leer {
    background-image: url(../img/module1/Botones/P70APRENDERALEER.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.video-contenedor {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
}

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

@media screen and (max-width: 768px) {

    /* Ajusta el valor según tu criterio para dispositivos móviles */
    .video-contenedor {
        /* Rotamos el contenedor */
        transform: rotate(90deg);
        transform-origin: right top;

        /* Ajustamos el tamaño */
        width: 100vh;
        /* El ancho es igual a la altura de la ventana gráfica */
        height: 100vw;
        /* La altura es igual al ancho de la ventana gráfica */

        /* Posicionamos en el centro */
        position: absolute;
        top: 100%;
        left: 0;
    }
}

/******************************  MODULE 2  *******************************/

.mod2Interf1 {
    background-image: url('../img/module2/M2P1.svg');
}

.mod2Interf2 {
    background-image: url('../img/module2/M2P2.svg');
}

.mod2Interf3 {
    background-image: url('../img/module2/M2P3.svg');
}

.mod2Interf4 {
    background-image: url('../img/module2/M2P4.svg');
}

.mod2Interf5 {
    background-image: url('../img/module2/M2P5.svg');
}

.mod2Interf6 {
    background-image: url('../img/module2/M2P6.svg');
}

.mod2Interf7 {
    background-image: url('../img/module2/M2P7.svg');
}

.mod2Interf8 {
    background-image: url('../img/module2/M2P8.svg');
}

.mod2Interf9 {
    background-image: url('../img/module2/M2P9.svg');
}

.mod2Interf10 {
    background-image: url('../img/module2/M2P10.svg');
}

.mod2Interf11 {
    background-image: url('../img/module2/M2P11.svg');
}

.mod2Interf12 {
    background-image: url('../img/module2/M2P12.svg');
}

.mod2Interf13 {
    background-image: url('../img/module2/M2P13.svg');
}

.mod2Interf14 {
    background-image: url('../img/module2/M2P14.svg');
}

.mod2Interf15 {
    background-image: url('../img/module2/M2P15.svg');
}

.mod2Interf16 {
    background-image: url('../img/module2/M2P16.svg');
}

.mod2Interf17 {
    background-image: url('../img/module2/M2P17.svg');
}

.mod2Interf18 {
    background-image: url('../img/module2/M2P18.svg');
}

.mod2Interf19 {
    background-image: url('../img/module2/M2P19.svg');
}

.mod2Interf20 {
    background-image: url('../img/module2/M2P20.svg');
}

.mod2Interf21 {
    background-image: url('../img/module2/M2P21.svg');
}

.mod2Interf22 {
    background-image: url('../img/module2/M2P22.svg');
}

.mod2Interf23 {
    background-image: url('../img/module2/M2P23.svg');
}

.mod2Interf24 {
    background-image: url('../img/module2/M2P24.svg');
}

.mod2Interf25 {
    background-image: url('../img/module2/M2P25.svg');
}

.mod2Interf26 {
    background-image: url('../img/module2/M2P26.svg');
}

.mod2Interf27 {
    background-image: url('../img/module2/M2P27.svg');
}

.mod2Interf28 {
    background-image: url('../img/module2/M2P28.svg');
}

.mod2Interf29 {
    background-image: url('../img/module2/M2P29.svg');
}

.mod2Interf30 {
    background-image: url('../img/module2/M2P30.svg');
}

.mod2Interf31 {
    background-image: url('../img/module2/M2P31.svg');
}

.mod2Interf32 {
    background-image: url('../img/module2/M2P32.svg');
}

.mod2Interf33 {
    background-image: url('../img/module2/M2P33.svg');
}

.mod2Interf34 {
    background-image: url('../img/module2/M2P34.svg');
}

.mod2Interf35 {
    background-image: url('../img/module2/M2P35.svg');
}

.mod2Interf36 {
    background-image: url('../img/module2/M2P36.svg');
}

.mod2Interf37 {
    background-image: url('../img/module2/M2P37.svg');
}

.mod2Interf38 {
    background-image: url('../img/module2/M2P38.svg');
}

.mod2Interf39 {
    background-image: url('../img/module2/M2P39.svg');
}

.mod2Interf40 {
    background-image: url('../img/module2/M2P40.svg');
}

.mod2Interf41 {
    background-image: url('../img/module2/M2P41.svg');
}

.mod2Interf42 {
    background-image: url('../img/module2/M2P42.svg');
}

.mod2Interf43 {
    background-image: url('../img/module2/M2P43.svg');
}

.mod2Interf44 {
    background-image: url('../img/module2/M2P44.svg');
}

.mod2Interf45 {
    background-image: url('../img/module2/M2P45.svg');
}

.mod2Interf46 {
    background-image: url('../img/module2/M2P46.svg');
}

.mod2Interf47 {
    background-image: url('../img/module2/M2P47.svg');
}

.mod2Interf48 {
    background-image: url('../img/module2/M2P48.svg');
}

.mod2Interf49 {
    background-image: url('../img/module2/M2P49.svg');
}

.mod2Interf50 {
    background-image: url('../img/module2/M2P50.svg');
}

.mod2Interf51 {
    background-image: url('../img/module2/M2P51.svg');
}

.mod2Interf52 {
    background-image: url('../img/module2/M2P52.svg');
}

.mod2Interf53 {
    background-image: url('../img/module2/M2P53.svg');
}

.mod2Interf54 {
    background-image: url('../img/module2/M2P54.svg');
}

.mod2Interf55 {
    background-image: url('../img/module2/M2P55.svg');
}

.mod2Interf56 {
    background-image: url('../img/module2/M2P56.svg');
}

.mod2Interf57 {
    background-image: url('../img/module2/M2P57.svg');
}

.mod2Interf58 {
    background-image: url('../img/module2/M2P58.svg');
}

.mod2Interf59 {
    background-image: url('../img/module2/M2P59.svg');
}

.mod2Interf60 {
    background-image: url('../img/module2/M2P60.svg');
}

.mod2Interf61 {
    background-image: url('../img/module2/M2P61.svg');
}

.mod2Interf62 {
    background-image: url('../img/module2/M2P62.svg');
}

.mod2Interf63 {
    background-image: url('../img/module2/M2P63.svg');
}

.mod2Interf64 {
    background-image: url('../img/module2/M2P64.svg');
}

.mod2Interf65 {
    background-image: url('../img/module2/M2P65.svg');
}

.mod2Interf66 {
    background-image: url('../img/module2/M2P66.svg');
}

.mod2Interf67 {
    background-image: url('../img/module2/M2P67.svg');
}

.mod2Interf68 {
    background-image: url('../img/module2/M2P68.svg');
}

.mod2Interf69 {
    background-image: url('../img/module2/M2P69.svg');
}

.mod2Interf70 {
    background-image: url('../img/module2/M2P70.svg');
}

.mod2Interf71 {
    background-image: url('../img/module2/M2P71.svg');
}

.mod2Interf72 {
    background-image: url('../img/module2/M2P72.svg');
}

.mod2Interf73 {
    background-image: url('../img/module2/M2P73.svg');
}

.mod2Interf74 {
    background-image: url('../img/module2/M2P74.svg');
}

.mod2Interf75 {
    background-image: url('../img/module2/M2P75.svg');
}

.mod2Interf76 {
    background-image: url('../img/module2/M2P76.svg');
}

.mod2Interf77 {
    background-image: url('../img/module2/M2P77.svg');
}

.mod2Interf78 {
    background-image: url('../img/module2/M2P78.svg');
}

.mod2Interf79 {
    background-image: url('../img/module2/M2P79.svg');
}

.mod2Interf80 {
    background-image: url('../img/module2/M2P80.svg');
}

.mod2Interf81 {
    background-image: url('../img/module2/M2P81.svg');
}

.mod2Interf82 {
    background-image: url('../img/module2/M2P82.svg');
}

.mod2Interf83 {
    background-image: url('../img/module2/M2P83.svg');
}

.mod2Interf84 {
    background-image: url('../img/module2/M2P84.svg');
}

.mod2Interf85 {
    background-image: url('../img/module2/M2P85.svg');
}

.mod2Interf86 {
    background-image: url('../img/module2/M2P86.svg');
}

.mod2Interf87 {
    background-image: url('../img/module2/M2P87.svg');
}

.mod2Interf88 {
    background-image: url('../img/module2/M2P88.svg');
}

.mod2Interf89 {
    background-image: url('../img/module2/M2P89.svg');
}

.mod2Interf90 {
    background-image: url('../img/module2/M2P90.svg');
}

.mod2Interf91 {
    background-image: url('../img/module2/M2P91.svg');
}

.mod2Interf92 {
    background-image: url('../img/module2/M2P92.svg');
}

.mod2Interf93 {
    background-image: url('../img/module2/M2P93.svg');
}

.mod2Interf94 {
    background-image: url('../img/module2/M2P94.svg');
}

.mod2Interf95 {
    background-image: url('../img/module2/M2P95.svg');
}

.mod2Interf96 {
    background-image: url('../img/module2/M2P96.svg');
}

.mod2Interf97 {
    background-image: url('../img/module2/M2P97.svg');
}

.mod2Interf98 {
    background-image: url('../img/module2/M2P98.svg');
}

.mod2Interf99 {
    background-image: url('../img/module2/M2P99.svg');
}

.mod2Interf100 {
    background-image: url('../img/module2/M2P100.svg');
}

.mod2Interf101 {
    background-image: url('../img/module2/M2P101.svg');
}

.mod2Interf102 {
    background-image: url('../img/module2/M2P102.svg');
}

.mod2Interf103 {
    background-image: url('../img/module2/M2P103.svg');
}

.mod2Interf104 {
    background-image: url('../img/module2/M2P104.svg');
}

.mod2Interf105 {
    background-image: url('../img/module2/M2P105.svg');
}

.mod2Interf106 {
    background-image: url('../img/module2/M2P106.svg');
}

.mod2Interf107 {
    background-image: url('../img/module2/M2P107.svg');
}

.mod2Interf108 {
    background-image: url('../img/module2/M2P108.svg');
}

.mod2Interf109 {
    background-image: url('../img/module2/M2P109.svg');
}

.mod2Interf110 {
    background-image: url('../img/module2/M2P110.svg');
}

.mod2Interf111 {
    background-image: url('../img/module2/M2P111.svg');
}

.mod2Interf112 {
    background-image: url('../img/module2/M2P112.svg');
}

.mod2Interf113 {
    background-image: url('../img/module2/M2P113.svg');
}

.mod2Interf114 {
    background-image: url('../img/module2/M2P114.svg');
}

.mod2Interf115 {
    background-image: url('../img/module2/M2P115.svg');
}

.mod2Interf116 {
    background-image: url('../img/module2/M2P116.svg');
}

.mod2Interf117 {
    background-image: url('../img/module2/M2P117.svg');
}

.mod2Interf118 {
    background-image: url('../img/module2/M2P118.svg');
}

.mod2Interf119 {
    background-image: url('../img/module2/M2P119.svg');
}

.mod2Interf120 {
    background-image: url('../img/module2/M2P120.svg');
}

.mod2Interf121 {
    background-image: url('../img/module2/M2P121.svg');
}

.desc_4 {
    position: absolute;
    width: 167px;
    height: 88px;
    top: 82.4%;
    left: 49%;
}

.desc_5 {
    position: absolute;
    width: 165px;
    height: 55px;
    top: 82.9%;
    left: 49%;
}

.desc_6 {
    position: absolute;
    width: 162px;
    height: 88px;
    top: 82.9%;
    left: 49%;
}

.aprender_leer_mod2 {
    background-image: url(../img/module2/Botones/aprender_leer.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.estructura_amarilla_mod2 {
    background-image: url(../img/module2/estructuras/amarilla.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.desc_amarilla_mod2 {
    position: absolute;
    width: 200px;
    height: 54px;
    top: 47.5%;
    left: 30%;
}

.fondo_amarilla_2_1 {
    background-image: url(../img/module2/estructuras/poprojo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 90%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (min-width: 768px) {
    .fondo_amarilla_2_1 {
        top: 26%;
    }
}

.cerrar_mod2_2 {
    width: 65px;
    cursor: pointer;
    position: absolute;
    top: -4%;
    left: 85%;
}

.fondo_azul_2_2 {
    background-image: url(../img/module2/estructuras/popazul.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 90%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (min-width: 768px) {
    .fondo_azul_2_2 {
        top: 26%;
    }
}


.desc_azul_mod2 {
    position: absolute;
    width: 200px;
    height: 54px;
    top: 70%;
    left: 30%;
}

.estructura_azul_mod2 {
    background-image: url(../img/module2/estructuras/azul.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.aprender_leer_mod2_blanco {
    background-image: url(../img/module2/Botones/aprender_leer_blanco.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.defior {
    background-image: url(../img/module2/Botones/defior.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.cerebro {
    background-image: url(../img/module2/Botones/cerebro.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.adams {
    background-image: url(../img/module2/Botones/adams.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.adams_blanco {
    background-image: url(../img/module2/Botones/adams_blanco.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.calero_rojo {
    background-image: url(../img/module2/Botones/CALERO2014.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.desc_4 {
    position: absolute;
    width: 167px;
    height: 88px;
    top: 82.4%;
    left: 49%;
}

.desc_5 {
    position: absolute;
    width: 165px;
    height: 55px;
    top: 82.9%;
    left: 49%;
}

.desc_6 {
    position: absolute;
    width: 162px;
    height: 88px;
    top: 82.9%;
    left: 49%;
}

.aprender_leer_mod2 {
    background-image: url(../img/module2/Botones/aprender_leer.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.camargo_morado {
    background-image: url(../img/module2/Botones/CAMARGO2013.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.aprender_leer_mod2_blanco {
    background-image: url(../img/module2/Botones/aprender_leer_blanco.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.defior {
    background-image: url(../img/module2/Botones/defior.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.cerebro {
    background-image: url(../img/module2/Botones/cerebro.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.ensenanza_morado {
    background-image: url(../img/module2/Botones/LAENSENANZADELACOMPRENSIONLECTORA.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.adams {
    background-image: url(../img/module2/Botones/adams.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.estadoactualcompresion_morado {
    background-image: url(../img/module2/Botones/ESTADOACTUALDELACOMPRENSIONLECTORA.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.adams_blanco {
    background-image: url(../img/module2/Botones/adams_blanco.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.modalmask {
    text-align: justify;
    position: absolute;
    font-family: "asap";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    height: 100vh;
}

.modalmask:target {
    opacity: 1;
    pointer-events: auto;
}

.fondo_color_blanco {
    background-color: rgba(255, 255, 255, 0.4);
}

.fondo_modal_45_1 {
    background-image: url(../img/module2/actividades/act_1/2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70.445%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.cerrar {
    width: 65px;
    cursor: pointer;
    position: absolute;
    top: 0%;
    left: 72%;
}

.ima_45_izquierda {
    background-image: url(../img/module2/actividades/act_1/IZQUIERDA_ROJO.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 8.2%;
}

.ima_45_derecha {
    background-image: url(../img/module2/actividades/act_1/DERECHA_ROJO.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 80%;
}

.text_slider_45 {
    width: 70.445%;
    height: 63.98%;
    position: absolute;
    top: 15%;
    left: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ima_45_1 {
    background-image: url(../img/module2/actividades/act_1/1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 63vh;
    position: absolute;
    top: 4%;
    left: 0%;
}


.ejemplo_blanco {
    width: 95px;
    height: 46px;
    cursor: pointer;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ima_45_2 {
    background-image: url(../img/module2/actividades/act_1/3.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 63vh;
    position: absolute;
    top: 4%;
    left: 0%;
}

.fondo_modal_45_2 {
    background-image: url(../img/module2/actividades/act_1/4.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70.445%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.empezar {
    width: 24%;
    height: 6%;
    cursor: pointer;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translateX(-50%);
}

.ima_45_3 {
    background-image: url(../img/module2/actividades/act_1/5.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 65vh;
    position: absolute;
    top: 4%;
    left: 0%;
}

.ima_45_4 {
    background-image: url(../img/module2/actividades/act_1/6.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 63vh;
    position: absolute;
    top: 4%;
    left: 0%;
}

.fondo_modal_45_3 {
    background-image: url(../img/module2/actividades/act_1/7.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70.445%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.ima_45_5 {
    background-image: url(../img/module2/actividades/act_1/8.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 63vh;
    position: absolute;
    top: 4%;
    left: 0%;
}

.fondo_modal_45_4 {
    background-image: url(../img/module2/actividades/act_1/9.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70.445%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.ima_45_6 {
    background-image: url(../img/module2/actividades/act_1/10.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 63vh;
    position: absolute;
    top: 4%;
    left: 0%;
}

.fondo_modal_45_5 {
    background-image: url(../img/module2/actividades/act_1/11.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70.445%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.ima_45_7 {
    background-image: url(../img/module2/actividades/act_1/12.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 63vh;
    position: absolute;
    top: 4%;
    left: 0%;
}

.fondo_modal_45_6 {
    background-image: url(../img/module2/actividades/act_1/13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70.445%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.ima_45_8 {
    background-image: url(../img/module2/actividades/act_1/14.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 63vh;
    position: absolute;
    top: 4%;
    left: 0%;
}

.fondo_modal_45_7 {
    background-image: url(../img/module2/actividades/act_1/15.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70.445%;
    height: 64.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

/***************************************SLIDER 76*****************************************/

.ima_76_1 {
    background-image: url(../img/module2/actividades/act_2/1_vis.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 233px;
    height: 51px;
    cursor: pointer;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.ima_76_2 {
    background-image: url(../img/module2/actividades/act_2/2_vis.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 233px;
    height: 51px;
    cursor: pointer;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.ima_76_3 {
    background-image: url(../img/module2/actividades/act_2/3_vis.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 233px;
    height: 51px;
    cursor: pointer;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.ima_76_4 {
    background-image: url(../img/module2/actividades/act_2/4_vis.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 233px;
    height: 51px;
    cursor: pointer;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.ima_76_5 {
    background-image: url(../img/module2/actividades/act_2/5_vis.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 233px;
    height: 51px;
    cursor: pointer;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.ima_76_6 {
    background-image: url(../img/module2/actividades/act_2/6_vis.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 233px;
    height: 51px;
    cursor: pointer;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.image-container_76 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    width: 100%;
}

.image-container_76 img {
    width: calc(50% - 20px);
    max-width: 564px;
    height: auto;
    margin: 10px;
    cursor: pointer;
}

/* Media Query para dispositivos móviles */
@media (min-width: 768px) {
    .image-container_76 img {
        width: calc(50% - 20px);
        /* Calcula el 50% del ancho con margen en dispositivos móviles */
    }
}

/***************************************SLIDER 87*****************************************/

.bt_87_1 {
    background-image: url(../img/module2/actividades/act_3/1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 20%;
    left: 9%;
}

.bt_87_2 {
    background-image: url(../img/module2/actividades/act_3/2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 20%;
    left: 37%;
}

.bt_87_3 {
    background-image: url(../img/module2/actividades/act_3/3.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 20%;
    left: 65%;
}

.bt_87_4 {
    background-image: url(../img/module2/actividades/act_3/4.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 23%;
}

.bt_87_5 {
    background-image: url(../img/module2/actividades/act_3/5.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 51%;
}

.bt_87_6 {
    background-image: url(../img/module2/actividades/act_3/6.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 60%;
    left: 9%;
}

.bt_87_7 {
    background-image: url(../img/module2/actividades/act_3/7.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 60%;
    left: 37%;
}

.bt_87_8 {
    background-image: url(../img/module2/actividades/act_3/8.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 26%;
    height: 20.5%;
    cursor: pointer;
    position: absolute;
    top: 60%;
    left: 65%;
}

.fondo_modal_87_1 {
    background-image: url(../img/module2/actividades/act_3/1_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_87_2 {
    background-image: url(../img/module2/actividades/act_3/2_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_87_3 {
    background-image: url(../img/module2/actividades/act_3/3_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_87_4 {
    background-image: url(../img/module2/actividades/act_3/4_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_87_5 {
    background-image: url(../img/module2/actividades/act_3/5_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_87_6 {
    background-image: url(../img/module2/actividades/act_3/6_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_87_7 {
    background-image: url(../img/module2/actividades/act_3/7_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_87_8 {
    background-image: url(../img/module2/actividades/act_3/8_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 81.445%;
    height: 61%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.mensaje {
    width: 320px;
    height: 165px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

/************************************* QUIZZES Module2 ****************************/

.quizmod2Interf1 {
    background-image: url('../img/module2/evaluacion/Pregunta1/M2E1.svg');
}

.quizmod2Interf2 {
    background-image: url('../img/module2/evaluacion/Pregunta2/M2E2.svg');
}

.quizmod2Interf3 {
    background-image: url('../img/module2/evaluacion/Pregunta3/M2E3.svg');
}

.quizmod2Interf4 {
    background-image: url('../img/module2/evaluacion/Pregunta4/M2E4.svg');
}

.quizmod2Interf5 {
    background-image: url('../img/module2/evaluacion/Pregunta5/M2E5.svg');
}

.quizmod2Interf6 {
    background-image: url('../img/module2/evaluacion/Pregunta6/M2E6.svg');
}

.quizmod2Interf7 {
    background-image: url('../img/module2/evaluacion/Pregunta7/M2E7.svg');
}

.quizmod2Interf8 {
    background-image: url('../img/module2/evaluacion/Pregunta8/M2E8.svg');
}

.quizmod2Interf9 {
    background-image: url('../img/module2/evaluacion/Pregunta9/M2E9.svg');
}

.quizmod2Interf10 {
    background-image: url('../img/module2/evaluacion/Pregunta10/M2E10.svg');
}

.quizmod2Interf11 {
    background-image: url('../img/module2/evaluacion/Pregunta11/M2E11.svg');
}


.opcionesMultiple {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    text-align: center;
    top: 52%
}

.radio-custom-label-multiple {
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    width: 315px;
    height: 70px;
}

/******************************  MODULE 3  *******************************/

.gif_mod3_puercoespin {
    background-image: url(../img/module3/animaciones/modulo3-transparente.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 421px;
    height: 577px;
    top: 5.3%;
    left: 2%;
}

.mod3Interf1 {
    background-image: url('../img/module3/M3P1.svg');
}

.mod3Interf2 {
    background-image: url('../img/module3/M3P2.svg');
}

.mod3Interf3 {
    background-image: url('../img/module3/M3P3.svg');
}

.mod3Interf4 {
    background-image: url('../img/module3/M3P4.svg');
}

.mod3Interf5 {
    background-image: url('../img/module3/M3P5.svg');
}

.mod3Interf6 {
    background-image: url('../img/module3/M3P6.svg');
}

.mod3Interf7 {
    background-image: url('../img/module3/M3P7.svg');
}

.mod3Interf8 {
    background-image: url('../img/module3/M3P8.svg');
}

.mod3Interf9 {
    background-image: url('../img/module3/M3P9.svg');
}

.mod3Interf10 {
    background-image: url('../img/module3/M3P10.svg');
}

.mod3Interf11 {
    background-image: url('../img/module3/M3P11.svg');
}

.mod3Interf12 {
    background-image: url('../img/module3/M3P12.svg');
}

.mod3Interf13 {
    background-image: url('../img/module3/M3P13.svg');
}

.mod3Interf14 {
    background-image: url('../img/module3/M3P14.svg');
}

.mod3Interf15 {
    background-image: url('../img/module3/M3P15.svg');
}

.mod3Interf16 {
    background-image: url('../img/module3/M3P16.svg');
}

.mod3Interf17 {
    background-image: url('../img/module3/M3P17.svg');
}

.mod3Interf18 {
    background-image: url('../img/module3/M3P18.svg');
}

.mod3Interf19 {
    background-image: url('../img/module3/M3P19.svg');
}

.mod3Interf20 {
    background-image: url('../img/module3/M3P20.svg');
}

.mod3Interf21 {
    background-image: url('../img/module3/M3P21.svg');
}

.mod3Interf22 {
    background-image: url('../img/module3/M3P22.svg');
}

.mod3Interf23 {
    background-image: url('../img/module3/M3P23.svg');
}

.mod3Interf24 {
    background-image: url('../img/module3/M3P24.svg');
}

.mod3Interf25 {
    background-image: url('../img/module3/M3P25.svg');
}

.mod3Interf26 {
    background-image: url('../img/module3/M3P26.svg');
}

.mod3Interf27 {
    background-image: url('../img/module3/M3P27.svg');
}

.mod3Interf28 {
    background-image: url('../img/module3/M3P28.svg');
}

.mod3Interf29 {
    background-image: url('../img/module3/M3P29.svg');
}

.mod3Interf30 {
    background-image: url('../img/module3/M3P30.svg');
}

.mod3Interf31 {
    background-image: url('../img/module3/M3P31.svg');
}

.mod3Interf32 {
    background-image: url('../img/module3/M3P32.svg');
}

.mod3Interf33 {
    background-image: url('../img/module3/M3P33.svg');
}

.mod3Interf34 {
    background-image: url('../img/module3/M3P34.svg');
}

.mod3Interf35 {
    background-image: url('../img/module3/M3P35.svg');
}

.mod3Interf36 {
    background-image: url('../img/module3/M3P36.svg');
}

.mod3Interf37 {
    background-image: url('../img/module3/M3P37.svg');
}

.mod3Interf38 {
    background-image: url('../img/module3/M3P38.svg');
}

.mod3Interf39 {
    background-image: url('../img/module3/M3P39.svg');
}

.mod3Interf40 {
    background-image: url('../img/module3/M3P40.svg');
}

.mod3Interf41 {
    background-image: url('../img/module3/M3P41.svg');
}

.mod3Interf42 {
    background-image: url('../img/module3/M3P42.svg');
}

.mod3Interf43 {
    background-image: url('../img/module3/M3P43.svg');
}

.mod3Interf44 {
    background-image: url('../img/module3/M3P44.svg');
}

.mod3Interf45 {
    background-image: url('../img/module3/M3P45.svg');
}

.mod3Interf46 {
    background-image: url('../img/module3/M3P46.svg');
}

.mod3Interf47 {
    background-image: url('../img/module3/M3P47.svg');
}

.mod3Interf48 {
    background-image: url('../img/module3/M3P48.svg');
}

.mod3Interf49 {
    background-image: url('../img/module3/M3P49.svg');
}

.mod3Interf50 {
    background-image: url('../img/module3/M3P50.svg');
}

.mod3Interf51 {
    background-image: url('../img/module3/M3P51.svg');
}

.mod3Interf52 {
    background-image: url('../img/module3/M3P52.svg');
}

.mod3Interf53 {
    background-image: url('../img/module3/M3P53.svg');
}

.mod3Interf54 {
    background-image: url('../img/module3/M3P54.svg');
}

.mod3Interf55 {
    background-image: url('../img/module3/M3P55.svg');
}

.mod3Interf56 {
    background-image: url('../img/module3/M3P56.svg');
}

.mod3Interf57 {
    background-image: url('../img/module3/M3P58.svg');
}

.mod3Interf58 {
    background-image: url('../img/module3/M3P59.svg');
}

.mod3Interf59 {
    background-image: url('../img/module3/M3P61.svg');
}

.mod3Interf60 {
    background-image: url('../img/module3/M3P63.svg');
}

.mod3Interf61 {
    background-image: url('../img/module3/M3P65.svg');
}

.mod3Interf62 {
    background-image: url('../img/module3/M3P66.svg');
}

.mod3Interf63 {
    background-image: url('../img/module3/M3P67.svg');
}

.mod3Interf64 {
    background-image: url('../img/module3/M3P68.svg');
}

.mod3Interf65 {
    background-image: url('../img/module3/M3P69.svg');
}

.mod3Interf66 {
    background-image: url('../img/module3/M3P79.svg');
}

.mod3Interf67 {
    background-image: url('../img/module3/M3P80.svg');
}

.mod3Interf68 {
    background-image: url('../img/module3/M3P81.svg');
}

.mod3Interf69 {
    background-image: url('../img/module3/M3P83.svg');
}

.mod3Interf70 {
    background-image: url('../img/module3/M3P84.svg');
}

.mod3Interf71 {
    background-image: url('../img/module3/M3P85.svg');
}

.mod3Interf72 {
    background-image: url('../img/module3/M3P86.svg');
}

.mod3Interf73 {
    background-image: url('../img/module3/M3P87.svg');
}

.desc_1_m3 {
    position: absolute;
    width: 174px;
    height: 95px;
    top: 83.1%;
    left: 49%;
}

.mogollon {
    background-image: url(../img/module3/botones/mogollon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.explicit {
    background-image: url(../img/module3/botones/explicit.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.ver_t {
    background-image: url(../img/module3/botones/ver.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.fondo_modal_mod_56_1 {
    background-image: url(../img/module3/tablas/TABLAP56.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.cerrar_m3_t {
    width: 65px;
    cursor: pointer;
    position: absolute;
    top: -5%;
    right: -2%;
}

.fondo_modal_mod_57_1 {
    background-image: url(../img/module3/tablas/TABLAP58Y59.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_59_1 {
    background-image: url(../img/module3/tablas/TABLAP61.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_60_1 {
    background-image: url(../img/module3/tablas/TABLAP63.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.centrar_mod3_65 {
    position: absolute;
    top: 59.3%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64%;
    height: 37%;
}

@media (max-width: 768px) {

    /* Estilos específicos para pantallas más pequeñas (por ejemplo, dispositivos móviles) */
    .centrar_mod3_65 {
        top: 59.3%;
        width: 80%;
        height: 37%;
        /* Ajusta la altura automáticamente para mantener la proporción */
    }
}

.imagen_mod3_65 {
    position: absolute;
}

.imagen1_mod3_65 {
    top: 16%;
    left: 53%;
    width: 20%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen1_mod3_65 {
        top: 16%;
        left: 53%;
        width: 20%;
        height: auto;
    }
}

.imagen2_mod3_65 {
    top: 37%;
    left: 71%;
    width: 17%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen2_mod3_65 {
        top: 37%;
        left: 70%;
        width: 17%;
        height: auto;
    }
}

.imagen3_mod3_65 {
    top: 58%;
    left: 69%;
    width: 21%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen3_mod3_65 {
        top: 58%;
        left: 66.5%;
        width: 21%;
        height: auto;
    }
}

.imagen4_mod3_65 {
    top: 78%;
    left: 56%;
    width: 13%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen4_mod3_65 {
        top: 78%;
        left: 56%;
        width: 13%;
        height: auto;
    }
}

.imagen5_mod3_65 {
    top: 76%;
    left: 27%;
    width: 20%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen5_mod3_65 {
        top: 76%;
        left: 27%;
        width: 20%;
        height: auto;
    }
}

.imagen6_mod3_65 {
    top: 60%;
    left: 14%;
    width: 13%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen6_mod3_65 {
        top: 60%;
        left: 15%;
        width: 13%;
        height: auto;
    }
}

.imagen7_mod3_65 {
    top: 36%;
    left: 12%;
    width: 19%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen7_mod3_65 {
        top: 36%;
        left: 13%;
        width: 19%;
        height: auto;
    }
}

.imagen8_mod3_65 {
    top: 20%;
    left: 33%;
    width: 8%;
    height: auto;
}

@media (max-width: 768px) {
    .imagen8_mod3_65 {
        top: 20%;
        left: 34%;
        width: 8%;
        height: auto;
    }
}

.fondo_modal_mod_65_1 {
    background-image: url(../img/module3/actividades/act_1/1_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_65_2 {
    background-image: url(../img/module3/actividades/act_1/2_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_65_3 {
    background-image: url(../img/module3/actividades/act_1/3_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_65_4 {
    background-image: url(../img/module3/actividades/act_1/4_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_65_5 {
    background-image: url(../img/module3/actividades/act_1/5_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_65_6 {
    background-image: url(../img/module3/actividades/act_1/6_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_65_7 {
    background-image: url(../img/module3/actividades/act_1/7_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal_mod_65_8 {
    background-image: url(../img/module3/actividades/act_1/8_mod.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 74.98%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

/***ESTILOS SOPA DE LETRAS**/

#canvasContainer {
    width: 92%;
    height: 46%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Media query para dispositivos con un ancho de pantalla mayor a 768px (tamaño de pantalla de tabletas y escritorios) */
@media screen and (min-width: 768px) {
    #canvasContainer {
        height: 50%;
    }
}

#canvas {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    border-radius: 5px;
}

#list {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Poppins';
    font-size: 10px;
    line-height: 12px;
    color: #FFF;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    list-style: none;
}

/* Media query para dispositivos con un ancho de pantalla mayor a 768px (tamaño de pantalla de tabletas y escritorios) */
@media screen and (min-width: 768px) {
    #list {
        top: 68%;
    }
}

#list li {
    width: calc(35.33% - 14px);
    margin-bottom: 10px;
    box-sizing: border-box;
    display: inline-block;
    background-color: #19B3B8;
    color: white;
    padding: 2px;
    border-radius: 10px;
    text-align: center;
}

#list li.found {
    background-color: transparent;
    border: 1px solid #FFF;
    /* Borde blanco */
    border-radius: 10px;
    /* Border radius */
}

/************************************* QUIZZES Module3 ****************************/

.quizmod3Interf1 {
    background-image: url('../img/module3/evaluacion/Pregunta1/E3P1.svg');
}

.quizmod3Interf2 {
    background-image: url('../img/module3/evaluacion/Pregunta2/E3P2.svg');
}

.quizmod3Interf3 {
    background-image: url('../img/module3/evaluacion/Pregunta3/E3P3.svg');
}

.quizmod3Interf4 {
    background-image: url('../img/module3/evaluacion/Pregunta4/E3P4.svg');
}

.quizmod3Interf5 {
    background-image: url('../img/module3/evaluacion/Pregunta5/E3P5.svg');
}

.quizmod3Interf6 {
    background-image: url('../img/module3/evaluacion/Pregunta6/E3P6.svg');
}

/******************************  MODULE 4  *******************************/

.mod4Interf1 {
    background-image: url('../img/module4/M4P1.svg');
}

.mod4Interf2 {
    background-image: url('../img/module4/M4P2.svg');
}

.mod4Interf3 {
    background-image: url('../img/module4/M4P3.svg');
}

.mod4Interf4 {
    background-image: url('../img/module4/M4P4.svg');
}

.mod4Interf5 {
    background-image: url('../img/module4/M4P5.svg');
}

.mod4Interf6 {
    background-image: url('../img/module4/M4P6.svg');
}

.mod4Interf7 {
    background-image: url('../img/module4/M4P7.svg');
}

.mod4Interf8 {
    background-image: url('../img/module4/M4P8.svg');
}

.mod4Interf9 {
    background-image: url('../img/module4/M4P9.svg');
}

.mod4Interf10 {
    background-image: url('../img/module4/M4P10.svg');
}

.mod4Interf11 {
    background-image: url('../img/module4/M4P11.svg');
}

.mod4Interf12 {
    background-image: url('../img/module4/M4P12.svg');
}

.mod4Interf13 {
    background-image: url('../img/module4/M4P13.svg');
}

.mod4Interf14 {
    background-image: url('../img/module4/M4P14.svg');
}

.mod4Interf15 {
    background-image: url('../img/module4/M4P15.svg');
}

.mod4Interf16 {
    background-image: url('../img/module4/M4P16.svg');
}

.mod4Interf17 {
    background-image: url('../img/module4/M4P17.svg');
}

.mod4Interf18 {
    background-image: url('../img/module4/M4P18.svg');
}

.mod4Interf19 {
    background-image: url('../img/module4/M4P19.svg');
}

.mod4Interf20 {
    background-image: url('../img/module4/M4P20.svg');
}

.mod4Interf21 {
    background-image: url('../img/module4/M4P21.svg');
}

.mod4Interf22 {
    background-image: url('../img/module4/M4P22.svg');
}

.mod4Interf23 {
    background-image: url('../img/module4/M4P24.svg');
}

.mod4Interf24 {
    background-image: url('../img/module4/M4P25.svg');
}

.mod4Interf25 {
    background-image: url('../img/module4/M4P26.svg');
}

.mod4Interf26 {
    background-image: url('../img/module4/M4P27.svg');
}

.mod4Interf27 {
    background-image: url('../img/module4/M4P28.svg');
}

.mod4Interf28 {
    background-image: url('../img/module4/M4P29.svg');
}

.mod4Interf29 {
    background-image: url('../img/module4/M4P30.svg');
}

.mod4Interf30 {
    background-image: url('../img/module4/M4P31.svg');
}

.mod4Interf31 {
    background-image: url('../img/module4/M4P32.svg');
}

.mod4Interf32 {
    background-image: url('../img/module4/M4P33.svg');
}

.mod4Interf33 {
    background-image: url('../img/module4/M4P34.svg');
}

.mod4Interf34 {
    background-image: url('../img/module4/M4P35.svg');
}

.mod4Interf35 {
    background-image: url('../img/module4/M4P36.svg');
}

.mod4Interf36 {
    background-image: url('../img/module4/M4P37.svg');
}

.mod4Interf37 {
    background-image: url('../img/module4/M4P38.svg');
}

.mod4Interf38 {
    background-image: url('../img/module4/M4P39.svg');
}

.mod4Interf39 {
    background-image: url('../img/module4/M4P40.svg');
}

.mod4Interf40 {
    background-image: url('../img/module4/M4P41.svg');
}

.mod4Interf41 {
    background-image: url('../img/module4/M4P42.svg');
}

.mod4Interf42 {
    background-image: url('../img/module4/M4P43.svg');
}

.mod4Interf43 {
    background-image: url('../img/module4/M4P44.svg');
}

.mod4Interf44 {
    background-image: url('../img/module4/M4P45.svg');
}

.mod4Interf45 {
    background-image: url('../img/module4/M4P46.svg');
}

.mod4Interf46 {
    background-image: url('../img/module4/M4P47.svg');
}

.mod4Interf47 {
    background-image: url('../img/module4/M4P48.svg');
}

.mod4Interf48 {
    background-image: url('../img/module4/M4P49.svg');
}

.mod4Interf49 {
    background-image: url('../img/module4/M4P50.svg');
}

.mod4Interf50 {
    background-image: url('../img/module4/M4P51.svg');
}

.mod4Interf51 {
    background-image: url('../img/module4/M4P52.svg');
}

.mod4Interf52 {
    background-image: url('../img/module4/M4P53.svg');
}

.mod4Interf53 {
    background-image: url('../img/module4/M4P54.svg');
}

.mod4Interf54 {
    background-image: url('../img/module4/M4P55.svg');
}

.mod4Interf55 {
    background-image: url('../img/module4/M4P56.svg');
}

.mod4Interf56 {
    background-image: url('../img/module4/M4P57.svg');
}

.mod4Interf57 {
    background-image: url('../img/module4/M4P58.svg');
}

.mod4Interf58 {
    background-image: url('../img/module4/M4P59.svg');
}

.mod4Interf59 {
    background-image: url('../img/module4/M4P60.svg');
}

.mod4Interf60 {
    background-image: url('../img/module4/M4P61.svg');
}

.mod4Interf61 {
    background-image: url('../img/module4/M4P62.svg');
}

.mod4Interf62 {
    background-image: url('../img/module4/M4P63.svg');
}

.mod4Interf63 {
    background-image: url('../img/module4/M4P64.svg');
}

.mod4Interf64 {
    background-image: url('../img/module4/M4P65.svg');
}

.mod4Interf65 {
    background-image: url('../img/module4/M4P66.svg');
}

.mod4Interf66 {
    background-image: url('../img/module4/M4P67.svg');
}

.mod4Interf67 {
    background-image: url('../img/module4/M4P68.svg');
}

.mod4Interf68 {
    background-image: url('../img/module4/M4P69.svg');
}

.mod4Interf69 {
    background-image: url('../img/module4/M4P70.svg');
}

.mod4Interf70 {
    background-image: url('../img/module4/M4P71.svg');
}

.mod4Interf71 {
    background-image: url('../img/module4/M4P72.svg');
}

.mod4Interf72 {
    background-image: url('../img/module4/M4P73.svg');
}

.mod4Interf73 {
    background-image: url('../img/module4/M4P74.svg');
}

.mod4Interf74 {
    background-image: url('../img/module4/M4P75.svg');
}

.mod4Interf75 {
    background-image: url('../img/module4/M4P76.svg');
}

.mod4Interf76 {
    background-image: url('../img/module4/M4P77.svg');
}

.mod4Interf77 {
    background-image: url('../img/module4/M4P78.svg');
}

.mod4Interf78 {
    background-image: url('../img/module4/M4P79.svg');
}

.mod4Interf79 {
    background-image: url('../img/module4/M4P80.svg');
}

.mod4Interf80 {
    background-image: url('../img/module4/M4P81.svg');
}

.mod4Interf81 {
    background-image: url('../img/module4/M4P82.svg');
}

.mod4Interf82 {
    background-image: url('../img/module4/M4P83.svg');
}

.mod4Interf83 {
    background-image: url('../img/module4/M4P84.svg');
}

.mod4Interf84 {
    background-image: url('../img/module4/M4P85.svg');
}

.mod4Interf85 {
    background-image: url('../img/module4/M4P86.svg');
}

.mod4Interf86 {
    background-image: url('../img/module4/M4P87.svg');
}

.mod4Interf87 {
    background-image: url('../img/module4/M4P88.svg');
}

.mod4Interf88 {
    background-image: url('../img/module4/M4P89.svg');
}

.mod4Interf89 {
    background-image: url('../img/module4/M4P90.svg');
}

.mod4Interf90 {
    background-image: url('../img/module4/M4P91.svg');
}

.mod4Interf91 {
    background-image: url('../img/module4/M4P92.svg');
}

.mod4Interf92 {
    background-image: url('../img/module4/M4P93.svg');
}

.mod4Interf93 {
    background-image: url('../img/module4/M4P94.svg');
}

.mod4Interf94 {
    background-image: url('../img/module4/M4P95.svg');
}

.mod4Interf95 {
    background-image: url('../img/module4/M4P96.svg');
}

.mod4Interf96 {
    background-image: url('../img/module4/M4P97.svg');
}

.mod4Interf97 {
    background-image: url('../img/module4/M4P98.svg');
}

.mod4Interf98 {
    background-image: url('../img/module4/M4P99.svg');
}

.mod4Interf99 {
    background-image: url('../img/module4/M4P100.svg');
}

.mod4Interf100 {
    background-image: url('../img/module4/M4P101.svg');
}

.mod4Interf101 {
    background-image: url('../img/module4/M4P102.svg');
}

.mod4Interf102 {
    background-image: url('../img/module4/M4P103.svg');
}

.mod4Interf103 {
    background-image: url('../img/module4/M4P104.svg');
}

.mod4Interf104 {
    background-image: url('../img/module4/M4P105.svg');
}

.mod4Interf105 {
    background-image: url('../img/module4/M4P106.svg');
}

.mod4Interf106 {
    background-image: url('../img/module4/M4P107.svg');
}

.mod4Interf107 {
    background-image: url('../img/module4/M4P108.svg');
}

.mod4Interf108 {
    background-image: url('../img/module4/M4P109.svg');
}

.mod4Interf109 {
    background-image: url('../img/module4/M4P110.svg');
}

.mod4Interf110 {
    background-image: url('../img/module4/M4P111.svg');
}

.mod4Interf111 {
    background-image: url('../img/module4/M4P112.svg');
}

.mod4Interf112 {
    background-image: url('../img/module4/M4P113.svg');
}

.mod4Interf113 {
    background-image: url('../img/module4/M4P114.svg');
}

.mod4Interf114 {
    background-image: url('../img/module4/M4P115.svg');
}

.mod4Interf115 {
    background-image: url('../img/module4/M4P116.svg');
}

.mod4Interf116 {
    background-image: url('../img/module4/M4P117.svg');
}

.mod4Interf117 {
    background-image: url('../img/module4/M4P118.svg');
}

.mod4Interf118 {
    background-image: url('../img/module4/M4P119.svg');
}

.mod4Interf119 {
    background-image: url('../img/module4/M4P120.svg');
}

.mod4Interf120 {
    background-image: url('../img/module4/M4P121.svg');
}

.mod4Interf121 {
    background-image: url('../img/module4/M4P122.svg');
}

.mod4Interf122 {
    background-image: url('../img/module4/M4P123.svg');
}

.mod4Interf123 {
    background-image: url('../img/module4/M4P124.svg');
}

.mod4Interf124 {
    background-image: url('../img/module4/M4P125.svg');
}

.mod4Interf125 {
    background-image: url('../img/module4/M4P126.svg');
}

.mod4Interf126 {
    background-image: url('../img/module4/M4P127.svg');
}

.mod4Interf127 {
    background-image: url('../img/module4/M4P128.svg');
}

.mod4Interf128 {
    background-image: url('../img/module4/M4P129.svg');
}

.mod4Interf129 {
    background-image: url('../img/module4/M4P130.svg');
}

.mod4Interf130 {
    background-image: url('../img/module4/M4P131.svg');
}

.mod4Interf131 {
    background-image: url('../img/module4/M4P132.svg');
}

.mod4Interf132 {
    background-image: url('../img/module4/M4P133.svg');
}

.mod4Interf133 {
    background-image: url('../img/module4/M4P134.svg');
}

.desc_1_m4 {
    position: absolute;
    width: 174px;
    height: 95px;
    top: 83.1%;
    left: 49%;
}

.men {
    background-image: url(../img/module4/botones/MEN2017.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mora {
    background-image: url(../img/module4/botones/MORAVARGAS2004.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.martinez {
    background-image: url(../img/module4/botones/MARTINEZRIZO2012.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.ejemplo1_mod4 {
    background-image: url(../img/module4/botones/ejemplo_v.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.fondo_modal_mod_23_1 {
    background-image: url(../img/module4/botones/modal1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 91.445%;
    height: 72%;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
}

.evalua_mod4 {
    background-image: url(../img/module4/botones/evaluacion_a.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.format1_mod4 {
    background-image: url(../img/module4/botones/VERFORMATOSAPLICACIONPRUEBA_NEGRO.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.evalua_r_mod4 {
    background-image: url(../img/module4/botones/VEREVALUACION_ROJO.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.cervera_mod4 {
    background-image: url(../img/module4/botones/CERVERAYTORO1980.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.evalua_n_mod4 {
    background-image: url(../img/module4/botones/VEREVALUACION_NEGRO.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.formatos_loba_mod4 {
    background-image: url(../img/module4/botones/P60CLICKAQUI.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 218px;
    height: 335px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.formatos_pastelero_mod4 {
    background-image: url(../img/module4/botones/P67CLICKAQUI.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 218px;
    height: 335px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.formatos_kiwi_mod4 {
    background-image: url(../img/module4/botones/P78CLICKAQUI.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 218px;
    height: 335px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.formatos_ciguena_mod4 {
    background-image: url(../img/module4/botones/P86CLICKAQUI.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 218px;
    height: 335px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

.sistema_n_mod4 {
    background-image: url(../img/module4/botones/IRALSISTEMA.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.gif_mod4_ave {
    background-image: url(../img/module4/animaciones/ave.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 90%;
    height: 78%;
    top: 44%;
    left: 52.4%;
    transform: translate(-50%, -50%);
}

/****************ESTILO ACT 89 MOD 4******************/

.btn_89 {
    position: absolute;
    top: 10%;
    left: 15%;
    width: 70%;
}

.a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bt_89 {
    width: calc(40% - 20px);
    max-width: 100px;
    margin-bottom: 2px;
    box-sizing: border-box;
    padding: 10px;
}

.c img {
    display: none;
    width: 90%;
    height: auto;
    position: absolute;
    top: 125%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.d img {
    display: none;
    width: 90%;
    height: auto;
    position: absolute;
    top: 174%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.mensaje_mod4_89 {
    width: 290px;
    height: auto;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.e {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -37px;
    left: 50%;
    transform: translateX(-50%);
}

.e img {
    display: none;
    ;
    width: 20px;
    height: auto;
    margin-right: 10px;
}

/************************************* MODULE 5 ****************************/

.mod5Interf1 {
    background-image: url('../img/module5/M5P1.svg');
}

.mod5Interf2 {
    background-image: url('../img/module5/M5P2.svg');
}

.mod5Interf3 {
    background-image: url('../img/module5/M5P3.svg');
}

.mod5Interf4 {
    background-image: url('../img/module5/M5P4.svg');
}

.mod5Interf5 {
    background-image: url('../img/module5/M5P5.svg');
}

.mod5Interf6 {
    background-image: url('../img/module5/M5P6.svg');
}

.mod5Interf7 {
    background-image: url('../img/module5/M5P7.svg');
}

.mod5Interf8 {
    background-image: url('../img/module5/M5P8.svg');
}

.mod5Interf9 {
    background-image: url('../img/module5/M5P9.svg');
}

.mod5Interf10 {
    background-image: url('../img/module5/M5P10.svg');
}

.mod5Interf11 {
    background-image: url('../img/module5/M5P11.svg');
}

.mod5Interf12 {
    background-image: url('../img/module5/M5P12.svg');
}

.mod5Interf13 {
    background-image: url('../img/module5/M5P13.svg');
}

.mod5Interf14 {
    background-image: url('../img/module5/M5P14.svg');
}

.mod5Interf15 {
    background-image: url('../img/module5/M5P15.svg');
}

.mod5Interf16 {
    background-image: url('../img/module5/M5P16.svg');
}

.mod5Interf17 {
    background-image: url('../img/module5/M5P17.svg');
}

.mod5Interf18 {
    background-image: url('../img/module5/M5P18.svg');
}

.mod5Interf19 {
    background-image: url('../img/module5/M5P19.svg');
}

.mod5Interf20 {
    background-image: url('../img/module5/M5P20.svg');
}

.mod5Interf21 {
    background-image: url('../img/module5/M5P21.svg');
}

.mod5Interf22 {
    background-image: url('../img/module5/M5P22.svg');
}

.mod5Interf23 {
    background-image: url('../img/module5/M5P23.svg');
}

.mod5Interf24 {
    background-image: url('../img/module5/M5P24.svg');
}

.mod5Interf25 {
    background-image: url('../img/module5/M5P25.svg');
}

.mod5Interf26 {
    background-image: url('../img/module5/M5P26.svg');
}

.mod5Interf27 {
    background-image: url('../img/module5/M5P27.svg');
}

.mod5Interf28 {
    background-image: url('../img/module5/M5P28.svg');
}

.mod5Interf29 {
    background-image: url('../img/module5/M5P29.svg');
}

.mod5Interf30 {
    background-image: url('../img/module5/M5P30.svg');
}

.mod5Interf31 {
    background-image: url('../img/module5/M5P31.svg');
}

.mod5Interf32 {
    background-image: url('../img/module5/M5P32.svg');
}

.mod5Interf33 {
    background-image: url('../img/module5/M5P33.svg');
}

.mod5Interf34 {
    background-image: url('../img/module5/M5P34.svg');
}

.mod5Interf35 {
    background-image: url('../img/module5/M5P35.svg');
}

.mod5Interf36 {
    background-image: url('../img/module5/M5P36.svg');
}

.mod5Interf37 {
    background-image: url('../img/module5/M5P37.svg');
}

.mod5Interf38 {
    background-image: url('../img/module5/M5P38.svg');
}

.mod5Interf39 {
    background-image: url('../img/module5/M5P39.svg');
}

.mod5Interf40 {
    background-image: url('../img/module5/M5P40.svg');
}

.mod5Interf41 {
    background-image: url('../img/module5/M5P41.svg');
}

.mod5Interf42 {
    background-image: url('../img/module5/M5P42.svg');
}

.mod5Interf43 {
    background-image: url('../img/module5/M5P43.svg');
}

.mod5Interf44 {
    background-image: url('../img/module5/M5P44.svg');
}

.mod5Interf45 {
    background-image: url('../img/module5/M5P45.svg');
}

.mod5Interf46 {
    background-image: url('../img/module5/M5P46.svg');
}

.mod5Interf47 {
    background-image: url('../img/module5/M5P47.svg');
}

.mod5Interf48 {
    background-image: url('../img/module5/M5P48.svg');
}

.mod5Interf49 {
    background-image: url('../img/module5/M5P49.svg');
}

.mod5Interf50 {
    background-image: url('../img/module5/M5P50.svg');
}

.mod5Interf51 {
    background-image: url('../img/module5/M5P51.svg');
}

.mod5Interf52 {
    background-image: url('../img/module5/M5P52.svg');
}

.mod5Interf53 {
    background-image: url('../img/module5/M5P53.svg');
}

.mod5Interf54 {
    background-image: url('../img/module5/M5P54.svg');
}

.mod5Interf55 {
    background-image: url('../img/module5/M5P55.svg');
}

.mod5Interf56 {
    background-image: url('../img/module5/M5P56.svg');
}

.mod5Interf57 {
    background-image: url('../img/module5/M5P57.svg');
}

.mod5Interf58 {
    background-image: url('../img/module5/M5P57.svg');
}

.mod5Interf59 {
    background-image: url('../img/module5/M5P57.svg');
}

.mod5Interf60 {
    background-image: url('../img/module5/M5P57.svg');
}

.mod5Interf61 {
    background-image: url('../img/module5/M5P58.svg');
}

.mod5Interf62 {
    background-image: url('../img/module5/M5P62.svg');
}

.mod5Interf63 {
    background-image: url('../img/module5/M5P63.svg');
}

.mod5Interf64 {
    background-image: url('../img/module5/M5P64.svg');
}

.mod5Interf65 {
    background-image: url('../img/module5/M5P65.svg');
}

.mod5Interf66 {
    background-image: url('../img/module5/M5P66.svg');
}

.mod5Interf67 {
    background-image: url('../img/module5/M5P67.svg');
}

.mod5Interf68 {
    background-image: url('../img/module5/M5P68.svg');
}

.mod5Interf69 {
    background-image: url('../img/module5/M5P69.svg');
}

.mod5Interf70 {
    background-image: url('../img/module5/M5P70.svg');
}

.mod5Interf71 {
    background-image: url('../img/module5/M5P71.svg');
}

.mod5Interf72 {
    background-image: url('../img/module5/M5P71.svg');
}

.mod5Interf73 {
    background-image: url('../img/module5/M5P71.svg');
}

.mod5Interf74 {
    background-image: url('../img/module5/M5P71.svg');
}

.mod5Interf75 {
    background-image: url('../img/module5/M5P72.svg');
}

.fondo_actividad_71 {
    background-image: url(../img/module5/actividad/BORDEBLANCO.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 90%;
    height: 88%;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#espacio_1 {
    position: absolute;
    width: 11.5%;
    height: 6%;
    top: 2.99%;
    left: 8.3%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_1 {
        top: 3%;
    }
}

#espacio_2 {
    position: absolute;
    width: 38.9%;
    height: 6%;
    top: 2.99%;
    left: 33.8%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_2 {
        top: 3%;
    }
}

#espacio_3 {
    position: absolute;
    width: 44.6%;
    height: 6%;
    top: 2.99%;
    left: 75.8%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_3 {
        top: 3%;
    }
}

#espacio_4 {
    position: absolute;
    width: 11.5%;
    height: 6%;
    top: 8.1%;
    left: 5.8%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_4 {
        top: 9.1%;
    }
}

#espacio_5 {
    position: absolute;
    width: 21.5%;
    height: 6%;
    top: 8.1%;
    left: 22.8%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_5 {
        top: 9.1%;
    }
}

#espacio_6 {
    position: absolute;
    width: 11.5%;
    height: 6%;
    top: 8.2%;
    left: 39.8%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_6 {
        top: 9.1%;
        left: 39.4%;
    }
}

#espacio_7 {
    position: absolute;
    width: 9.8%;
    height: 6%;
    top: 8.2%;
    left: 51.5%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_7 {
        top: 9.1%;
    }
}

#espacio_8 {
    position: absolute;
    width: 44%;
    height: 6%;
    top: 8%;
    left: 79.6%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    #espacio_8 {
        top: 9.1%;
    }
}

#text_1 {
    position: absolute;
    width: 11.5%;
    height: 6%;
    top: 49.2%;
    left: 4%;
    cursor: move;
}

#text_2 {
    position: absolute;
    width: 38.9%;
    height: 6%;
    top: 58%;
    left: 64.5%;
    cursor: move;
}

#text_3 {
    position: absolute;
    width: 44.6%;
    height: 6%;
    top: 49.4%;
    left: 40.2%;
    cursor: move;
}

#text_4 {
    position: absolute;
    width: 11.5%;
    height: 6%;
    top: 58%;
    left: 52.3%;
    cursor: move;
}

#text_5 {
    position: absolute;
    width: 21.5%;
    height: 6%;
    top: 49.4%;
    left: 17.1%;
    cursor: move;
}

#text_6 {
    position: absolute;
    width: 11.5%;
    height: 6%;
    top: 58%;
    left: 40.3%;
    cursor: move;
}

#text_7 {
    position: absolute;
    width: 9.8%;
    height: 6%;
    top: 49%;
    left: 86.5%;
    cursor: move;
}

#text_8 {
    position: absolute;
    width: 44%;
    height: 6%;
    top: 58%;
    left: -4%;
    cursor: move;
}

.mensaje_act_mod5 {
    background-image: url(../img/module5/actividad/muneco.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 86%;
    height: 45%;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
    .mensaje_act_mod5 {
        height: 55%;
    }
}

.gif_mod5_monkey {
    background-image: url(../img/module5/animaciones/mono.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 86%;
    height: 78%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.desc_1_m5 {
    position: absolute;
    width: 174px;
    height: 95px;
    top: 83.1%;
    left: 49%;
}

.informe_m5_r {
    background-image: url(../img/module5/botones/INFORME.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.tom_m5_r {
    background-image: url(../img/module5/botones/TOMLINSON2005.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.bt_17_mod5_1 {
    background-image: url(../img/module5/personajes/JEROME.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 28%;
    left: 14%;
}

.bt_17_mod5_2 {
    background-image: url(../img/module5/personajes/BENJAMIN.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 28%;
    left: 55%;
}

.bt_17_mod5_3 {
    background-image: url(../img/module5/personajes/CAROLANN.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 55%;
    left: 35%;
}

.fondo_modal17_mod5_1 {
    background-image: url(../img/module5/personajes/POPJEROME.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 81%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_2 {
    background-image: url(../img/module5/personajes/POPBENJAMIN.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 81%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_3 {
    background-image: url(../img/module5/personajes/POPCAROLANN.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 81%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.ideasc_mod5_17 {
    width: 154px;
    cursor: pointer;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .ideasc_mod5_17 {
        top: 86%;
    }
}

.fondo_modal17_mod5_1_1 {
    background-image: url(../img/module5/personajes/JEROME/1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_1_2 {
    background-image: url(../img/module5/personajes/JEROME/2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_1_3 {
    background-image: url(../img/module5/personajes/JEROME/3.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_1_4 {
    background-image: url(../img/module5/personajes/JEROME/4.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_1_5 {
    background-image: url(../img/module5/personajes/JEROME/5.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_1_6 {
    background-image: url(../img/module5/personajes/JEROME/6.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.cerrar_mod5_17 {
    width: 84px;
    cursor: pointer;
    position: absolute;
    top: 18%;
    left: 80%;
}

@media (min-width: 768px) {
    .cerrar_mod5_17 {
        top: 21%;
    }
}

.sig_mod5_17 {
    width: 46px;
    cursor: pointer;
    position: absolute;
    top: 49%;
    left: 91%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .sig_mod5_17 {
        top: 61%;
    }
}

.ant_mod5_17 {
    width: 46px;
    cursor: pointer;
    position: absolute;
    top: 49%;
    left: 7%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .ant_mod5_17 {
        top: 61%;
    }
}

.fondo_modal17_mod5_2_1 {
    background-image: url(../img/module5/personajes/BENJAMIN/1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_2_2 {
    background-image: url(../img/module5/personajes/BENJAMIN/2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_2_3 {
    background-image: url(../img/module5/personajes/BENJAMIN/3.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_2_4 {
    background-image: url(../img/module5/personajes/BENJAMIN/4.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal17_mod5_3_1 {
    background-image: url(../img/module5/personajes/CAROL/1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
}

.evalua_m5_morado {
    background-image: url(../img/module5/botones/evalua_morado.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.desc_2_m5 {
    position: absolute;
    width: 174px;
    height: 95px;
    top: 81.4%;
    left: 49%;
}

.hattie_m5_r {
    background-image: url(../img/module5/botones/HATTIE.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.bt_54_mod5_1 {
    background-image: url(../img/module5/botones/LECTURASPROGRAMA.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 115px;
    height: 198px;
    cursor: pointer;
    position: absolute;
    top: 26%;
    left: 15%;
}

.bt_54_mod5_2 {
    background-image: url(../img/module5/botones/REMEDIACIONEINICIAL.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 115px;
    height: 198px;
    cursor: pointer;
    position: absolute;
    top: 26%;
    left: 58%;
}

.bt_54_mod5_3 {
    background-image: url(../img/module5/botones/REMEDIACIONETAPAPREVIA.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 115px;
    height: 198px;
    cursor: pointer;
    position: absolute;
    top: 54%;
    left: 15%;
}

.bt_54_mod5_4 {
    background-image: url(../img/module5/botones/REMEDIACIONCONSOLIDACION.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 115px;
    height: 198px;
    cursor: pointer;
    position: absolute;
    top: 54%;
    left: 60%;
}

/************************************* MODULE 5 act 72 ****************************/

.fondo_actividad_72 {
    position: absolute;
    width: 90%;
    height: 88%;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .fondo_actividad_72 {
        left: 51%;
    }
}

#text_72_1 {
    position: absolute;
    width: 38px;
    height: 29px;
    top: 50%;
    left: 1%;
    cursor: move;
}

#text_72_2 {
    position: absolute;
    width: 130px;
    height: 29px;
    top: 50%;
    left: 14%;
    cursor: move;
}

#text_72_3 {
    position: absolute;
    width: 40px;
    height: 29px;
    top: 50%;
    left: 55.7%;
    cursor: move;
}

#text_72_4 {
    position: absolute;
    width: 98px;
    height: 29px;
    top: 50%;
    left: 70%;
    cursor: move;
}

#text_72_5 {
    position: absolute;
    width: 80px;
    height: 29px;
    top: 56%;
    left: 2%;
    cursor: move;
}

#text_72_6 {
    position: absolute;
    width: 89px;
    height: 29px;
    top: 56%;
    left: 28%;
    cursor: move;
}

#text_72_7 {
    position: absolute;
    width: 139px;
    height: 29px;
    top: 56%;
    left: 56.5%;
    cursor: move;
}

#text_72_8 {
    position: absolute;
    width: 30px;
    height: 29px;
    top: 62%;
    left: -4%;
    cursor: move;
}

#text_72_9 {
    position: absolute;
    width: 80px;
    height: 29px;
    top: 62%;
    left: 6%;
    cursor: move;
}

#text_72_10 {
    position: absolute;
    width: 40px;
    height: 29px;
    top: 62%;
    left: 31.5%;
    cursor: move;
}

#text_72_11 {
    position: absolute;
    width: 138px;
    height: 29px;
    top: 62%;
    left: 44.5%;
    cursor: move;
}

#text_72_12 {
    position: absolute;
    width: 54px;
    height: 29px;
    top: 62%;
    left: 87.5%;
    cursor: move;
}

#espacio_72_1 {
    border-radius: 15px 15px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 38px;
    height: 29px;
    top: 0%;
    left: -2%;
}

#espacio_72_2 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 130px;
    height: 29px;
    top: 5.5%;
    left: 2%;
}

#espacio_72_3 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 40px;
    height: 29px;
    top: 11%;
    left: 21.5%;
}

#espacio_72_4 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 98px;
    height: 29px;
    top: 11%;
    left: 74%;
}

#espacio_72_5 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 80px;
    height: 29px;
    top: 11%;
    left: 48.5%;
}

#espacio_72_6 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 89px;
    height: 29px;
    top: -0%;
    left: 54.88%;
}

#espacio_72_7 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 139px;
    height: 29px;
    top: 5.5%;
    left: 44%;
}

#espacio_72_8 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 30px;
    height: 29px;
    top: 5.5%;
    left: 88%;
}

#espacio_72_9 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 80px;
    height: 29px;
    top: 11%;
    left: -4%;
}

#espacio_72_10 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 40px;
    height: 29px;
    top: 11%;
    left: 35%;
}

#espacio_72_11 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 138px;
    height: 29px;
    top: 0%;
    left: 11%;
}

#espacio_72_12 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 54px;
    height: 29px;
    top: -0%;
    left: 83.5%;
}

/************************************* MODULE 5 act 73 ****************************/

.fondo_actividad_73 {
    position: absolute;
    width: 90%;
    height: 88%;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .fondo_actividad_73 {
        left: 51%;
    }
}

#text_73_1 {
    position: absolute;
    width: 76px;
    height: 28px;
    top: 50%;
    left: 0%;
    cursor: move;
}

#text_73_2 {
    position: absolute;
    width: 39px;
    height: 28px;
    top: 50%;
    left: 24%;
    cursor: move;
}

#text_73_3 {
    position: absolute;
    width: 140px;
    height: 28px;
    top: 50%;
    left: 36%;
    cursor: move;
}

#text_73_4 {
    position: absolute;
    width: 98px;
    height: 28px;
    top: 50%;
    left: 75%;
    cursor: move;
}

#text_73_5 {
    position: absolute;
    width: 112px;
    height: 28px;
    top: 56%;
    left: 2%;
    cursor: move;
}

#text_73_6 {
    position: absolute;
    width: 89px;
    height: 28px;
    top: 56%;
    left: 34%;
    cursor: move;
}

#text_73_7 {
    position: absolute;
    width: 139px;
    height: 28px;
    top: 56%;
    left: 57.5%;
    cursor: move;
}

#text_73_8 {
    position: absolute;
    width: 136px;
    height: 28px;
    top: 62%;
    left: 13%;
    cursor: move;
}

#text_73_9 {
    position: absolute;
    width: 100px;
    height: 28px;
    top: 62%;
    left: 57%;
    cursor: move;
}

#espacio_73_1 {
    border-radius: 15px 15px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 80px;
    height: 29px;
    top: 0%;
    left: 54%;
}

#espacio_73_2 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 37px;
    height: 29px;
    top: 0%;
    left: -3%;
}

#espacio_73_3 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 137px;
    height: 29px;
    top: 0%;
    left: 10.5%;
}

#espacio_73_4 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 74px;
    height: 29px;
    top: 0%;
    left: 80%;
}

#espacio_73_5 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 112px;
    height: 29px;
    top: 6%;
    left: 2%;
}

#espacio_73_6 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 67px;
    height: 29px;
    top: 6%;
    left: 40%;
}

#espacio_73_7 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 131px;
    height: 29px;
    top: 12%;
    left: 8%;
}

#espacio_73_8 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 137px;
    height: 29px;
    top: 12%;
    left: 51%;
}

#espacio_73_9 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 101px;
    height: 29px;
    top: 6%;
    left: 65%;
}

/************************************* MODULE 5 act 74 ****************************/

.fondo_actividad_74 {
    position: absolute;
    width: 90%;
    height: 88%;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .fondo_actividad_74 {
        left: 51%;
    }
}

#text_74_1 {
    position: absolute;
    width: 92px;
    height: 29px;
    top: 50%;
    left: -5%;
    cursor: move;
}

#text_74_2 {
    position: absolute;
    width: 97px;
    height: 29px;
    top: 50%;
    left: 24%;
    cursor: move;
}

#text_74_3 {
    position: absolute;
    width: 37px;
    height: 29px;
    top: 50%;
    left: 54.6%;
    cursor: move;
}

#text_74_4 {
    position: absolute;
    width: 77px;
    height: 29px;
    top: 50%;
    left: 66.7%;
    cursor: move;
}

#text_74_5 {
    position: absolute;
    width: 45px;
    height: 29px;
    top: 50%;
    left: 91%;
    cursor: move;
}

#text_74_6 {
    position: absolute;
    width: 38px;
    height: 29px;
    top: 56%;
    left: 8%;
    cursor: move;
}

#text_74_7 {
    position: absolute;
    width: 121px;
    height: 29px;
    top: 56%;
    left: 21.5%;
    cursor: move;
}

#text_74_8 {
    position: absolute;
    width: 100px;
    height: 29px;
    top: 56%;
    left: 61%;
    cursor: move;
}

#text_74_9 {
    position: absolute;
    width: 50px;
    height: 29px;
    top: 62%;
    left: -3%;
    cursor: move;
}

#text_74_10 {
    position: absolute;
    width: 80px;
    height: 29px;
    top: 62%;
    left: 13.5%;
    cursor: move;
}

#text_74_11 {
    position: absolute;
    width: 71px;
    height: 29px;
    top: 62%;
    left: 39%;
    cursor: move;
}

#text_74_12 {
    position: absolute;
    width: 135px;
    height: 29px;
    top: 62%;
    left: 61.5%;
    cursor: move;
}

#espacio_74_1 {
    border-radius: 15px 15px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 90px;
    height: 29px;
    top: 6%;
    left: 8.5%;
}

#espacio_74_2 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 94px;
    height: 29px;
    top: 6%;
    left: 75%;
}

#espacio_74_3 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 38px;
    height: 29px;
    top: 6%;
    left: -4%;
}

#espacio_74_4 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 76px;
    height: 29px;
    top: 6%;
    left: 37%;
}

#espacio_74_5 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 43px;
    height: 29px;
    top: 6%;
    left: 61%;
}

#espacio_74_6 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 38px;
    height: 29px;
    top: 0%;
    left: 10%;
}

#espacio_74_7 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 119px;
    height: 29px;
    top: 0%;
    left: 23%;
}

#espacio_74_8 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 97px;
    height: 29px;
    top: 0%;
    left: 61%;
}

#espacio_74_9 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 48px;
    height: 29px;
    top: 12%;
    left: 45.8%;
  }

#espacio_74_10 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 74px;
    height: 29px;
    top: 12%;
    left: 21%;
}

#espacio_74_11 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 67px;
    height: 29px;
    top: 12%;
    left: -1%;
}

#espacio_74_12 {
    border-radius: 14px 14px 14px 14px;
    border: #FFF solid 1px;
    position: absolute;
    width: 128px;
    height: 29px;
    top: 12%;
    left: 61.5%;
}

/************************************* MODULE 6 ****************************/

.mod6Interf1 {
    background-image: url('../img/module6/M6P1.svg');
}

.mod6Interf2 {
    background-image: url('../img/module6/M6P2.svg');
}

.mod6Interf3 {
    background-image: url('../img/module6/M6P3.svg');
}

.mod6Interf4 {
    background-image: url('../img/module6/M6P4.svg');
}

.mod6Interf5 {
    background-image: url('../img/module6/M6P5.svg');
}

.mod6Interf6 {
    background-image: url('../img/module6/M6P6.svg');
}

.mod6Interf7 {
    background-image: url('../img/module6/M6P7.svg');
}

.mod6Interf8 {
    background-image: url('../img/module6/M6P8.svg');
}

.mod6Interf9 {
    background-image: url('../img/module6/M6P9.svg');
}

.mod6Interf10 {
    background-image: url('../img/module6/M6P10.svg');
}

.mod6Interf11 {
    background-image: url('../img/module6/M6P11.svg');
}

.mod6Interf12 {
    background-image: url('../img/module6/M6P12.svg');
}

.mod6Interf13 {
    background-image: url('../img/module6/M6P13.svg');
}

.mod6Interf14 {
    background-image: url('../img/module6/M6P14.svg');
}

.mod6Interf15 {
    background-image: url('../img/module6/M6P15.svg');
}

.mod6Interf16 {
    background-image: url('../img/module6/M6P16.svg');
}

.mod6Interf17 {
    background-image: url('../img/module6/M6P17.svg');
}

.mod6Interf18 {
    background-image: url('../img/module6/M6P18.svg');
}

.mod6Interf19 {
    background-image: url('../img/module6/M6P19.svg');
}

.mod6Interf20 {
    background-image: url('../img/module6/M6P20.svg');
}

.mod6Interf21 {
    background-image: url('../img/module6/M6P21.svg');
}

.mod6Interf22 {
    background-image: url('../img/module6/M6P22.svg');
}

.mod6Interf23 {
    background-image: url('../img/module6/M6P23.svg');
}

.mod6Interf24 {
    background-image: url('../img/module6/M6P24.svg');
}

.mod6Interf25 {
    background-image: url('../img/module6/M6P25.svg');
}

.mod6Interf26 {
    background-image: url('../img/module6/M6P26.svg');
}

.mod6Interf27 {
    background-image: url('../img/module6/M6P27.svg');
}

.mod6Interf28 {
    background-image: url('../img/module6/M6P28.svg');
}

.mod6Interf29 {
    background-image: url('../img/module6/M6P29.svg');
}

.mod6Interf30 {
    background-image: url('../img/module6/M6P30.svg');
}

.mod6Interf31 {
    background-image: url('../img/module6/M6P31.svg');
}

.mod6Interf32 {
    background-image: url('../img/module6/M6P32.svg');
}

.mod6Interf33 {
    background-image: url('../img/module6/M6P33.svg');
}

.mod6Interf34 {
    background-image: url('../img/module6/M6P34.svg');
}

.mod6Interf35 {
    background-image: url('../img/module6/M6P35.svg');
}

.mod6Interf36 {
    background-image: url('../img/module6/M6P36.svg');
}

.mod6Interf37 {
    background-image: url('../img/module6/M6P37.svg');
}

.mod6Interf38 {
    background-image: url('../img/module6/M6P38.svg');
}

.mod6Interf39 {
    background-image: url('../img/module6/M6P39.svg');
}

.mod6Interf40 {
    background-image: url('../img/module6/M6P40.svg');
}

.mod6Interf41 {
    background-image: url('../img/module6/M6P41.svg');
}

.mod6Interf42 {
    background-image: url('../img/module6/M6P42.svg');
}

.mod6Interf43 {
    background-image: url('../img/module6/M6P43.svg');
}

.mod6Interf44 {
    background-image: url('../img/module6/M6P44.svg');
}

.mod6Interf45 {
    background-image: url('../img/module6/M6P45.svg');
}

.mod6Interf46 {
    background-image: url('../img/module6/M6P46.svg');
}

.mod6Interf47 {
    background-image: url('../img/module6/M6P47.svg');
}

.mod6Interf48 {
    background-image: url('../img/module6/M6P48.svg');
}

.mod6Interf49 {
    background-image: url('../img/module6/M6P49.svg');
}

.mod6Interf50 {
    background-image: url('../img/module6/M6P50.svg');
}

.mod6Interf51 {
    background-image: url('../img/module6/M6P51.svg');
}

.mod6Interf52 {
    background-image: url('../img/module6/M6P52.svg');
}

.mod6Interf53 {
    background-image: url('../img/module6/M6P53.svg');
}

.mod6Interf54 {
    background-image: url('../img/module6/M6P54.svg');
}

.mod6Interf55 {
    background-image: url('../img/module6/M6P55.svg');
}

.mod6Interf56 {
    background-image: url('../img/module6/M6P56.svg');
}

.mod6Interf57 {
    background-image: url('../img/module6/M6P57.svg');
}

.mod6Interf58 {
    background-image: url('../img/module6/M6P58.svg');
}

.mod6Interf59 {
    background-image: url('../img/module6/M6P59.svg');
}

.mod6Interf60 {
    background-image: url('../img/module6/M6P60.svg');
}

.mod6Interf61 {
    background-image: url('../img/module6/M6P61.svg');
}

.mod6Interf62 {
    background-image: url('../img/module6/M6P62.svg');
}

.mod6Interf63 {
    background-image: url('../img/module6/M6P63.svg');
}

.mod6Interf64 {
    background-image: url('../img/module6/M6P64.svg');
}

.mod6Interf65 {
    background-image: url('../img/module6/M6P65.svg');
}

.mod6Interf66 {
    background-image: url('../img/module6/M6P66.svg');
}

.mod6Interf67 {
    background-image: url('../img/module6/M6P67.svg');
}

.mod6Interf68 {
    background-image: url('../img/module6/M6P68.svg');
}

.mod6Interf69 {
    background-image: url('../img/module6/M6P69.svg');
}

.mod6Interf70 {
    background-image: url('../img/module6/M6P70.svg');
}

.mod6Interf71 {
    background-image: url('../img/module6/M6P71.svg');
}

.mod6Interf72 {
    background-image: url('../img/module6/M6P72.svg');
}

.mod6Interf73 {
    background-image: url('../img/module6/M6P73.svg');
}

.mod6Interf74 {
    background-image: url('../img/module6/M6P74.svg');
}

.mod6Interf75 {
    background-image: url('../img/module6/M6P75.svg');
}

.mod6Interf76 {
    background-image: url('../img/module6/M6P76.svg');
}

.mod6Interf77 {
    background-image: url('../img/module6/M6P77.svg');
}

.mod6Interf78 {
    background-image: url('../img/module6/M6P78.svg');
}

.mod6Interf79 {
    background-image: url('../img/module6/M6P79.svg');
}

.mod6Interf80 {
    background-image: url('../img/module6/M6P80.svg');
}

.mod6Interf81 {
    background-image: url('../img/module6/M6P81.svg');
}

.mod6Interf82 {
    background-image: url('../img/module6/M6P82.svg');
}

.mod6Interf83 {
    background-image: url('../img/module6/M6P83.svg');
}

.mod6Interf84 {
    background-image: url('../img/module6/M6P84.svg');
}

.mod6Interf85 {
    background-image: url('../img/module6/M6P85.svg');
}

.mod6Interf86 {
    background-image: url('../img/module6/M6P86.svg');
}

.mod6Interf87 {
    background-image: url('../img/module6/M6P87.svg');
}

.pardo_mod6 {
    background-image: url(../img/module6/botones/PARDO2018.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.marzano_mod6 {
    background-image: url(../img/module6/botones/MARZANOPICKERING.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.marzano2_mod6 {
    background-image: url(../img/module6/botones/MARZANO2003.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.csw_mod6 {
    background-image: url(../img/module6/botones/CSWIENSTEIN.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.desc_1_m6 {
    position: absolute;
    width: 149px;
    height: 95px;
    top: 75%;
    left: 8%;
}

.desc_2_m6 {
    position: absolute;
    width: 174px;
    height: 95px;
    top: 75%;
    left: 49%;
}

.brophy_mod6 {
    background-image: url(../img/module6/botones/BROPHY.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.dweck_mod6 {
    background-image: url(../img/module6/botones/DWECK2017.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.bt_16_mod6_1 {
    background-image: url(../img/module6/personajes/ROBERTJMARZANO.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 28%;
    left: 14%;
}

.bt_16_mod6_2 {
    background-image: url(../img/module6/personajes/JOHNHATTIE.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 28%;
    left: 55%;
}

.bt_16_mod6_3 {
    background-image: url(../img/module6/personajes/JEREBROPHY.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 208px;
    cursor: pointer;
    position: absolute;
    top: 55%;
    left: 35%;
}

.fondo_modal16_mod6_1 {
    background-image: url(../img/module6/personajes/ROBERT.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 81%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal16_mod6_2 {
    background-image: url(../img/module6/personajes/JOHN.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 81%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal16_mod6_3 {
    background-image: url(../img/module6/personajes/JERE1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 81%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.fondo_modal16_mod6_3_1 {
    background-image: url(../img/module6/personajes/JERE2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 81%;
    margin: auto;
    position: absolute;
    top: 4%;
    left: 0;
    bottom: 0;
    right: 0;
}

.cerrar_mod6_16 {
    width: 84px;
    cursor: pointer;
    position: absolute;
    top: 7%;
    left: 80%;
}

@media (min-width: 768px) {
    .cerrar_mod6_16 {
        top: 9%;
    }
}

.gif_mod6_squirrel {
    background-image: url(../img/module6/animaciones/squirrel.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 86%;
    height: 78%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bt_69_mod6_1 {
    background-image: url(../img/module6/botones/VERMAS.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 77%;
    left: 53%;
}

.fondo_modal69_mod6_1 {
    background-image: url(../img/module6/botones/P75VERMAS.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 94%;
    height: 45%;
    margin: auto;
    position: absolute;
    top: 25%;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (min-width: 768px) {
    .fondo_modal69_mod6_1 {
        height: 52%;
        top: 29%;
    }
}

.vermenos_mod6_69 {
    width: 130px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 87%;
    left: 55%;
}

@media (min-width: 768px) {
    .vermenos_mod6_69 {
        top: 91%;
    }
}

.fondo_modal71_mod6_1 {
    background-image: url(../img/module6/botones/P78VERMAS.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 94%;
    height: 45%;
    margin: auto;
    position: absolute;
    top: 24%;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (min-width: 768px) {
    .fondo_modal71_mod6_1 {
        height: 53%;
        top: 30%;
    }
}

.tecnicasrel_mod6 {
    background-image: url(../img/module6/botones/TECYACTRELAJACION.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mindful_mod6 {
    background-image: url(../img/module6/botones/MINDFULNESSNINOS.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.juegos_mod6 {
    background-image: url(../img/module6/botones/JUEGOSMINDFULNESS.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.desc_3_m6 {
    position: absolute;
    width: 319px;
    height: 57px;
    top: 35.1%;
    left: 11%;
}

@media (min-width: 768px) {
    .desc_3_m6 {
        position: absolute;
        width: 50.155%;
        height: 3.38%;
        top: 35.1%;
        left: 18%;
    }
}

.desc_4_m6 {
    position: absolute;
    width: 214px;
    height: 57px;
    top: 40.1%;
    left: 11%;
}

@media (min-width: 768px) {
    .desc_4_m6 {
        position: absolute;
        width: 36.075%;
        height: 3.38%;
        top: 40.1%;
        left: 18%;
    }
}

.desc_5_m6 {
    position: absolute;
    width: 189px;
    height: 57px;
    top: 45.1%;
    left: 11%;
}

@media (min-width: 768px) {
    .desc_5_m6 {
        position: absolute;
        width: 30.674%;
        height: 3.38%;
        top: 45.1%;
        left: 18%;
    }
}

/* ===============================  QUIZ MODULE 4 ==========================*/

.receiveMedalM4 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 242px;
    top: 75%;
}

.getMedalM4 {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    .receiveMedalM4 {
        top: 80%;
    }
}

.radio-verdadero_m4 .radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/verdadero_normal.svg');
}

.radio-verdadero_m4 .radio-custom:checked+.radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/verdad_seleccionado.svg');
}

.radio-falso_m4 .radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/falso_normal.svg');
}

.radio-falso_m4 .radio-custom:checked+.radio-custom-label {
    background-image: url('../img/module1/quiz/Botones/falso_seleccionado.svg');
}


.quizmod4Interf1 {
    background-image: url('../img/module4/quiz/E4P1.svg');
}

.quizmod4Interf2 {
    background-image: url('../img/module4/quiz/E4P2.svg');
}

.quizmod4Interf3 {
    background-image: url('../img/module4/quiz/E4P3.svg');
}

.quizmod4Interf4 {
    background-image: url('../img/module4/quiz/E4P4.svg');
}

.quizmod4Interf5 {
    background-image: url('../img/module4/quiz/E4P5.svg');
}

.quizmod4Interf6 {
    background-image: url('../img/module4/quiz/E4P6.svg');
}

.quizmod4Interf7 {
    background-image: url('../img/module4/quiz/E4P7.svg');
}

.quizmod4Interf8 {
    background-image: url('../img/module4/quiz/E4P8.svg');
}

.quizmod4Interf9 {
    background-image: url('../img/module4/quiz/E4P9.svg');
}

.quizmod4Interf10 {
    background-image: url('../img/module4/quiz/E4P10.svg');
}

.quizmod4Interf11 {
    background-image: url('../img/module4/quiz/E4P11.svg');
}

.quizmod4Interf12 {
    background-image: url('../img/module4/quiz/E4P12.svg');
}

.quizmod4Interf13 {
    background-image: url('../img/module4/quiz/E4P13.svg');
}


/* ========================= Progress ############ */

.user-profile-progress {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    margin: auto;
}

.user-profile-progress img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.progress {
    background-image: url(../img/library/PROGRESO.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 221px;
    height: 100%;
    top: 29.9%;
    left: 6%;
}

.myLibrary {
    background-image: url(../img/library/BIBLIOTECA.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 190px;
    height: 100%;
    top: 30.4%;
    left: 53%;
}

.my-medals {
    background-image: url(../img/library/LOGROS.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 190px;
    height: 100%;
    top: 51.3%;
    left: 53%;
}

.medals-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Crea dos columnas de igual ancho */
    gap: 20px;
    /* Espacio entre columnas y filas */
    gap: 3px 5px;
    justify-items: center;
    /* Centra los elementos horizontalmente en sus celdas */
    align-items: center;
    margin-top: 190px;
    /* Añade un margen superior de 30px */
}

.medal img {
    width: 150px;
    /* Define un ancho específico para las imágenes */
    height: 183px;
    /* Define un alto específico para las imágenes */
    object-fit: contain;
    /* Ajusta la imagen para que se escale proporcionalmente dentro del contenedor */
}


.interfaceMedals {
    background-image: url('../img/library/LOGROS_FONDO.svg');
}

/* Estilos para la contenedor general de la barra de progreso */
.progress-container {
    width: 233px;
    padding: 3px;
    background-color: white;
    height: 32px;
    position: absolute;
    top: 83%;
    left: 22%;
    border-radius: 71px;
}

/* Estilos específicos para la barra de progreso del módulo 1 */

.progress-bar {
    width: 72%;
    background: white;
    border-radius: 50px;
    position: absolute;
    height: 24px;
    top: 14%;
    left: 2%;
}

/* Estilos para el indicador de progreso dentro de la barra */
.progress-indicator {
    width: 0%;
    height: 100%;
    border-radius: 50px;
    position: absolute;
}

/* Estilos para el texto del porcentaje */
.progress-percentage {
    position: absolute;
    right: -62px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Poppins';
    font-weight: bold;
    margin-right: 10px;
}

.progress-bar-module1 {
    border: 1px solid #f0465e;
}

.progress-percentage-module1 {
    color: #f0465e;
}

.progress-indicator-module1 {
    background-color: #f0465e;
    ;
}

.progress-bar-module2 {
    border: 1px solid #ffae2c;
}

.progress-percentage-module2 {
    color: #ffae2c;
}

.progress-indicator-module2 {
    background-color: #ffae2c;
    ;
}

.progress-bar-module3 {
    border: 1px solid #3dc9c5;
}

.progress-percentage-module3 {
    color: #3dc9c5;
}

.progress-indicator-module3 {
    background-color: #3dc9c5;
    ;
}

.progress-bar-module4 {
    border: 1px solid #9e73c0;
}

.progress-percentage-module4 {
    color: #9e73c0;
}

.progress-indicator-module4 {
    background-color: #9e73c0;
    ;
}

.progress-bar-module5 {
    border: 1px solid #f0465e;
}

.progress-percentage-module5 {
    color: #f0465e;
}

.progress-indicator-module5 {
    background-color: #f0465e;
    ;
}

.progress-bar-module6 {
    border: 1px solid #3dc9c5;
}

.progress-percentage-module6 {
    color: #3dc9c5;
}

.progress-indicator-module6 {
    background-color: #3dc9c5;
    ;
}

/************************** BIBLIOTECA PPAL **********************************/

.library {
    background-image: url('../img/library/bar4.svg');
}

.myLibraryBackground {
    background-image: url('../img/library/FONDO_GUARDADOS.svg');
}


.container_card_biblio {
    width: 13%;
    margin: auto;
    display: block;
    margin-bottom: 2.5%;
}


.carrousel_biblio {
    display: grid;
    grid-auto-flow: column;
    scroll-behavior: auto;
    gap: 1.2rem;
    overflow-y: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.carrousel_biblio::-webkit-scrollbar {
    display: none;
}

.card_biblio {
    scroll-snap-align: start;
    height: 220px;
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.vertical-slider-container {
    position: absolute;
    bottom: 66px;
    top: 20%;
    overflow-y: auto;
    scrollbar-width: none;
}

.vertical-slider-container::-webkit-scrollbar {
    display: none;
    /* Oculta la barra de desplazamiento en WebKit/Blink */
}

.mod_1_biblioteca_1 {
    background-image: url(../img/library/module1/1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_2 {
    background-image: url(../img/library/module1/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_3 {
    background-image: url(../img/library/module1/3.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_4 {
    background-image: url(../img/library/module1/4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_5 {
    background-image: url(../img/library/module1/5.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_6 {
    background-image: url(../img/library/module1/6.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_7 {
    background-image: url(../img/library/module1/7.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_8 {
    background-image: url(../img/library/module1/8.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_9 {
    background-image: url(../img/library/module1/9.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_10 {
    background-image: url(../img/library/module1/10.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_11 {
    background-image: url(../img/library/module1/11.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_12 {
    background-image: url(../img/library/module1/12.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_13 {
    background-image: url(../img/library/module1/13.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_14 {
    background-image: url(../img/library/module1/14.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_15 {
    background-image: url(../img/library/module1/15.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_16 {
    background-image: url(../img/library/module1/16.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_17 {
    background-image: url(../img/library/module1/17.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_18 {
    background-image: url(../img/library/module1/18.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_1_biblioteca_19 {
    background-image: url(../img/library/module1/19.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}


.mod_2_biblioteca_1 {
    background-image: url(../img/library/module2/1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_2 {
    background-image: url(../img/library/module2/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_3 {
    background-image: url(../img/library/module2/3.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_4 {
    background-image: url(../img/library/module2/4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_5 {
    background-image: url(../img/library/module2/5.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_6 {
    background-image: url(../img/library/module2/6.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_7 {
    background-image: url(../img/library/module2/7.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_8 {
    background-image: url(../img/library/module2/8.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_9 {
    background-image: url(../img/library/module2/9.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_10 {
    background-image: url(../img/library/module2/4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_11 {
    background-image: url(../img/library/module2/10.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_12 {
    background-image: url(../img/library/module2/6.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_13 {
    background-image: url(../img/library/module2/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_14 {
    background-image: url(../img/library/module2/11.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_15 {
    background-image: url(../img/library/module2/12.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_16 {
    background-image: url(../img/library/module2/13.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_17 {
    background-image: url(../img/library/module2/14.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_2_biblioteca_18 {
    background-image: url(../img/library/module2/15.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}


.mod_3_biblioteca_1 {
    background-image: url(../img/library/module3/1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_3_biblioteca_2 {
    background-image: url(../img/library/module3/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_3_biblioteca_3 {
    background-image: url(../img/library/module3/3.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_3_biblioteca_4 {
    background-image: url(../img/library/module3/4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_3_biblioteca_5 {
    background-image: url(../img/library/module3/5.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}


.mod_4_biblioteca_1 {
    background-image: url(../img/library/module4/1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_2 {
    background-image: url(../img/library/module4/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_3 {
    background-image: url(../img/library/module4/3.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_4 {
    background-image: url(../img/library/module4/4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_5 {
    background-image: url(../img/library/module4/5.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_6 {
    background-image: url(../img/library/module4/6.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_7 {
    background-image: url(../img/library/module4/7.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_8 {
    background-image: url(../img/library/module4/8.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_9 {
    background-image: url(../img/library/module4/9.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_10 {
    background-image: url(../img/library/module4/10.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_4_biblioteca_11 {
    background-image: url(../img/library/module4/11.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_1 {
    background-image: url(../img/library/module5/1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_2 {
    background-image: url(../img/library/module5/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_3 {
    background-image: url(../img/library/module5/3.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_4 {
    background-image: url(../img/library/module5/4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_5 {
    background-image: url(../img/library/module5/5.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_6 {
    background-image: url(../img/library/module5/6.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_7 {
    background-image: url(../img/library/module5/7.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_5_biblioteca_8 {
    background-image: url(../img/library/module5/8.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}



.mod_6_biblioteca_1 {
    background-image: url(../img/library/module6/1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_2 {
    background-image: url(../img/library/module6/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_3 {
    background-image: url(../img/library/module6/3.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_4 {
    background-image: url(../img/library/module6/4.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_5 {
    background-image: url(../img/library/module6/5.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_6 {
    background-image: url(../img/library/module6/6.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_7 {
    background-image: url(../img/library/module6/7.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_8 {
    background-image: url(../img/library/module6/8.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_9 {
    background-image: url(../img/library/module6/9.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_10 {
    background-image: url(../img/library/module6/10.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_11 {
    background-image: url(../img/library/module6/11.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_12 {
    background-image: url(../img/library/module6/12.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod_6_biblioteca_13 {
    background-image: url(../img/library/module6/13.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}



.imagen-name-library-module1 {
    background-image: url('../img/library/nameModules/M1.svg');
    position: relative;
    right: 24px;
    width: 102px;
    height: 41px;
    cursor: pointer;
    left: 0%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagen-name-library-module2 {
    background-image: url('../img/library/nameModules/M2.svg');
    position: relative;
    right: 24px;
    width: 102px;
    height: 41px;
    cursor: pointer;
    left: 0%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagen-name-library-module3 {
    background-image: url('../img/library/nameModules/M3.svg');
    position: relative;
    right: 24px;
    width: 102px;
    height: 41px;
    cursor: pointer;
    left: 0%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagen-name-library-module4 {
    background-image: url('../img/library/nameModules/M4.svg');
    position: relative;
    right: 24px;
    width: 102px;
    height: 41px;
    cursor: pointer;
    left: 0%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagen-name-library-module5 {
    background-image: url('../img/library/nameModules/M5.svg');
    position: relative;
    right: 24px;
    width: 102px;
    height: 41px;
    cursor: pointer;
    left: 0%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagen-name-library-module6 {
    background-image: url('../img/library/nameModules/M6.svg');
    position: relative;
    right: 24px;
    width: 102px;
    height: 41px;
    cursor: pointer;
    left: 0%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagen-inferior-derecha {
    position: relative;
    bottom: 10px;
    right: 10px;
    width: 20px;
    height: 25px;
    cursor: pointer;
    top: 55%;
    left: 30%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.imagen-inferior-derecha:not(.selected) {
    background-image: url('../img/library/module1/buttons/Guardar_inactivo.svg');
}

.imagen-inferior-derecha.selected {
    background-image: url('../img/library/module1/buttons/Guardar_activo.svg');
}

.imagen-inferior-izquierda {
    position: relative;
    bottom: 10px;
    right: 41px;
    width: 27px;
    height: 32px;
    cursor: pointer;
    background-image: url('../img/library/module1/buttons/descargaLibrary.svg');
    top: 43%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swal2-popup {
    font-family: 'Poppins', sans-serif;
}

.gif_mod5_otter {
    background-image: url(../img/module6/animaciones/otter.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 86%;
    height: 78%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/************************************* QUIZZES Module5 ****************************/

.quizmod5Interf1 {
    background-image: url('../img/module5/evaluacion/Pregunta1/M5E1.svg');
}

.quizmod5Interf2 {
    background-image: url('../img/module5/evaluacion/Pregunta2/M5E2.svg');
}

.quizmod5Interf3 {
    background-image: url('../img/module5/evaluacion/Pregunta3/M5E3.svg');
}

.quizmod5Interf4 {
    background-image: url('../img/module5/evaluacion/Pregunta4/M5E4.svg');
}

.quizmod5Interf5 {
    background-image: url('../img/module5/evaluacion/Pregunta5/M5E5.svg');
}

.quizmod5Interf6 {
    background-image: url('../img/module5/evaluacion/Pregunta6/M5E6.svg');
}

.quizmod5Interf7 {
    background-image: url('../img/module5/evaluacion/Pregunta7/M5E7.svg');
}

.quizmod5Interf8 {
    background-image: url('../img/module5/evaluacion/Pregunta8/M5E8.svg');
}

.quizmod5Interf9 {
    background-image: url('../img/module5/evaluacion/Pregunta9/M5E9.svg');
}

/************************************* QUIZZES Module5 ****************************/

.quizmod6Interf1 {
    background-image: url('../img/module6/quiz/M6E1.svg');
}

.quizmod6Interf2 {
    background-image: url('../img/module6/quiz/M6E2.svg');
}

.quizmod6Interf3 {
    background-image: url('../img/module6/quiz/M6E3.svg');
}

.quizmod6Interf4 {
    background-image: url('../img/module6/quiz/M6E4.svg');
}

.quizmod6Interf5 {
    background-image: url('../img/module6/quiz/M6E5.svg');
}

.quizmod6Interf6 {
    background-image: url('../img/module6/quiz/M6E6.svg');
}

.quizmod6Interf7 {
    background-image: url('../img/module6/quiz/M6E7.svg');
}

.quizmod6Interf8 {
    background-image: url('../img/module6/quiz/M6E8.svg');
}

.quizmod6Interf9 {
    background-image: url('../img/module6/quiz/M6E9.svg');
}

.quizmod6Interf10 {
    background-image: url('../img/module6/quiz/M6E10.svg');
}

.quizmod6Interf11 {
    background-image: url('../img/module6/quiz/M6E11.svg');
}

.quizmod6Interf12 {
    background-image: url('../img/module6/quiz/M6E12.svg');
}

.quizmod6Interf13 {
    background-image: url('../img/module6/quiz/M6E13.svg');
}

.quizmod6Interf14 {
    background-image: url('../img/module6/quiz/M6E14.svg');
}

.quizmod6Interf15 {
    background-image: url('../img/module6/quiz/M6E15.svg');
}

.quizmod6Interf16 {
    background-image: url('../img/module6/quiz/M6E16.svg');
}

.quizmod6Interf17 {
    background-image: url('../img/module6/quiz/M6E17.svg');
}

.quizmod6Interf18 {
    background-image: url('../img/module6/quiz/M6E18.svg');
}

.quizmod6Interf19 {
    background-image: url('../img/module6/quiz/M6E19.svg');
}

.quizmod6Interf20 {
    background-image: url('../img/module6/quiz/M6E20.svg');
}

.quizmod6Interf21 {
    background-image: url('../img/module6/quiz/M6E21.svg');
}

.quizmod6Interf22 {
    background-image: url('../img/module6/quiz/M6E22.svg');
}

.quizmod6Interf23 {
    background-image: url('../img/module6/quiz/M6E23.svg');
}

.quizmod6Interf24 {
    background-image: url('../img/module6/quiz/M6E24.svg');
}

.quizmod6Interf25 {
    background-image: url('../img/module6/quiz/M6E25.svg');
}

.modalProgress {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 89%;
    height: 100%;
    margin: auto;
    top: 17%;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.cerrar_mod5_31 {
    width: 84px;
    cursor: pointer;
    position: absolute;
    top: 1%;
    left: 76%;
}

@media (min-width: 768px) {
    .cerrar_mod_progress {
        top: 21%;
    }
}

.slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ajusta el video al contenedor sin perder la relación de aspecto */
}

.slide .videoGuillermo {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74%;
  height: auto;
  object-fit: contain;
  border-radius: 20px;
}