/* FUENTES */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@100;200;300;400;800&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');


/* BODY */
body{
	font-family: 'Nunito', sans-serif;
}
#install-message {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  color: #fff;
  padding: 10px;
  text-align: center;
}

#install-button {
  background-color: #4caf50;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
#mensaje-install{
	display: none;
}
.container-footer-stycky{
	z-index: 999;
}
/* HEADER */
.container-header.sombreado{
    background: rgba(0, 0, 0, 0.50);
}
.container-header{
    background: rgb(0 0 0 / 16%);
	background-image: none;
	height: 90px;
    padding: 10px 20px;
	position: sticky !important;
    top: 0
}
.container-header nav {
	margin-top: 0;
}
.container-header .container-nav {
	padding: 0.5em 0;
}
.container-banner{
	margin: -90px 0 0 0;
}
.menu-expand {
    display: none;
}
/* LOGO */
.navbar-logo{
	height: min-content;
	text-align: center;
	align-items: center;
	white-space: nowrap;
	display: flex;
}
.cont-logoImg {
	max-width: 40px;
	float: left;
}
.logoaulaText span {
	display: flex;
	color: #FFF;
	font-family: 'Archivo';
}
#logoAula span {
    text-align: left;
    color: #FFF;
    background-color: #95a9f1;
    width: min-content;
    padding: 0.2em 0.3em;
    font-size: 0.9rem;
    font-family: 'Archivo';
}
.cont-logoText {
	width: min-content;
	height: min-content;
	display: flex;
	flex-direction: column;
	margin: 0.2em 0 0 0.2em;
	font-family: Arial, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 1;
}
.navbar-logo a {
	text-decoration: none;
}
.testimonial_block {
    align-items: center !important;
    justify-content: center !important;
}
.testimonial_block-text{
	font-size: 1.6rem !important;
}
.testimonial_block-name{
	font-size: 1rem !important;
}

/* MENU */
.navMenu {
	display: flex;
	height: min-content;
	text-decoration: none;
	flex-direction: row;	
	margin-top: 12px;
}
.navMenu .mod-menu{
	color: #FFF;
	flex-direction: row;
    display: flex;
	gap:2em;
}
.metismenu.mod-menu .metismenu-item {
	padding: 0;
	font-size: 1rem;
}
.container-banner .banner-overlay{
	height: 80vh;
	background-attachment: scroll;
}
.menu-login {
    max-width: 40px;
}
.metismenu-item img {
    max-width: 40px;
    margin-right: 0.3rem;
}
.sel-idiomas img {
    max-width: 25px;
	cursor: pointer;
}
.div-idiomas {
	display: none;
}
.metismenu-item > a{
	/*height: 45px;
	margin-top: 0.4em;*/
}
.metismenu-item > a:hover{
	/*border-bottom: 2px solid #69C9CA;*/
	color: #69C9CA !important;
}
.metismenu-item > a:after{
	background: none !important;
}
.current.active {
    color: #69C9CA;
}
/*.container-header .metismenu > li.active{
	border-bottom: 1px solid #69C9CA;

}*/
.grid-child {
    max-width: 1920px;
}
a.button-acceso {
    background-color: #69C9CA;
    border-radius: 10px;
    padding: 0.5rem 1rem 0.5rem 0.2rem;
	border-radius: 20px;
    text-decoration: none;
	font-weight: 600;
    color: #FFF;
}
/* MOD LANGUAGES */

div.mod-languages ul li.lang-active{
	background-color: transparent;
}

.navMenu .mod-languages li {
	margin: 0 0.2rem;
}
.navMenu .mod-languages img {
	height: 20px;
	margin-right: 0.5rem;
}
.navMenu .mod-languages a {
	padding: 0; 
}
.btn-secondary {
	background-color: #fff;
	border-color: #FFF;
	color: #353b41;
}
.mod-languages ul.lang-block li {
    display: inline !important;
}
.grid-child.container-top-b {
    text-align: right;
}
/* BANNER PORTADA */
#banner-portada h3 {
    font-weight: 400;
}
.banner-wave{
	position: relative;
	width: 100%;
	height: 100px;
	background-image: url("../../../../../images/wave.png");
	background-size: 1000px 100px;
	margin-top: -99px;
	animation: wave 20s linear infinite;
}
@keyframes wave{
	0%{
		background-position: 0;
	}
	100%{
		background-position: 1000px;
	}
}
/* MAIN COMPONENT */
.pt-aulavirtual .container-component {
	display:none;
}
/* CONTENEDOR INFO 1 */
.info1{
	max-width: 1320px;
	margin: 0 auto;
}
#cont-info1{
	/*display: flex;*/
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: 300;
	margin: 0 auto;
	padding-bottom: 2em;
}
#cont-sobre {
	display: flex;
	flex-wrap: wrap;	
}
#cont-sobre-div1 {
    order: 0;
    flex: 50%;
	margin: auto 0;
}
.sobreEnlace {
    text-decoration: none;
	color: #69C9CA;
}
.sobreEnlace:hover {
	color: #31A9E0;
	cursor: pointer;
}
.buttonSobre span{
	padding: 1em 3em;
	border-radius: 2em;
	background-color: #69C9CA;
	text-decoration: none;
	color: black;
	cursor: pointer;
}
.buttonSobre span:hover{
	padding: 0.8em 2.7em;
	background-color: #FFF;
	color: #69C9CA !important;
	border: 5px solid #69C9CA;
}
.buttonSobre {
    /*margin-top: 3em;*/
    font-weight: 800;
}
.buttonSobre.lenguajes {
    margin-top: 3em;
    font-weight: 800;
}

#cont-sobre-div2{
    order: 0;
    flex: 50%;
	margin: auto 0;
	justify-content: end;
	padding-left: 2em;
}
#cont-lenguaje {
	display: flex;
	flex-wrap: wrap;
	/*background-color: #F1F1F1;*/
}
#cont-lenguaje-div1 {
    order: 0;
    flex: 50%;
    display: flex;
    margin: auto 0;
}
#cont-lenguaje-div2 {
    order: 0;
    flex: 50%;
    padding: 1em 5em 1em 2em;
	margin: auto 0;
}

#cont-info1 p{
	font-weight: 500;
}
#cont-info1 h3{
	font-size: 2.5rem;
	margin: 3rem 0 2rem 0;
	font-weight: 900;
}
#cont-info1 img{
	border-radius: 5%;
	max-width: 100%;
}
.info1.int #cont-info1{
    padding-bottom: 0; 
}
/* CONTENEDOR INFO 2 */
.container-info2{
	text-align: center;
	background-color: #b0cecf;
	color: #FFF;
	/*padding: 5em 10em;*/
}
#cont-plataformas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3em;
    justify-content: space-between;
    text-align: center;
	color: #FFF;
	font-size: 1.2em;
	max-width: 1320px;
    margin: 0 auto 2em;
}
.container-info3 #cont-plataformas {
    margin: 0 auto;
}
#titular-plataformas h3 {
    margin: 1em 0 1.5em 0;
	font-size: 2em;
}
.container-info2 h2 {
	font-weight: 700;
	margin-bottom: 2rem;
	font-size: 2.5em;
}
#cont-plataformas img {
    border-radius: 30px 30px 0 0;
	width: 100%;
	max-height: 400px;
	object-fit: cover;
}
#cont-plataformas h4 {
    font-size: 1.5rem;
    margin-bottom: 1em;
    font-weight: 600;
}
#plataforma1,#plataforma2,#plataforma3{
    max-width: 30%;
	background-color: #FFF;
    border-radius: 30px;
	padding-bottom: 2em;
	display: grid;
}
#plataforma4{
   width: 100%;
}
#plataforma4 .platInfo{
	padding: 1em 2em;
	margin-top: 2em;
}
#plataforma4 .platText {
	background: #F1F1F1;
}
#plataforma4 .platText p{
	min-height: auto;
}
#resp-img-plat4{
	background-image: url('/images/aulavirtual/6libros.png');
	background-size: contain;  
    background-position: center; 
    background-repeat: no-repeat;
    padding-bottom: 23.9%;
    position: relative;
    border-radius: 20px 20px 0 0;
}
.platText {
    background: #FFF;
    color: black;
    padding: 1em;
	border-radius:0 0 30px 30px;	
}
.platText p{
	min-height: 8vh;
}
.platInfo span{
	padding: 1em 3rem;
	border-radius: 2em;
	background-color: #69C9CA;
	text-decoration: none;
	color: black;
	font-weight: 700;
	cursor: pointer;

}
.platInfo span:hover{
	background-color: #31A9E0;
	color: #FFF !important;
}
.enlace-prim{
	padding: 1em 3rem;
	border-radius: 2em;
	background-color: #69C9CA;
	text-decoration: none;
	color: black;
	font-weight: 700;
	cursor: pointer;

}
.enlace-prim:hover{
	padding: 0.8em 2.7em;
	background-color: #FFF;
	color: #69C9CA !important;
	border: 5px solid #69C9CA;
}
.platInfo {
    /*margin: 2em 0;*/
}
/* CONTENEDOR INFO 3 */
.container-info3{
	text-align: center;
	background-color: #FFF;
	color: #333;
	padding: 2rem 0 2rem 0;

}
#cont-interactivo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	max-width: 1320px;
    margin: 0 auto 2em auto;
	justify-content: space-between;
    text-align: center;
	color: #333;
}
#interactivo2 {
    margin: 0 2em;
}
.container-info3.moduletable{
	max-width: 1320px;
}
.container-info3 h3 {
	font-size: 2em;
	margin-bottom: 1em;
}
.container-info3 h2 {
    font-weight: 800;
    font-size: 3em;
	margin-bottom: 1rem;
}
#cont-interactivo img {
	border-radius: 30px 30px 0 0;
	margin-bottom: 3rem;
}
#cont-interactivo h4 {
    font-size: 2rem;
	margin-bottom: 2rem;
	font-weight: 700;
}
#cont-interactivo div {
    max-width: 28%;
	font-size: 1.3em;
}
/* CONTENEDOR INFO 4 */
.container-info4{
	text-align: center;
	background-color: white;
	color: black;
	padding: 1em 0 3em 0;
}
.container-info4 h2 {
	font-weight: 500;
	margin-bottom: 5rem;
}
.container-info4 h2 {
    font-weight: 400;
    border-bottom: solid;
    padding-bottom: 1rem;
    width: 50%;
    margin: 0 auto 5rem;
}
#plataforma4 img {
    border-radius: 30px 30px 0 0;
	width: 100%;
	object-fit: cover;
}

/* CONTENEDOR INFO 5 */
.container-info5{
	text-align: center;
	background-color: black;
	color: #FFF;
}
.container-info5 h2 {
	font-weight: 700;
    font-size: 3em;
    margin-top: 1em;
}
#cont-equipo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5em;
    justify-content: center;
    text-align: center;
	color: #FFF;
}
#cont-equipo img {
	border-radius: 20px;
	margin-bottom: 3rem;
	filter: brightness(0.9);
}
#cont-equipo div {
    max-width: 20vw;
}
#equipo-inf {
	position: absolute;
    top: 40%;
}
#equipo-inf h4{
	font-weight: 400;
	font-size: 1.2rem;
}
#equipo-inf h3{
	font-weight: 700;
	font-size: 1.8rem;
	margin-bottom: 1.2rem;
}
/* CONTENEDOR INFO 6 */
.container-info6{
	text-align: center;
	background-color: #FFF;
	color: black;
	padding: 0;
}
.contact-form{
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: 300;
	max-width: 1320px;
	margin: 0 auto;
}
.contact-form button{
    background-color: #636363;
    border-color: #636363;
	color: white;
	padding: 1em 0;
}
.contact-form-introtext {
	order: 0;
    flex: 50%;
    display: inline-grid;
	text-align: left;
}
.dj-easy-contact-wrapper {
	padding: 2em 1em;
}
.dj-simple-contact-form{
    order: 1;
    flex: 50%;
	align-items: center;
	justify-content: center;
	padding-left: 1em;
	margin: auto 0;

}
.dj-simple-contact-form-row.terms-conditions input[type="checkbox"], .dj-simple-contact-form-row.terms-conditions2 input[type="checkbox"] {
     float: none !important;
}
.dj-simple-contact-form-row {
    margin: 1em 0;
}
.contact-form button {
    width: 35%;
	background-color: #69C9CA;
	border: none;
	border-radius: 40px;
	color:#FFF;
	font-weight: 600;
}
.contact-form button:hover {
	padding: 0.8em 2.7em;
	background-color: #FFF;
	color: #69C9CA !important;
	border: 5px solid #69C9CA;
}

.contact-form .form-control {
    background-color: #F1F1F1;
    max-width: 100%;
	border: 1px solid #D9D9EF;
    border-radius: 1.5em;
}
.dj-simple-contact-form .name{
	margin-right: 2%;
}
.dj-simple-contact-form .name, .dj-simple-contact-form .email{
	width: 49%;
	float: left;
}
.dj-simple-contact-form-row.terms-conditions {
    margin: 0 0 10px;
    float: left;
    width: 65%;
    text-align: left;
}
.dj-simple-contact-form-row.terms-conditions input[type="checkbox"] {
	vertical-align: top !important;
}
.dj-simple-contact-form-row.terms-conditions label, .dj-simple-contact-form-row.terms-conditions2 label {
    font-size: 1rem;
}
/* CONTENEDOR INFO 7 */
.container-info7{
	background: #b0cecf;
	padding: 2em;
}
.mapagoogle {
	max-width: 1320px;
	margin: 0 auto;
}
.mapagoogle h3{
	color: #FFF;
    text-align: center;
	margin-bottom: 1em;
}
/* FOOTER */
.footer{
	margin-top: 0;
	margin-bottom: 63px;
}
.container-footer {
	background-image: none;
	background: black;
	color: #FFF;
}
.container-footer .mod-menu{
	flex-direction:row;
	gap: 1em;	
	color: #FFF;
}
.foot-logoImg {
	max-width: 25px;
	float: left;
}
.footer .grid-child {
	padding: 1.5rem 2rem;
}
.redes-foot {
	width: 180px;
	display: flex;
}
.redes-foot a{
	margin: auto 0.4em;
}
.btn {
	padding: 0;
}
.menu-expand{
	display: none;
}
.metismenu.mod-menu .mm-collapse a{
		color: #FFF;
}
.metismenu.mod-menu .mm-collapse {
    background-color: #484f56;
}
/* MENUS CONTENIDO LENGUAJES */
#cont-lenguajes-div1 {
    order: 0;
    flex: 50%;
    padding: 0 1em 1em 5em;
	margin: auto 0;
}

/* FORMULARIO CONTACTO */
.img-reg-info {
    flex-basis: 25%;
    padding: 0 1em 1em 1em;
    text-align: center;
}
.txt-reg-info {
    flex-basis: 90%;
    font-size: 1.5em;
    font-weight: bold;
	font-family: 'Archivo', sans-serif;
}
.back-to-top-link {
    position: fixed;
    width: 37px;
}
.qf3form.portada2024 .qfchkbx {
    display: inline-block;
    width: 100%;
}
.qfclose{
	/*visibility: hidden;*/
    cursor: pointer;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    padding: 0.2em 1em;
    right: 0;
    top: 2%;
    position: absolute;
    font-size: 1.5em;
}
.qf3.qf3btn.qfsubmit {
    padding-right: 1em;
    /*margin-left: 58%;*/
	text-align: center;
}
.qf3form.portada2024 .qf3btn input {
    border: none;
    border-radius: 2em;
    padding: 0.4em 1em;
    background: #69c9ca;
    cursor: pointer;
	font-weight: bold;
	padding: 0.5em 2.3em;
}
.qf3form.portada2024 .qf3btn input:hover {
	background-color: #F575B0;
	color: #FFF;
	transition: all 1s ease;
}
.qf3.qf_checkbox.req.box_terms {
    margin-left: 1em;
}
.img-reg-info img {
    max-width: 55px;
}
#contenido-idiomas {
	margin: 2px 10px 0 20px;
}
.container-banner img {
    margin: 2rem auto;
    display: block;
}
.mapagoogle iframe {
    border-radius: 20px;
}

/* AYUDA DANA */

.barra-ayuda {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFD700; /* Color de fondo similar al de la imagen */
    color: #000; /* Color del texto */
    padding: 10px;
    text-align: center;
    font-weight: bold;
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    display: flex;
    justify-content: center;
    align-items: center;
	gap: 10em;
}
.barra-ayuda span{
	font-size: 1.5em;
	font-weight: bolder;
}
.barra-ayuda button {
    background-color: #fff;
    border: none;
    padding: 5px 10px;
    margin-left: 15px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
}
.barra-ayuda img{
	width: 65px;
}
/* MEDIA QUERYS */

@media (max-width: 1366px){
	
	#cont-sobre-div1 {
		padding: 0em 0 0 1em;
	}
	#cont-sobre-div2 {
		padding: 2em 1em 0 2em;
		margin: auto 0;
	}
	#cont-lenguaje-div1 {
		padding: 4em 0 4em 2em;
	}
	#cont-lenguaje-div2 {
		padding: 1em 2em 1em 4em;
	}
	#cont-plataformas h4 {
		font-size: 2rem;
	}
	#cont-plataformas {
        gap: 1em;
        padding: 0 1em;
    }
	.platText p {
		min-height: 10vh;
	}
	.banner-wave {
		margin-top: -97px;
	}
		/* COMENTARIOS */
	.jt_testimonial122 .jt_testimonial-block-slide {
		padding: 1em 1em !important;
	}
	#equipo-inf {
		top: 34%;
	}
	#cont-interactivo {
		margin: 0 2em 2em 2em;
	}
	.dj-easy-contact-wrapper {
		padding: 2em 2em;
	}
	/* AYUDA DANA */

	.barra-ayuda {
		padding: 10px;
		gap: 5em;
	}
	.barra-ayuda span {
		font-size: 1.4em;
	}
}
@media (max-width: 1024px){
	.navMenu .mod-menu {
		gap: 1.2em;
	}
	/* BANNER PORTADA*/
	.container-banner .banner-overlay {
		height: 90vh;
		background-attachment: scroll;
	}
	#banner-portada img {
		margin: auto;
		display: block;
		max-width: 50px;
	}
	/* CONTENEDOR INFO 1 */
	/* CONTENEDOR INFO 2 */
	#cont-plataformas {
		gap: 0;
		padding: 0 1em;
	}
	#plataforma1, #plataforma2, #plataforma3 {
    	max-width: 32%;
	}
	/* CONTENEDOR INFO 3 */
	/*#cont-interactivo {
		gap: 5em;
	}
	#cont-interactivo div {
		max-width: 25vw;
	}*/
	/* CONTENEDOR INFO 4 */
	#equipo-inf h3{
		font-weight: 700;
		font-size: 1.5rem;
		margin-bottom: 1.2rem;
	}
	/* CONTENEDOR INFO 5 */
	#cont-equipo {
		gap: 3em;
	}
	#cont-equipo div {
		max-width: 27vw;
		font-size: 1.1rem;
	}
	#equipo-inf {
		top: 35%;
	}
	.container-info5 {
		padding: 2rem 0 2rem 0;
	}
	#resp-img-plat4{
		background-image: url('/images/aulavirtual/6libros.png');
		width: 80vw;
		background-size: contain;  
		background-position: center; 
		background-repeat: no-repeat;
		padding-bottom: 23.9%;
		position: relative;
		border-radius: 20px 20px 0 0;
	}
	#cont-interactivo {
		margin: 0 1em 2em 1em;
	}
	.txt-reg-info {
		font-size: 1em;
	}
	/* AYUDA DANA */

	.barra-ayuda {
		padding: 10px;
		gap: 1em;
	}
	.barra-ayuda span{
		font-size: 0.9em;
		font-weight: bolder;
	}
	.barra-ayuda button {
		background-color: #fff;
		border: none;
		padding: 5px 10px;
		margin-left: 15px;
		cursor: pointer;
		font-weight: bold;
		border-radius: 5px;
	}
	.barra-ayuda img{
		width: 65px;
	}

}
@media (max-width: 940px) {
	#contenido-idiomas{ 
		position: absolute;
		margin: 2px 0 0 20px;
		top: 11vw;
        right: 2vw;
	}
	a.button-acceso {
		margin-left: 2vw;
	}
	#cont-interactivo div {
		display: grid;
	}
}

@media (max-width: 820px) {
	.navMenu .mod-menu {
		gap: 0.5em;
	}
	#cont-info1{
		gap: 2em;
	}
	#cont-sobre-div1 {
		flex: 100%;
		padding: 0 2em;
		text-align: justify;
	}
    #cont-sobre-div2 {
        padding: 2em 2em 0 2em;
        text-align: center;
        flex: 100%;
        
    }
	.buttonSobre {
		/*margin-top: 3rem;*/
		text-align: center;
	}
	#cont-lenguaje {
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		margin-top: 2em;
	}
	#cont-lenguaje-div1{
		order: 0;
		flex: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 2em;
		padding: 0;
	}
	#cont-lenguaje-div2 {
		order: 0;
		flex: 50%;
		padding: 0 2em 2em 2em;
		background-color: #F1F1F1;
		text-align: justify;		
	}
	.int #cont-lenguaje-div1{
		margin:2em 2em 0;
	}
	.container-banner .banner-overlay {
		height: 90vh;
		background-attachment: scroll;
	}

	/* CONTENEDOR INFO 2 */
	#plataforma1,#plataforma2,#plataforma3 {
		max-width: 100%;
	}
	#plataforma1, #plataforma2{
		margin-bottom: 2em;
	}
	#cont-plataformas {
		gap: 0;
		padding: 0 2em;
        margin: 0 auto;
	}
	.platText p {
        min-height: 5vh;
    }
	/* CONTENEDOR INFO 3 */
	#cont-interactivo {
		gap: 1em;
		justify-content: center;
	}
	#cont-interactivo div {
		max-width: 90%;
	}
	/* CONTENEDOR INFO 4 */
	#cont-interactivo div {
		display: block;
	}

	#cont-equipo {
		gap: 0;
	}
	#cont-equipo div {
		max-width: 100%;
		font-size: 1.1em;
		max-height: 650px;
	}
	#equipo-inf {
		position: relative;
		width: 60%;
		top: -50%;
		left: 20%;
	}
	#equipo-inf h3 {
		font-size: 3rem;
	}
	#equipo-inf h4 {
		font-size: 2rem;
	}
	#cont-equipo img {
		margin-bottom: 0;
	}
	/*#equipo2,#equipo2 {
		margin-top: -10%;
	}*/
	/* COMENTARIOS */
	.jt_testimonial122 .jt_testimonial-block-slide {
		padding: 1em 1em !important;
	}
	.container-info5 {
		padding:0 0 0 0;
	}
	/* CONTENEDOR INFO 6 */
	.dj-easy-contact-wrapper {
		padding: 2em;
	}
	.dj-simple-contact-form {
		order: 1;
		flex: 50%;
		align-items: center;
		justify-content: center;
		padding-left: 0;
	}
	.contact-form .form-control {
		padding-left: 1em;
	}
	.contact-form {
    	display: block;
		text-align: left;
	}
	.dj-simple-contact-form-row.terms-conditions {
		width: 100%;
		text-align: center;
	}
	.button-box {
		text-align: center;
	}

}
@media (max-width: 920px) and (max-height:440px){
	.container-banner .banner-overlay {
		height: 100vh;
		background-attachment: scroll;
	}
}
@media (max-width: 767px) {
	/* MENU */
	.menu-expand {
		display: block;
		z-index: 9;
	}
	.metismenu.mod-menu .metismenu-item {
		font-size: 1.8rem;
	}
	.container-header  {
		position: sticky !important;
		top: 0;
	}
	.container-header .navbar-toggler {
		color: #fff;
		cursor: pointer;
		border: 0;
		padding: 1em;
	}
	.navMenu {
		flex-direction: row;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 0;
	}
	.navbar{
		justify-content: end;
	}
	.navbar-collapse.show,.navbar-collapse.hide{
		background-color: black;
		top: 0;
		left: 0;
		right: 0;	
		height: 100vh;
		width: 100vw;
		transition: all 0.5s;
	}
	.container-header nav {
    margin-top: 0 !important;
	}
	.navbar-logo{
		margin-left: 15px;
	}

	.navMenu .mod-menu {
		flex-direction: column;
		gap: 1em;
		padding: 0.5em;
		margin-top: -10rem;
	}
	header .mod-menu,.navbar-expand-md button{
		display:none;
		align-items: center;
		justify-content: center;
	}
	.container-footer .mod-menu {
		justify-content: center;
	}
	#contenido-idiomas {
		position: absolute;
		bottom: 10vh;
		top: unset;
        left: unset;
        right: unset;
        width: 100%;
        margin: 0;
		text-align: center;
	}
	.navMenu .mod-languages img {
		height: 20px;
        margin-right: 0.5rem;
	}
	/* MOUDLO ACCESO*/
	.container-acceso{
		display: none;
		position: absolute;
		top: 2em;
		left: 1em;
	}
	.barra-ayuda {
		flex-direction: column;
		padding: 15px;
	}
	.barra-ayuda button {
		margin: 10px 0 0 0; /* Margen superior para separar el botón del texto */
	}
}
/* Estilos para dispositivos móviles con pantallas de 320px a 480px */
@media only screen and (max-width: 480px) {
    #contenido-idiomas {
        position: absolute;
        bottom: 25vh;
		margin-left: 0.1em;
	}
	.footer {
		margin-top: 0;
		margin-bottom: 180px;
	}

/* Estilos para tabletas en orientación horizontal con pantallas de 769px a 1024px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	header .mod-menu{
		display:block;
	}
	.navbar-logo{
		margin-left: 15px;
	}


}

/* Estilos para pantallas de escritorio y portátiles con pantallas más grandes de 1024px */
@media only screen and (min-width: 1023px) {
	header .mod-menu{
		display:block;
	}
}