@font-face {
    font-family: GothicRegular;
    src: url(../fonts/GothicRegular.ttf);
}
@font-face {
    font-family: GothicBold;
    src: url(../fonts/GothicBold.TTF);
}
@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Medium.ttf");
    font-weight: 500;
}
@font-face {
    font-family: School;
    src: url("../fonts/First-School.ttf");
    font-weight: 500;
}

/*contenedor superior de la galeria*/
.contGaleria {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*contenedor de galeria*/
div#myCarousel1 {
    width: 68%;
}

/*estilo para ajustar la posicion del contenido aviso rja*/
.rja-car-cap.alinearCaja {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    bottom: 7%;
}

/* estilos de los textos de las galerias*/
div#aparecer {
    width: 100%;
    height: 25vh;
    background-color: #e5006778;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2.5em;
    font-family: 'Poppins';
    font-weight: 500;
}

div#aparecer2 {
    width: 100%;
    height: 25vh;
    background-color: #65c3007a;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2.5em;
    font-family: 'Poppins';
    font-weight: 500;
}

div#aparecer3 {
    width: 100%;
    height: 25vh;
    background-color: #e5b8007a;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2.5em;
    font-family: 'Poppins';
    font-weight: 500;
}

div#aparecer4 {
    width: 100%;
    height: 25vh;
    background-color: #2ba2e482;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
   font-size: 2.5em;
    font-family: 'Poppins';
    font-weight: 500;
}
    /*esconder slider de videos rja*/
.hideShowSliderRja{
    display:none;
}

/* esconder cualquier elemento*/
.hide-Show{
    display:none;
}

/*color titulos verde*/
.green-title{
    color: #5cb363;
    font-family: GothicBold;
}



/*contenedor principal banner*/
.rja-car-cap{
	top:5%;
	left:5%;
	right:5%;
	position:absolute;
}
/*contenedor texto banner1*/
.caja-txt-banner1 {
    width: 45%;
    padding-top: 2.5%;
    padding-left: 3%;
}

/*titulo banner principal*/
h1#titleBanner1 {
    font-family: GothicBold;
    color: #11437f;
    font-size: 7em;
	line-height:1em;
}

/*texto banner principal*/
p.textoPrincipal {
    font-family: GothicRegular;
    color: #575756;
    font-size: 1.8em;
    line-height: 1.1em;
    padding-left: 2.5%;
    padding-top: 4.5%;
}

/* segundo slider estilos*/
/*contenedor de los textos*/
.caja-txt-banner2 {
    padding: 6% 0%;
    width: 50%;
    margin: 1% 0 0 2%;
}

/*titulo*/
h2.descubrelos {
    color: #10447f;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    padding: 0 0% 0% 9%;
}

/*sub titulo*/
h3.mirael {
    font-family: GothicBold;
    color: #2baae2;
    font-size: 3.5em;
	line-height:1em;
	margin: 7% 0 0 0;
	text-align: center;
}

/*conteneder de boton*/
.cont-btn-desafio {
    padding: 4% 0% 0% 0%;
    display: flex;
    justify-content: center;
    align-items: start;
}

/*boton desafio 5*/
a.desafio5 {
    background-color: #e73163;
    padding: 0% 12%;
    border-radius: 50px;
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 5em;
    color: #ffffff;
}

/* tercer slider 3 */
.caja-txt-banner3 {
    position: absolute;
    right: 0;
    width: 55%;
    justify-content: center;
    flex-direction: column;
    display: flex;
}

/*titulo slider 3*/
h2.tituloSlider3 {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    font-size: 2.5em;
    padding: 2% 0% 0% 0%;
    margin: 0px;
    font-family: 'School';
    color: #ffffff;
}

/*subtitulo slider 3*/
h3.subtituloSlider3 {
    /* font-family: Gloria; */
    font-size: 1.6em;
    font-weight: 200;
    font-family: 'Poppins';
    margin: 0px;
    text-align: center;
    color: #ffffff;
}

/* tamaño del reproductor del video */
.boton-play {
    width: 100%;
    margin: 15% 0% 0% 0%;
	display:flex;
}

/*tercer titulo*/
h4.tercerTitulo {
    font-family: Poppins;
    font-size: 3.1em;
    font-weight: 600;
    text-align: center;
    margin-left: 5%;
    color: #ffffff;
    padding: 1% 0% 0% 0%;
    background-color: #f8b114;
    margin-bottom: 0px;
    border-radius: 30px;
}

/* estulo del cuarto titulo*/
h5.cuartoTitulo {
    color: #ffffff;
    font-weight: 700;
    font-size: 2.8em;
    margin: 0 0 0 50px;
}

.cenefa{
	width:100%;
}

/*cenefa que va detras del texto*/
spam.cenefa2 {
    background-image: url('https://www.aeiotu.com/wp-content/uploads/2023/01/cenefa-2.png');
    background-size: contain;
    /* padding: 0 0%; */
    background-repeat: no-repeat;
    background-position: center;
}

.centrar{
	display:flex;
	justify-content:center;
}
/* boton video1 pc*/
button#video1 {
  background-color: #57A95E !important;
    border: none;
    width: 60%;
    font-family: 'GothicBold';
    font-size: 18px;
    border-radius: 10px;
    padding: 2%;
}

/* altura del carousel de galeria de imagenes]*/
.Carrusel_gallery.alturaGaleria {
    height: 250px;
    background-color: red;
}


/*ajustes */

.Target_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Target_content {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 40px 0;
}

.Target_single {
    width: 20%;
    height: 220px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border-radius: 20px;
}

.Target_container h1 {
    font-family: GothicBold;
    color: #11437F;
    font-size: 32px;
}

.Target_container p {
    font-family: GothicRegular;
    color: #575756;
    font-size: 18px;
}

.Target_single p {
    font-family: GothicBold;
    font-size: 18px;
    text-align: center;
}

.Target_single.first {
    border: 2px dashed #D21424;
 }
 
 .Target_single.second {
    border: 2px dashed #EE8134;
 }
 
 .Target_single.third {
    border: 2px dashed #37A2DB;
 }
 
 .Target_single.fourth {
    border: 2px dashed #5CB363;
 }

.Target_single.first p {
   color: #D21424;
}

.Target_single.second p {
    color: #EE8134;
}

.Target_single.third p {
    color: #37A2DB;
}

.Target_single.fourth p {
    color: #5CB363;
}

.Title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 80px;
}

.Title_2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 80px;
}

.Content_recursos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 80px;
}

.Content_recursos p {
    font-family: GothicRegular;
    color: #575756;
    font-size: 16px;
}

.Title_gallery {
    font-family: GothicBold;
    color: #11437F;
    font-size: 32px;
}

.Title_resource {
    font-family: GothicBold;
    color: #5CB363;
    font-size: 32px;
}

.Title_news {
    font-family: GothicBold;
    color: #D21424;
    font-size: 32px;
}

.Title_impact {
    font-family: GothicBold;
    color: #EE8134;
    font-size: 32px;
}

.Title_more {
    font-family: GothicBold;
    color: #37A2DB;
    font-size: 32px;
}

.Title_allies {
    font-family: GothicBold;
    color: #11437F;
    font-size: 32px;
}

.Image_gallery {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.Image_gallery img {
    width: 70%;
}

.Recursos_container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding: 40px 0;
}

.Content_recursos p {
    max-width: 400px;
}

.Recursos_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 25px;
}

.Recursos_container p {
    width: 250px;
    background: #5CB363;
    padding: 5px;
    border-radius: 10px;
    color: white;
    font-family: 'GothicBold';
    font-size:18px;
    text-align: center;
}

.Target_single_news {
    position:relative;
    width: 30%;
    height: 250px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border-radius: 20px;
    border: 2px dashed #D21424;
}

.Target_single_news:hover {
    background: #D21424;
}
.Target_single_news:hover h4, .Target_single_news:hover p {
    color: white;
}
.Target_single_news h4 {
     font-family: 'GothicBold';
    font-size:18px;
    color:#D21424;
}

.Target_single_news p {
    font-family: GothicRegular;
    color: #575756;
    font-size: 14px;
}
.Target_single_news img {
    position:absolute;
    bottom:10px;
    right:10px;
    width: 25px;
}

.Map_container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 40px 0;
}

.Map_container div {
    width:50%;
}
.Map_places p{
    text-align:center;
    font-family: 'GothicBold';
    font-size:22px;
}

.Conoce_content {
    padding:20px 0;
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
    align-items:flex-start;
    justify-content:center;
}
.line {
    width:100%;
}

.Footer_container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding: 40px 0;
}

.Contact_info {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content: center;
    gap:40px;
}

.Contact_info_content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.Contact_info_content div {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content: center;
}
.Contact_info_content p {
    font-family: GothicRegular;
    color: #11437F;
    font-size: 25px;
    margin: 0;
}

.Contact_info_content h3 {
    font-family: GothicBold;
    color: #11437F;
    font-size: 25px;
    margin: 0;
}

.Contact_social {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    margin:auto;
    padding: 60px 0;
}
.Contact_social h4 {
    font-family: GothicBold;
    color: #2AA6DF;
    font-size: 30px;
}

.Contact_social div{
    display:flex;
    align-items:flex-start;
    justify-content: center;
    margin:auto;
}

.Conoce_item {
    display:flex;
    flex-direction:column;
    align-items: center;
    font-family: GothicBold;
}

/*estilo boton aventura*/
botonAventura{
background-color:#57A95E !important;
border:none; width:60%; 
font-family: 'GothicBold'; 
font-size: 18px; 
border-radius: 10px; 
padding:2%;
}

/*boton infografia */
.botonInfografia{
background-color:#57A95E !important; 
border:none; 
width:60%;
font-family: 'GothicBold';
font-size: 18px;
border-radius: 10px; 
padding:2%;
}


/*ipad vertical*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

h1#titleBanner1 {
    font-family: GothicBold;
    color: #11437f;
    font-size: 5em;
    line-height: 1em;
    margin: 0px 5%;
}

p.textoPrincipal {
    font-family: GothicRegular;
    color: #575756;
    font-size: 2em;
    line-height: 1.1em;
    padding: 4.5%;
    text-align: justify;
}

h2.tituloSlider3 {
    font-size: 3.5em;
}

h3.subtituloSlider3 {
    /* font-family: Gloria; */
    font-size: 2.2em;
    font-weight: 200;
    font-family: 'Poppins';
    margin: 0px;
    text-align: center;
    color: #ffffff;
}

h4.tercerTitulo {
    font-family: Poppins;
    font-size: 2.2em;
    font-weight: 600;
    text-align: center;
    margin-left: 0%;
    color: #ffffff;
    padding: 1% 0% 0% 0%;
    background-color: #f8b114;
    margin-bottom: 0px;
    border-radius: 30px;
}

h2.descubrelos {
    color: #10447f;
    font-size: 3.5em;
    font-weight: bold;
    text-align: center;
    padding: 0 0% 0% 0%;
}


}

/*aipad air vertical*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { 

/*contenedor banner rja*/
div#myCarousel {
    width: 100%;
}    

/*footer rja ipad air*/
div#formContacto {
    height: 100%;
}

/*boton desafio 5*/
.cont-btn-desafio {
    padding: 4% 0% 0% 0%;
    display: flex;
    justify-content: center;
    align-items: start;
    font-size: 2em;
}    

/*boton play slider conferencia*/
img.alignnone.size-full.wp-image-939.centrar {
    width: 125px;
}

h1#titleBanner1 {
    font-family: GothicBold;
    color: #11437f;
    font-size: 5em;
    line-height: 1em;
    margin: 0px 5%;
}

p.textoPrincipal {
    font-family: GothicRegular;
    color: #575756;
    font-size: 3em;
    line-height: 1.1em;
    padding: 4.5%;
    text-align: justify;
}

h2.tituloSlider3 {
    font-size: 3.5em;
}

h3.subtituloSlider3 {
    /* font-family: Gloria; */
    font-size: 2.2em;
    font-weight: 200;
    font-family: 'Poppins';
    margin: 0px;
    text-align: center;
    color: #ffffff;
}

h4.tercerTitulo {
    font-family: Poppins;
    font-size: 2.2em;
    font-weight: 600;
    text-align: center;
    margin-left: 0%;
    color: #ffffff;
    padding: 1% 0% 0% 0%;
    background-color: #f8b114;
    margin-bottom: 0px;
    border-radius: 30px;
}

h2.descubrelos {
    color: #10447f;
    font-size: 3.5em;
    font-weight: bold;
    text-align: center;
    padding: 0 0% 0% 0%;
}

h3.mirael {
    font-family: GothicBold;
    color: #2baae2;
    font-size: 2.2em;
    line-height: 1em;
    margin: 2% 0 0 0;
    text-align: center;
    padding: 0 0 0 0%;
}

h3.subtituloSlider3 {
    /* font-family: Gloria; */
    font-size: 2.5em;
    font-weight: 200;
    font-family: 'Poppins';
    margin: 0px;
    text-align: center;
    color: #ffffff;
}

h4.tercerTitulo {
    font-family: Poppins;
    font-size: 2.2em;
    font-weight: 600;
    text-align: center;
    margin-left: 0%;
    color: #ffffff;
    padding: 1% 0% 0% 0%;
    background-color: #f8b114;
    margin-bottom: 0px;
    border-radius: 30px;
}

h5.cuartoTitulo {
    color: #ffffff;
    font-weight: 700;
    font-size: 2.2em;
    margin: 0 0 0 10px;
}


/*ancho boton de play en ipad*/
img.alignnone.size-full.wp-image-939.centrar {
    width: 150px;
}

.Target_single_news h4 {
    font-family: 'GothicBold';
    font-size: 25px;
    color: #D21424;
}

.Target_single_news p {
    font-family: GothicRegular;
    color: #575756;
    font-size: 21px;
    text-align: center;
}


/* prueba cambio de ancho logos en version ipad vertical*/
.slick-slide img {
    width: 50%;
}


/* ----------------------------------------------fin de aipad air vertical-----------------------------------------------------*/
}


@media (max-width:991px) {
    .Target_single {
        width: 100%;
    }
    .Target_content {
        gap: 20px;
    }
    .Title {
        padding: 0 10px;
    }
    .Image_gallery {
        padding: 0;
    }
    .Image_gallery img {
        width: 100%;
    }
    .Content_recursos {
        padding: 0 10px;
    }
    .Recursos_container {
        flex-wrap: wrap;
        gap: 30px;
    }
    .Target_single_news {
        width:100%;
    }
    .Map_container {
        flex-wrap:wrap;
    }
    .Conoce_content img {
        width:40%;
    }
    .Contact_info_content h3, .Contact_info_content p {
        font-size:18px;
    }
    .Image_footer {
        display:none;
    }
    
    /*esconder slider de videos rja*/
.ocultarPC{
	display:block;
}

.hideShowSliderRja {
    display: flex;
    margin: 5% 0 0 0;
    padding: 0px 50px;
    width: 100%;
    
}

/*esconder los videos de pc*/
.hidePcVideos{
    display:none;
}

/*esconder y mostrar cualquier elemento*/
.hide-Show{
    display:block;
    padding-top:5%;
}

/* content mobile */
.cont-mobile{
    display:flex;
    justify-content:center;
}

/*centrar botones mobile*/
.btn-center-mobile{
    display:flex;
    justify-content:center;
    width:100%;
}

/*margen de 10% arriba*/
.margin-top-10{
    margin-top:10%;
}


.rja-rich-text-editor {
	background: red !important;
	border: dashed red 5px !important;
}	


/*contenedor del boton desafio*/
.cont-btn-desafio {
    padding: 4% 0% 0% 0%;
    display: flex;
    justify-content: center;
    align-items: start;
}


/*boton slider2*/
a.desafio5 {
    background-color: #e73163;
    padding: 0% 12%;
    border-radius: 50px;
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 1.2em;
    color: #ffffff;
}



	
/*margen superior boton slider3 mobile*/
.boton-play {
    width: 100%;
    margin: 9% 0% 0% 0%;
    display: flex;
}
	
/* estilo boton slider3 rja*/
.carousel-inner img {
    max-height: 100%;
    margin: auto auto;
    max-width: 100%;
}

/*tamano boton boletin de la aventura*/
element.style {
    background-color: #57A95E !important;
    border: none;
    width: 60%;
    font-family: 'GothicBold';
    font-size: 13px;
    border-radius: 10px;
    padding: 2%;
}

/*boton aventura mobile*/

button#video1mobile {
background-color:#57A95E !important; 
border:none; width:60%; 
font-family: 'GothicBold'; 
font-size: 14px; 
border-radius: 10px; 
padding:2%;
}

button#video2mobile {
    background-color: #57A95E !important;
    border: none;
    width: 60%;
    font-family: 'GothicBold';
    font-size: 13px;
    border-radius: 10px;
    padding: 2%;
    margin: 6px 0 0 0;
}

/*Contenedor galeria*/	
div#myCarousel1 {
    width: 100%;
}	
	
/* estilos de los textos de las galerias*/
div#aparecer {
    width: 100%;
    height: 20vh;
    background-color: #e5006778;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

div#aparecer2 {
    width: 100%;
    height: 20vh;
    background-color: #65c3007a;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

div#aparecer3 {
    width: 100%;
    height: 20vh;
    background-color: #e5b8007a;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

div#aparecer4 {
    width: 100%;
    height: 20vh;
    background-color: #2ba2e482;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}


/*ancho caja de texto mobile*/

/*contenedor texto banner1*/
.caja-txt-banner1 {
    width: 100%;
    padding-top: 2.5%;
    padding-left: 3%;
}
	
.caja-txt-banner2 {
    padding: 6% 5%;
    width: 100%;
}
	
.caja-txt-banner3 {
    position: absolute;
    right: 0;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    display: flex;
}	


/*------------------------------------ fin del estilo mobile----------------------------------------------------*/

}

@media (max-width: 767px){

/*ancho bootn de play mobile*/
img.alignnone.size-full.wp-image-939.centrar {
    width: 70px;
}   

/*texto final slider3 mobile*/
h5.cuartoTitulo {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0 0 0 10px;
}

/*texto barra amarilla*/
h4.tercerTitulo {
    font-family: Poppins;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    margin-left: 5%;
    color: #ffffff;
    padding: 1% 0% 0% 0%;
    background-color: #f8b114;
    margin-bottom: 0px;
    border-radius: 30px;
}

/*texto secundario slider3*/
h3.subtituloSlider3 {
    /* font-family: Gloria; */
    font-size: 1.2em;
    font-weight: 200;
    font-family: 'Poppins';
    margin: 0px;
    text-align: center;
    color: #ffffff;
}


/*titulo principal slider1 rja*/
h1#titleBanner1 {
    font-family: GothicBold;
    color: #11437f;
    font-size: 2em;
    line-height: 1em;
    margin: 0px 5%;
}


/*parrafo slider1 rja*/
p.textoPrincipal {
    font-family: GothicRegular;
    color: #575756;
    font-size: 1.5em;
    line-height: 1.1em;
    padding: 4.5%;
    text-align: justify;
}

/*titulo principal slider2*/
h2.descubrelos {
    color: #10447f;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding: 0 0% 0% 0%;
}

/*titulo slider3 rja*/
h2.tituloSlider3 {
    font-size: 0.7em;  
}

/*subtitulo slider2*/
h3.mirael {
    font-family: GothicBold;
    color: #2baae2;
    font-size: 1.2em;
    line-height: 1em;
    margin: 2% 0 0 0;
    text-align: center;
    padding: 0 0 0 0%;
}

/*texto principal slider3*/
h2.tituloSlider3 {
    font-size: 1.5em;
}

}