@charset "utf-8";



@font-face {
 font-family: 'knicknack';
  src:  url("../fonts/knicknack-regular.woff2") format('woff2');
}

@font-face {
 font-family: 'quicksand-light';
  src:  url("../fonts/quicksand-300.woff2") format('woff2');
}

@font-face {
 font-family: 'quicksand-semibold';
  src:  url("../fonts/quicksand-regular.woff2") format('woff2');
}
@font-face {
 font-family: 'quicksand-bold';
 src:  url("../fonts/quicksand-700.woff2") format('woff2');
}
@font-face {
 font-family: 'poppins-700';
 src:  url("../fonts/Poppins-700.woff2") format('woff2');
}
@font-face {
 font-family: 'poppins-800';
 src:  url("../fonts/Poppins-800.woff2") format('woff2');
}
@font-face {
 font-family: 'poppins-900';
 src:  url("../fonts/Poppins-900.woff2") format('woff2');
}

:root {
		--col-data:  ;
		--col-light:;
		--col-dark: ;
		--font-family: 'quicksand-light', sans-serif;
		--font-family2: 'quicksand-semibold', sans-serif;
		--font-family3: 'quicksand-bold', sans-serif;
		--font-family4: 'knicknack', sans-serif;
		--font-family5: 'poppins-700', sans-serif;
		--font-family6: 'poppins-800', sans-serif;
		--font-family7: 'poppins-900', sans-serif;
		--font-xsss: clamp(0.02rem, calc(1rem + 0.1vw), 0.8rem);
		--font-xss: clamp(0.1rem, calc(1rem + 0.1vw), 1.4rem);
		--font-xs: clamp(0.2rem, calc(1.1rem + 0.2vw), 1.7rem);
		--font-sm: clamp(1.42rem, calc(1.24rem + 0.9vw), 1.88rem);
		--font-md: clamp(1.89rem, calc(1.53rem + 1.8vw), 2.81rem);
		--font-lg: clamp(2.52rem, calc(1.85rem + 3.32vw), 4.22rem);
  		--font-xl: clamp(3.35rem, calc(2.19rem + 2.8vw), 6.33rem);  
  		--font-xxl: clamp(6.35rem, calc(4.19rem + 8.8vw), 10.33rem);  
		--padding-xl: clamp(3.35rem, calc(2.19rem + 111.8vw), 6.33rem); 
		--padding-xll: clamp(4.35rem, calc(2.99rem + 141.8vw), 8.33rem); 
		
}
/*width: 100px;height: 100px;bottom: 1%;position: fixed;z-index: 800;left: 0%;*/
.fasinadito  {}

.fasinadito a {position: absolute;  width: 200px;  height: 200px;  bottom: 0px;}

#myInteractiveGif {display: none}
.accion a     {position: relative;    top: 70px;}
.paddingtop200     { padding-top: 200px}
.ninoavionmedia767, .nina-con-cometamedia767 { display: none}
.fijado-top {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: white; /* o el color que desees */
  padding: 10px 20px;
  transition: all 0.4s ease;
}

.header-interno{
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

footer {    z-index: 1;    position: relative;    padding-bottom: 150px;    display: block; }
.footerseccion {  padding-top: 180px}
.counter-section {
    height: 100vh; /* Para que esta sección ocupe toda la pantalla y el contador esté visible */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
    padding: 20px;
    box-sizing: border-box;
}
.titularhome {    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;}

#counter, #counter2, #counter3  {
    font-size: 1em; /* Tamaño grande para el número */
    font-weight: bold;
    color: white; /* Color blanco como en tu imagen */
    margin: 0;
    padding: 0;
}

.counter-section p {
    font-size: 1.5em;
    margin: 5px 0;
}


.h800 { height: 800px}

.cuatroporciento{background-image: url('../imagenes/cuatroporciento.jpg');
 background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 880px;
	width: 100%;
       }
.section-padding-100 {
   padding-top: 100px;    padding-bottom: 100px; position: relative
}



.section {position: relative; display: block; /*height: 100%*/}


.w-full{ width: 100%}

.h-full{height: 100%}
.evento2 {opacity: 0}
.nube1header{position: absolute; top: -519px; right: -107px;}

.header {
	background-image: url('../imagenes/fondo-nube-menu.svg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 160px;
        display: flex;
        justify-content: center;
        align-items: center;
}

.text-align-justify{
	text-align: justify;
}

body{margin: 0px}

body, html{height: 100%}

.header1{
	position: absolute;
	/*position: fixed;*/
    z-index: 111111;
    width: 100%;
    display: block;
    top: 0px;
    transition: all 0.5s;
}
.header2{
	position: absolute;
	/*position: fixed;*/
    z-index: 111111;
    width: 100%;
    display: block;
    top: 0px;
    transition: all 0.5s;
}


.header-top{top: 100px !important;}

section.trigger {
    background: rgb(16, 155, 255);
   
}

.contentmenu {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;}

.seccionesmenu{ display: flex;
            gap: 40px;
            list-style: none;
            margin: 0;
            padding: 0;
            font-family: sans-serif;
            font-size: 15px; top: 0px
}
nav{width: 100%;}

.logofascinarm {
	width: 100%;
    position: relative;
    margin: auto;
    max-width: 150px;
    display: flex;
	 /*   top: 23px;*/
}


.centrarmenu {
	 display: flex; justify-content: center;
}


header li a{	font-family: var(--font-family3);     /*font-weight: 900;    -webkit-text-stroke-width: thin;*/}

header li a{
	font-family: var(--font-family2)
}

.font-family2{ font-family: var(--font-family2) !important} 
.font-family5{ font-family: var(--font-family5)}
.font-family6{ font-family: var(--font-family6)}
.font-family7{ font-family: var(--font-family7)}

.cajacontenedora1 span{font-size: 80px; color: #fff; font-family: var(--font-family4); width: 400px;    line-height: 75px;}

.boton-conocenos {
	width: 215px;
    height: 45px;
    background-color: #ff9900;
    border-radius: 21px;
}


.nube2portada {
	position: absolute;
    top: 561px;
    right: -113px;
	z-index: 1; min-width: 800px;
}

.nube1portada {
	position: absolute;
    z-index: 2;
    top: 575px;
	right: -73px;
}
.nube11portada {
	position: absolute;
    z-index: 2;
    top: 575px;
	right: -73px;
}



.seccion1, .seccion3 {
    height: 100vh;
   
   /* position: relative;*/
    /*overflow: hidden;*/
}
.seccion2{
    width: 100vw;
   /* position: relative;*/
    /*overflow: hidden;*/
}

.h-100{height: 100%}

.grid-centrar{	
	display: grid;
    justify-content: center;
    justify-items: center;
    align-content: center;
	
}

.contenedorpalabras {position: relative;    display: block;    width: 60%;    height: 250px; top: 100px; left: 10%}

.contenedorpalabras * a {position: relative; display: block; top: 75px;}
.contenedorboton {position: absolute;    bottom: 0px;}


.text-boton {
	font-size: var(--font-xs);
	color: #FFFFFF;
}

.font-family3{font-family: var(--font-family3) !important;}
.font-family4{font-family: var(--font-family4) !important;}
.font-family{font-family: var(--font-family) !important;}

.ninoavion {
	position: absolute;
    top: auto;
	animation: movedown2 3s infinite linear alternate;
	animation-timing-function: ease-in-out;
}

.ninoavionmedia767 {
    position: absolute;
    top: 12%;
    animation: movedown2 3s infinite linear alternate;
    animation-timing-function: ease-in-out;right: 6%
   /* width: 167px;*/ 
}

.nina-con-cometa {
	position: absolute;
    top: 34%;
    width: 394px;
    right: 392px;
	animation: movedown2 6s infinite linear alternate;
}

.ninoavion,
.nina-con-cometa,
.nube2portada {
  max-width: 100%;
  height: auto;  /* mantiene proporción */
}

.nina-con-cometamedia767 {
/*position: absolute;*/
    bottom: 50%;
    animation: movedown2 3s infinite linear alternate;
    animation-timing-function: ease-in-out;right: 20%; z-index: -1
   /* width: 339px;*/
    
}

.fondoformato {
	background-color: #fffef8;
	border-radius: 80px 80px 0px 0px;
}
.fondoformato2 {
	background-color: #fffef8;
	border-radius: 30px;
}

.font-xxl{font-size: var(--font-xxl) !important;}
.font-xl{font-size: var(--font-xl) !important;}
.font-lg{font-size: var(--font-lg) !important;}
.font-md{font-size: var(--font-md) !important;}
.font-sm{font-size: var(--font-sm) !important;}
.font-xs{font-size: var(--font-xs) !important;}
.font-xss{font-size: var(--font-xss) !important;}
.font-xsss{font-size: var(--font-xsss) !important}

.titulomorado {
	color: #c990fc;
	display: flex;
	justify-content: center;
	text-align: center;
}

.bgceleste {
	background-color: rgb(113, 201, 255); margin: -1px;
}


.p-top-100{
	padding-top: 100px;
}
.p-top-50{
	padding-top: 50px;
}
.azultexto {
	color: #1976d2;
}

.nubesjuntas {
	position: absolute;
    top: 92%;
    right: -122px;
    width: 1300px;
}

.w-80 {
	width: 80% !important;
}

.w-90 {
	width: 90% !important;
}

.tituloservicio {
    color: #ff9900;
    display: flex;
    justify-content: flex-start;
}
.titulonoticias {
    color: #28ccdd;
    display: flex;
	justify-content: center;
    
}



.lapiz {
	position: absolute;
    bottom: -11px;
    width: 103px;
    left: -31px;
    animation: movedown 3s infinite linear alternate;
}

@keyframes movedown {
    0% {
      -webkit-transform: translate(0);
      transform: translate(0);
    }
    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes movedown2 {
    0% {
      -webkit-transform: translate(0);
      transform: translate(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}


	
.header-appear {height: 73px !important}
	
.header-appear .navbar.top-center-logo {
    position: fixed;
    top: 0;
   
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    justify-content: center;
}

.header-appear #logo img {	display: block;   width: 78%;}

.libro {
	position: absolute;
	top: 20px;
    width: 150px;
    left: 169%;
	animation: movedown 3s infinite linear alternate;
}

.maletin{
    top: 80px;
    width: 150px;
    left: 87%;
    position: absolute;
    animation: movedown 5s infinite linear alternate;
}

.escuadra{top: 80px; width: 150px; left: 87%; position: absolute; animation: movedown 3s infinite linear alternate;}

.logofondo {
	position: absolute;
    top: 0;
    z-index: -1;
}

.nubeopacidad1 {
	width: 450px;
    position: absolute;
    top: 19%;
}

.conoce-mas {
	background-color: #ff9900 !important;
	border-radius: 56px;
	color: #FFFFFF !important;
	
}

.conoce-mas2 {
	background-color: #28ccdd !important;
	border-radius: 56px;
	color: #FFFFFF !important;
	
}

.conoce-mas:hover{
	background-color: #125ea6 !important;
}

.typing-indicator::after {
    content: '|';
    position: relative;
    bottom: 0;
    left: 0;
    animation: blink 0.5s infinite alternate;
}

.typing-indicator {


  margin: 0 auto;
  position: relative; /* Posición relativa para el indicador */
}

.typing-indicator::after {
  content: '|'; /* Indicador de escritura */
  position: relative;
  bottom: 0;
  left: 0;
  animation: blink 0.5s infinite alternate; /* Animación de parpadeo */
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.chicocontratanos {
	width: 100%;
}

.celestetexto {
	color: #28ccdd;
}

.actividadesimg {
	border-radius: 60px;
	margin-top: 40px;
}

.espacio {
	padding: 60px;
}


/**************************************************************CARRUSEL*/



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


    .carousel {
      position: relative;
      width: 100%;
      max-width: 100%;
      height: 800px;
     /* overflow: hidden;*/
      border-radius: 10px;
    }

    .carousel-inner {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.5s ease-in-out;
    }

    .carousel-item {
      flex: 0 0 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      position: relative;
    }

    .text-content {
    position: absolute;
    bottom: 65px;
    left: 15%;
    transform: translateX(-50%);
    text-align: left;
    color: black;
    padding: 10px 20px;
    border-radius: 12px;
    }



    .nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: none;
      border: none;
      font-size: 2rem;
      color: white;
      cursor: pointer;
      z-index: 1;
      padding: 10px;
      user-select: none;
    }

    .prev {
      left: 35px;
    }

    .next {
      right: 35px;
    }



.nubeslidebot {
	position: absolute;
    bottom: -75px;
}

.nubeslidetop {
	position: absolute;
    z-index: 1;
	top: -65px;
}

.carousel-thumbnails {
      display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    position: relative;
    z-index: 18;
}

.carousel-thumbnails img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.3s ease;
  border: 2px solid transparent;
}

.carousel-thumbnails img.active {
  opacity: 1;
  border-color: #007bff;
  transform: scale(1.1);
}




/**************************************************************/


.cuadrointercambio {
	width: 18px;
    height: 18px;
    background: #71c9ff;
    border-radius: 16px;
	margin: 10px;
	cursor: pointer;
}
.cuadrointercambio2 {
	width: 18px;
    height: 18px;
    background: #71c9ff;
    border-radius: 16px;
	margin: 10px;
	cursor: pointer;
}

#slide2, #slide3 {
  display: none;
}

#slide1.active, 
#slide2.active, 
#slide3.active {
  display: block;
}

#somos2, #somos3 {
  display: none;
}

.dotssomos {margin-top: -150px;}
#somos1.active, 
#somos2.active, 
#somos3.active {
  display: block;
}

/*#somos1, #somos2, #somos3 {  margin-top: -80px;    display: flex;    align-items: center;    height: 100%;}*/
	

	
/* Submenú de "Galletería" */
.cuadrointercambio.active {
    background-color: #0b3ba8;
}
	


	
.cuadrointercambio:hover {
    transition: background-color 0.3s;
	background-color: #0b3ba8;
}
.cuadrointercambio2.active {
    background-color: #0b3ba8;
}
	


	
.cuadrointercambio2:hover {
    transition: background-color 0.3s;
	background-color: #0b3ba8;
}
/*edu*/
.contratanoscuadro {
	position: relative;
    width: 119%;
    height: 100%;
    object-fit: contain;
    left: calc(-2.5 * 1vw);
    top: calc(-4.5 * 1vw);
}


.footer {
	
}



.footerseccion {
	/*height: 840px;*/
	/*background-image: url('../imagenes/footer.svg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
      
        display: flex;
        justify-content: center;
        align-items: center;*/
}

.nubesfooter {
	position: absolute;
	bottom: 0px;
}

.imgfooter {
	    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 21% 15%;
    z-index: -1;
	
}

.logofascinarmfooter {
	width: 170px; margin-bottom: 20px;    margin-left: -11px;
}

.iconosredes {
	width: 30px;
	padding: 5px;
	text-decoration: none;
}

.footerseccion * h1{
	color: #1976d2
}

.footerseccion * a, p{
	text-decoration: none !important;
	color: #161616;
}

.anuncio-en-articulos {
	height: 800px;
	background-color: blue;
	border-radius: 80px;
}

.fondoformato3{ 
    background-color: #fffef8;
    border-radius: 80px;
}




.nubesfondo {
	position: absolute;
    opacity: 0.1;
}



.azultitulares {
	color: #044495;
}

.somos-el4 {
	color: #69d000;
	font-size: 150px;
}

.pad-bot-15 {
	padding-bottom: 15px;
}

.boton {
		width: 215px;
    height: 45px;
    background-color: #69d000;
    border-radius: 12px;
}

.cuadros {
	height: 20px;
    width: 40px !important;
	background-color: #69d000;
	border-radius: 7px;
}

.fondodetalles {
	background-image: url("../imagenes/fondodetalles.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 1100px;
}

.evento3 .fondodetalles2 {
	background-image: url("../imagenes/fondodetalles.png");
	background-repeat: repeat;
	width: 100%;
	height: 1100px; /*background-position-x: 209%;*/
	/*animation: nubes 11s infinite linear;*/
	
}

@keyframes nubes {
    0% {
	background-position: center 0%;
   
    }
    50% {
     background-position: center 3000%;
    }
    100% {
    background-position: center 6000%;
    }
}

.color-text-detalles {
	color: #1976d2;
}

.polaroid2 {
	position: absolute;
    right: 117px;
	width: 370px;
	top: 60px;
	
}

.polaroid1 {
	position: absolute;
    bottom: 157px;
	width: 370px;
	
	left: -500px;
}

.nube1 {
	position: absolute;
	left: -271px;
    width: 1400px;
	z-index: 3;
}
.nube1b {
	position: absolute;
	width: 1400px;
    right: -200px;
	bottom: 66px;
	z-index: 7;
}
  
.nube2 {
	position: absolute;
	width: 1400px;
    right: -253px;
	z-index: 4;
}
.nube2b {
	  position: absolute;
    width: 1400px;
    left: -86px;
    bottom: 304px;
    z-index: 6;
}

.nube3 {
	position: absolute;
	width: 1400px;
    top: 102px;
	z-index: 6;
}
.nube3b {
	position: absolute;
    width: 1400px;
    z-index: 5;
    bottom: 30px;
    left: -201px;
}

.polaroid4 {
	position: absolute;
	width: 400px;
    top: 69px;
    right: 310px; z-index: -1
	
}

.polaroid3 {
	position: absolute;
	left: 0;
    bottom: 378px;
    width: 378px;
	
}

.polaroid5 {
	position: absolute;
    bottom: 0;
    right: 85px;
	width: 380px;
	
}

.contenedorcifras {
	margin-top: -150px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fotonoticia {
	width: 100%;
	
	/*padding-bottom: 20px;*/
}

.noticias {
	/*background-image: url("../imagenes/fondonoticias.jpg");
	background-repeat: no-repeat;*/
	width: 100%;
	/*height: 1200px;*/
	background-color: #f5f5f5;
}

.place-center {
	place-items: center;
}

.contenedor-donaciones {
	width: 100%;
	height: 1350px;
	background-image: url("../imagenes/contenedor-donaciones.jpg");
	background-repeat: no-repeat;
	background-position: center; background-size: cover;
}

.grid-centrar-izquierda {
		
	display: grid;
    justify-content: center;
    
    align-content: center;

}

.nubes-centradas {
	display: flex;
    align-items: center;
    justify-content: center;
}

.fotonoticia2 {
	width: 100%;
	
	/*padding-bottom: 20px;*/
}

.polaroid6 {
	position: absolute;
	left: 0;
    top: 18%;
    width: 400px;
	
}

.polaroid7 {
	position: absolute;
	width: 440px;
    top: 52%;
    right: 310px; z-index: -1
	
}

.polaroid8 {
	position: absolute;
    bottom: 0;
    right: 85px;
	width: 400px;
	
}

.titulonoticias::after{
	content: "";
    position: absolute;
    width: 116%;
    height: 5px;
    background-color: #28ccdd;
    bottom: -2px;
    border-radius: 10px;
}



.active{
	color: #1976d2 !important;
}
.imagenactiva2:hover {
        filter: invert(7) sepia(7) saturate(10016%) hue-rotate(529deg) !important;
}

.scrollindicador {
	position: absolute;
    left: -20px;
    top: 50%;     text-align: center;
}
.divscroll {
transform: rotate(-180deg);
    writing-mode: vertical-rl;
    letter-spacing: 4px;
    font-size: 12px;
    color: white;
}


.avionsito {
	position: absolute;
    width: 100%;
    top: -7px;
}

.texto-li-centrado {
	margin: auto;
    text-align: center;
	padding: 0;
}

.sub {
	border-bottom: 1px solid
}

.menu2 {
	display: grid;
    justify-content: start;
    justify-items: start;
}

.menu2 a{
	padding: .5rem 0rem;
}

.textmenu2titular {
	font-size: var(--font-xs) !important;
}

.blanco{
	color: #FFFFFF !important;
}

.degradeazul
{
  background : -moz-linear-gradient(42.09% 13.4% -71.3deg,rgba(4, 68, 149, 1) 0%,rgba(8, 73, 153, 1) 15.49%,rgba(19, 87, 164, 1) 33.29%,rgba(38, 110, 182, 1) 52.24%,rgba(65, 142, 208, 1) 71.98%,rgba(98, 183, 241, 1) 92.14%,rgba(113, 201, 255, 1) 100%);
  background : -webkit-linear-gradient(-71.3deg, rgba(4, 68, 149, 1) 0%, rgba(8, 73, 153, 1) 15.49%, rgba(19, 87, 164, 1) 33.29%, rgba(38, 110, 182, 1) 52.24%, rgba(65, 142, 208, 1) 71.98%, rgba(98, 183, 241, 1) 92.14%, rgba(113, 201, 255, 1) 100%);
  background : -webkit-gradient(linear,42.09% 13.4% ,83.15% 203.43% ,color-stop(0,rgba(4, 68, 149, 1) ),color-stop(0.1549,rgba(8, 73, 153, 1) ),color-stop(0.3329,rgba(19, 87, 164, 1) ),color-stop(0.5224,rgba(38, 110, 182, 1) ),color-stop(0.7198,rgba(65, 142, 208, 1) ),color-stop(0.9214,rgba(98, 183, 241, 1) ),color-stop(1,rgba(113, 201, 255, 1) ));
  background : -o-linear-gradient(-71.3deg, rgba(4, 68, 149, 1) 0%, rgba(8, 73, 153, 1) 15.49%, rgba(19, 87, 164, 1) 33.29%, rgba(38, 110, 182, 1) 52.24%, rgba(65, 142, 208, 1) 71.98%, rgba(98, 183, 241, 1) 92.14%, rgba(113, 201, 255, 1) 100%);
  background : -ms-linear-gradient(-71.3deg, rgba(4, 68, 149, 1) 0%, rgba(8, 73, 153, 1) 15.49%, rgba(19, 87, 164, 1) 33.29%, rgba(38, 110, 182, 1) 52.24%, rgba(65, 142, 208, 1) 71.98%, rgba(98, 183, 241, 1) 92.14%, rgba(113, 201, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#044495', endColorstr='#71C9FF' ,GradientType=0)";
  background : linear-gradient(161.3deg, rgba(4, 68, 149, 1) 0%, rgba(8, 73, 153, 1) 15.49%, rgba(19, 87, 164, 1) 33.29%, rgba(38, 110, 182, 1) 52.24%, rgba(65, 142, 208, 1) 71.98%, rgba(98, 183, 241, 1) 92.14%, rgba(113, 201, 255, 1) 100%);
  opacity : 0.85;
  filter: alpha(opacity=85) progid:DXImageTransform.Microsoft.Alpha(opacity=85) progid:DXImageTransform.Microsoft.gradient(startColorstr='#044495',endColorstr='#71C9FF' , GradientType=1);
}

.senal-despliegue {
	padding-right: 5px;
}

.titulosubpagina::after {
  content: "";
  width: 10%;
  position: absolute;
  background: #1976d2;
  height: 8px;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
}


.titulosubpagina2::after {
  content: "";
  width: 10%;
  position: absolute;
  background: #ff9900;
  height: 8px;
  bottom: -11px;
  left: 0%;
  /*transform: translateX(-50%);*/
  border-radius: 10px;
}

h3.titulosubpagina {
  position: relative;
}
.titulosubpagina3::after {
    content: "";
    width: 10%;
    position: absolute;
    background: #1976d2;
    height: 8px;
    bottom: -11px;
    left: 0;
    border-radius: 10px;
    
}

.naranjatexto{color: #ff9900;}

.espaciocorto {
	padding: 15px;
}

.mascara {
	/*width: 540px;*/
	height: 423px;
	background-image: url("../imagenes/cei-img2.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	border-radius: 10px;
}

.mascara2 {
	/*width: 540px;*/
    height: 605px;
   
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
}

.borderliterales::before{
	    content: "";
    width: 7px;
    position: relative;
    background: #ff9900;
    height: auto;
    left: -20px;
    border-radius: 10px;
    top: 0px;
    display: block;
    bottom: 0px;
    align-self: center;
    float: left;
    min-height: 150px;

	
	/*content: "";
    width: 10px;
    position: absolute;
    background: #ff9900;
    height: 100%;
  	left: -4px;
    border-radius: 10px;
    top: 0px;*/
}


.align-center {
	align-content: center;
    align-items: center;
}

.botonazul {
	margin: 0;
    background-color: #1976d2;
    padding: 6px 16px;
    border-radius: 27px;
	transition: 0.3s;
}

.botonazul:hover {
	cursor: pointer;
	text-decoration: none !important;
	transform: scale(1.1);
  	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	transition: 0.3s;
}

.boton-naranja {
	margin: 0;
    background-color: #ff9900;
    padding: 6px 16px;
    border-radius: 27px;
	transition: 0.3s;
}

.boton-naranja:hover {
	cursor: pointer;
	text-decoration: none !important;
	transform: scale(1.1);
  	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	transition: 0.3s;
}

.comotrabajamos p{
	padding: 20px;
    text-align: justify;
}


.espacio8{ padding: 8%;}

.parabordeimg {
	position: absolute;
    top: -31px;
    left: -38px;
    z-index: 11;
}

.parabordeimg2 {
	position: absolute;
    top: -31px;
    right: -38px;
    z-index: 11;
}

.muneco-whatsapp{
    position: fixed;
    width: 120px;
    bottom: 34px;
    z-index: 12;
    left: 51px; z-index: 1111;
	
}


a:hover{
	text-decoration: none !important;
}

img{	border-radius: 10px;}

.enlace-publicidad img{	border-radius: 0px !important}

.m-bot-25{
    margin-bottom: 25px;
}


.rayita::before{
	content: "";
    width: 14px;
    position: absolute;
    background: #ffffff;
    height: 3px;
    left: 0;
    top: 50%;
}





.logoen-nube {
	position: absolute;
	width: 300px;
	bottom: -18px;
	right: -28px;
}


.mascara-noticias {
	width: 100%;
    height: 304px;
    overflow: hidden;
    display: flex;
    justify-content: center;
	border-radius: 10px;
}


.sub2{min-width: 266px;}
.sub2 a{    padding: 20px 18px;}

.mascara-noticias-vertical {
	overflow: hidden;
    border-radius: 10px;
    height: 304px;
    display: flex;
    align-items: center;
}


/***************publicidad*******************/
.publicidad-banner-izquierda {
  position: absolute;
  left: 81px;
  top: -268px;
  width: 230px;
  height: 750px;
  z-index: 999;
  }

.publicidad-banner2 {
   	position: absolute;
    right: 10px;
    top: 270px;
    width: 180px;
    z-index: 999;
  }

.publicidad-banner2 img {
  width: 100%;
  height: auto;
  display: block;
}

.publicidad-banner {
	position: absolute;
    right: 50px;
    top: 19%;
    width: 180px;
    height: 750px;
    z-index: 999;
	/*display: none;*/
	
 /* position: absolute;
  right: 113px;
  top: -268px;
  width: 180px;
  height: 750px;
  z-index: 999;*/
  }

.publicidad-banner img {
  width: 100%;
  height: auto;
  display: block;
}

.cerrar-banner {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  background-color: #71c9ff;
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  transition: background-color 0.2s ease;
  border: 1px solid #71c9ff;
}

.cerrar-banner:hover {
    background-color: #bfbfbf;
    border: none;
    color: #161616;
}


/*************publicidad top************/

#top-banner {
  width: 100%;
  height: auto;
  /*background-color: red;*/
  overflow: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  position: relative;
  
}

#top-banner img {
  width: 100%;
  height: auto;
  
}
/************************************/
.contenedorpara-publi {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%; 
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.activar-banner {top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; display: block; }
/************************************/

.publicidad-banner.visible {
  opacity: 1;
  pointer-events: all;
}


.img-noticia {
  width: 100%;
  height: 100%; /* ajusta según tu diseño */
  object-fit: cover;
  border-radius: 10px;
}

.contenedoricon-contact {
	width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.imagen-principal {
	width: 100%;
    height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.selected{color: #1976d2;}
.selected2{background-color: #0e61b3;}

.colornegro{color: #333}
.colorblanco{color: #fff !important}

.sub2 li a:hover{color: #FFFFFF !important }

.seccionesmenu li a:hover{color: #1976d2;}

.margin-top{margin-top: 50px !important}

.dato2 {z-index: 2}

.iconosredes i:hover{
	transition: 0.3s;
	color: #1976d2;
	transform: scale(1.4);
}

.espacioen767{display: none}


.footerresponsive p a:hover{
	color: #1976d2;font-weight: bolder;
}

.compce{
	color: #161616;
	text-decoration: none;
}

.compce:hover{
	color: #1976d2;font-weight: bolder;
}
.compce:hover:before {
    width: 100%;
}
.compce:before {
    background-color: #0CA0C4;
}

.compce:before {
    content: "";
    width: 0;
    height: 2px;
    background-color: #1e79d3;
    position: absolute;
    bottom: -3px;
    -webkit-transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
    transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}

.img-publicidad {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  object-fit: cover;
}


.espacio-desaparece {
	padding: 60px;
}
@media(max-width: 1500px){
	
	.nina-con-cometa {   right: 150px}
	#publicidad-banner{display: none}
	.carousel {  height: 650px;  }
	.publicidad-banner2 {    right: 40px;}
	.noticiasresponsive {margin-left: 2%; width: 65% }
	footer {    padding-bottom: 220px;}
	.footerresponsive {  top: 100px;    position: relative;}
	.grid-centrar2 { justify-content: start !important}
	.marginleftresponsive { margin-left: 1%}
	.polaroid1 {top: -80px}
	.polaroid2 {top: -100px}
	.polaroid3{top: 50px}
	 .polaroid4 {top: -100px}
	.polaroid5 {top: 65%}
	.cajacontenedora1 span {    font-size: 65px;        line-height: 65px;}
	}

@media(max-width: 1350px){
	.logofascinarm {    left: 20px;}
	.publicidad-banner{ right: 10px; width: 160px;}
	.polaroid1, .polaroid2{width: 320px }
	.polaroid3, .polaroid4, .polaroid5, .polaroid6, .polaroid7{width: 350px }
	.logofondo{width: 254px; left: -17px;}
	.nubeslidebot {bottom: -30px;}
	.nubeslidetop {top: -32px;}
	.publicidad-banner2 {    right: 10px;}
	
	.carousel{height: 600px}
	.contenedor-donaciones {height: 850px; display: flex; align-items: center; flex-direction: row;}
	.contenedor-donaciones * img { width: 250px}
	.noticias { padding-bottom: 100px}
	.cuatroporciento{        height: 800px !important;       }
}

@media(max-width: 992px){
	
	  .ninoavionmedia767 {
		width: 30%;
        right: 0;
        height: auto;
  }
  .nina-con-cometamedia767 {
            width: 35%;
        right: auto;
        left: 41%;
        height: auto;
        position: relative;
        bottom: 0px;
  }
 .nube2portada {
        position: absolute;
        bottom: -80px;
        right: -113px;
        z-index: 1;
        min-width: 800px;
        top: auto;
}
	
	.seccion1 {    z-index: 2 !important;    position: relative;}
	
	.displaynone767 { display: none}
	.ninoavionmedia767, .nina-con-cometamedia767 { display: block}
	
	.color-text-detalles { line-height: 24px; text-align: center;}
    .polaroid3 {   display: none;    }
	.polaroid5 {        top: 67%;        width: 250px;        right: 20% !important;        float: right;        left: auto !important;}
	.polaroid1 {top: 15%;        z-index: 1;        width: 250px; animation: none;   right: 20% !important;        float: left;        left: auto !important;}
	.polaroid2 {top: 169px;        z-index: -1;        width: 280px; animation: none}
	.polaroid3{top: 50px;  width: 250px;}
	 .polaroid4 {top: 13%;  width: 250px; right: auto !important}
	.polaroid6 {        top: 67%;        width: 250px;        right: 20% !important;        float: right;        left: auto !important;}
	.polaroid7 {top: 14%;  width: 250px;  right: auto !important}
	.margintop100r {margin-top: 100px}
	.desaparecermenu{display: none;}
	.libro {top : -60px}
	.escuadra { top:170px}
	.maletin { top:228px}
	.lapiz { bottom:-134px}
	.logofascinarm{top: -8px; left: 10px;}
	.nubeslidebot {bottom: -20px;}
	.nubeslidetop {top: -5px;}
	.header-appear .navbar.top-center-logo {height: 120px !important;}
	.header-appear .side-nav-btn {top: -10px;}
	.muneco-whatsapp {width: 100px;right: 10px;left: auto;}
	.espacio8 {padding: 120px;}
	.desaparecerseccion-menu{display: none !important;}
	.espaciocorto-aparece{padding: 15px;}
	.publicidad-banner, .publicidad-banner2 {display: none}
	
}

@media(max-width: 991px){
	.imagen-principal {height: auto;}
	.espacio-desaparece{display: none}
}

@media(max-width: 870px){
	.logoen-nube {width: 350px;}
}


@media(max-width: 767px){
	    .ninoavionmedia767 {
       right: 17%;
        height: auto;
        top: 20%;
    }
	    .nina-con-cometamedia767 {
        width: 54%;
        right: auto;
        left: 27%;
        height: auto;
        position: absolute;
        bottom: 48%;
    }
	.polaroid1 {top: 9%;  }
	.w-80 {    width: 90% !important;}
	.cuatroporciento * .h-autoo { height: auto !important}
	.cuatroporciento {  max-height: 100% !important    }
	.logofascinarmfooter {    width: 150px;  margin-left: -11px;}/*margin-bottom: 60px;*/
	   footer {        padding-bottom: 200px;    }
	.paddingfooter {padding: 20px;}
	    .footerresponsive {        top: 123px;        position: relative;    }
	.margincero { margin: 0px}
	.navbarrow  {    top: -10px;    position: relative;}
	.nina-con-cometa {    position: absolute;    top: -87%;    width: 500px;    right: 50px;    animation: movedown2 6s infinite linear alternate;}
	.ninoavion { display: none}
	.contenedorpalabras {    top: 40px;  }
	
	.logofascinarm {    width: 84%;    top:0px}
	.header {height: 110px }
.cajacontenedora1 span { font-size: 45px; line-height: 45px;  }
	.polaroid2 {display: none}
	.logofascinarm{margin: 0px; top: -2px;}
	.logofondo{top: -462px; left: -373px;}
	.muneco-whatsapp{width: 100px;right: 10px;left: auto;}
	.nube-izquierda{align-items: flex-end !important; width: 350px; display: flex; margin-bottom: 20px;}
	.nube-derecha{align-items: flex-start !important; width: 350px; display: flex;}
	.margin-responsive-35px{margin-bottom: 35px}
	.desaparecer{display: none !important;}
	.grid-centrar-izquierda{display: grid;justify-content: start;}
	.espacioen767{padding: 15px; display: block}
}


@media(max-width: 550px){
	.polaroid1, .polaroid2, .polaroid3, .polaroid4, .polaroid5, .polaroid6, .polaroid7, .lapiz, .libro, .escuadra, .nina-con-cometa { animation: none;}
.muneco-whatsapp {left: auto !important;}
	
}