@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap');
body {
	background-color: #FFFFFF;
	color: #414141;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 19px;
	position: relative;
	overflow-x: hidden;
	width: 100vw;
	max-width: 100vw;
}

h1, h2, h3, h4, h5, h6{
	padding: 0px;
	margin: 0px;
}
ul, li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}


/*TEXT WEIGHT*/
.txt-regular {
	font-weight: 400;
}
.txt-medium {
	font-weight: 500;

}
.txt-semibold {
	font-weight: 600;
}
.txt-bold {
	font-weight: 700;
}
.txt-black {
	font-weight: 900;
}



/*TEXT SIZE*/
.txts-12{
	font-size: 12px;
	line-height: 14px;
}
.txts-15{
	font-size: 15px;
	line-height: 18px;
}
.txts-16{
	font-size: 16px;
	line-height: 19px;
}
.txts-18{
	font-size: 18px;
	line-height: 22px;
}
.txts-20{
	font-size: 20px;
	line-height: 24px;
}

.txts-25{
	font-size: 25px;
	line-height: 30px;
}
.txts-25-programas{
	font-size: 25px;
	line-height: 30px;
}
.txts-30{
	font-size: 30px;
	line-height: 35px;
}
.txts-35{
	font-size: 35px;
	line-height: 40px;
}
.txts-40{
	font-size: 40px;
	line-height: 45px;
}
.txts-50{
	font-size: 50px;
	line-height: 55px;
}
.txts-50-banner{
	font-size: 50px;
	line-height: 55px;
}
.txts-25-banner{
	font-size: 25px;
	line-height: 29px;
}
.txts-60{
	font-size: 60px;
	line-height: 65px;
}
.txts-70{
	font-size: 70px;
	line-height: 70px;
}
.txts-80{
	font-size: 80px;
	line-height: 80px;
}



/*TEXT COLOR*/
.txt-negro-full{
	color: #000000;
}
.txt-negro{
	color: #414141;
}
.txt-blanco{
	color: #FFFFFF;
}
.txt-aqua{
	color: #3EB9C2;
}
.txt-azul{
	color: #0099D2;
}
.txt-naranja{
	color: #EC6B00;
}


/*BACK COLOR*/
.back-blanco{
	background-color: #FFFFFF;
}
.back-aqua{
	background-color: #3EB9C2;
}
.back-naranja{
	background-color: #EC6B00;
}
.back-naranja-medio{
	background-color: #FE922D;
}
.back-naranja-claro{
	background-color: #FEA860;
}
.back-marino{
	background-color: #303644;
}
.back-gris-claro{
	background-color: #F1F1F1;
}
.back-gris{
	background-color: #C5C5C5;
}





/*VARIAS*/
.clearfix{
	clear: both;
}
.izquierda{
	float: left;
}
.derecha{
	float: right;
}
.center-txt{
	text-align: center;
}
.center{
	position: relative;
	margin: 0px auto;
}
.derecha-txt{
	text-align: right;
}
.ancho-full{
	width: 100%;
}
.no-radius{
	border-radius: 0px !important;
}
.alig-izq-center{
	text-align: left;
}
.alig-der-center{
	text-align: right;
}
.alig-izq{
	text-align: left;
}
.seccion-mg-bottom{
	margin-bottom: 40px;
}
.esq-redonda{
	border-radius: 20px;
}


/*BOTONES*/




    /*overflow: hidden; /* Evitar desbordamiento del texto */
    /*white-space: nowrap; /* Evitar el salto de línea */
    /*text-overflow: ellipsis; /* Mostrar puntos suspensivos si el texto es demasiado largo */

.oni-btn, .oni-btn:hover{
	background-color: #EC6B00;
	color: #FFFFFF;
	font-size: 15px;
	line-height: normal;
	height: auto;
	min-height: 45px;
	line-height: 45px;
	height: 45px;
	font-weight: 500;
	text-align: center;
	border-radius: 10px;
	border: 0px;
	display: inline-block;
	width: fit-content;
	text-decoration: none;
	cursor: pointer;
	padding: 0px 20px;
}
.oni-btn.oni-btn-doble, .oni-btn.oni-btn-doble:hover{
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 500;
}
.oni-btn.oni-btn-ancho{
	padding: 0px 40px;
}

.oni-btn.btn-blanco{
	background-color: #FFFFFF;
	color: #414141;
}

.oni-btn.donar-tarjeta{
	width: 150px;
    float: right;
}

/*HEADER******************************/
/*MENU GRAL.*/
#oni-header{
	position: fixed;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 10;
	left: 0px;
	top: 0px;
}
#oni-header-back{
	height: 114px;
	position: relative;
	width: 100%;
}
#oni-menu ul{
	text-align: center;
	width: 100%;
	padding-top: 40px;
    margin-bottom: 10px;
}
#oni-menu ul li{
	display: inline-block;
	width: 15%;
}
#oni-menu ul li#oni-logo{
	width: 20%;
	position: relative;
}
#oni-menu ul li#oni-menu-centros{
	width: 17%;
}

#oni-menu a{
	color: #505050;
	font-weight: 400;
	text-decoration: none;
	font-size: 18px;
	line-height: 18px;
}

#oni-bar-donar-gral{
	height: auto;
}
#oni-bar-donar-gral.fijar-pestanas{
	height: 0px;
	overflow: hidden;
}
#oni-header-cintilo{
	text-align: center;
}
.oni-header-cintilo-int{
	height: 45px;
    display: flex;
    /*justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}
.oni-header-cintilo-int p{
	margin-bottom: 0px;
	line-height: 22px;
}
#oni-header-dona{
	font-weight: 700;
	width: 190px;
}
#oni-logo-btn{
	background: transparent url('/images/oni.png') scroll no-repeat 0px 0px;
	background-size: contain;
	display: block;
    height: 47px;
    width: 173px;
    font-size: 0px !important;
    z-index: -99999;
    position: absolute;
    left: 0px;
    top: -47px;
    z-index: 1;
}

/*FOOTER***********************************************/
#oni-footer-logo{
	width: 220px;
    margin: 0px auto;
    position: relative;
    left: 50%;
    margin-left: -105px;
    margin-bottom: 50px;
}
#oni-footer{
	padding: 80px 0px;
}
#oni-footer-siguenos{
	padding-right: 20px;
}
.oni-footer-link-b, .oni-footer-link-b:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.oni-footer-link, .oni-footer-link:hover{
	color: #FFFFFF;
}
.oni-footer-link-btn, .oni-footer-link-btn:hover{
	background-color: #FFFFFF;
	color: #EC6B00;
	font-size: 15px;
	line-height: normal;
	height: auto;
	min-height: 45px;
	line-height: 45px;
	height: 45px;
	font-weight: 500;
	text-align: center;
	border-radius: 10px;
	border: 0px;
	display: inline-block;
	width: fit-content;
	text-decoration: none;
	cursor: pointer;
	padding: 0px 20px;
}
.oni-footer-link-btn.oni-btn-ancho{
	padding: 0px 40px;
}

.oni-footer-redes{
	margin-right: 10px;
	height: 35px;
	width: 37px;
	display: block;
	background-size: auto 35px;
	background-image: url('/images/redes.png');
	background-attachment: scroll;
	background-repeat: no-repeat;
	display: inline-block;
}
.oni-facebook{
	background-position: 0px 0px;
}
.oni-instagram{
	background-position: -46px 0px;
}
.oni-twitter{
	background-position: -97px 0px;
}
.oni-youtube{
	background-position: -149px 0px;
}
.oni-pinteres{
	background-position: -199px 0px;
}








/*BANNER*************/
#oni-banner{
	overflow: hidden;
}
#oni-banner .container-fluid{
	padding: 0;
	position: relative;
}
#oni-banner-img{
	background: transparent scroll no-repeat 0px 0px;
	background-size: auto 580px;
	height: 580px;
	width: 604px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.oni-banner-img{
	background: transparent scroll no-repeat 0px 0px;
	background-size: auto 580px;
	height: 580px;
	width: 604px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.oni-banner-img-extra{
	width: 90%;
}
.oni-banner-texto{
	position: absolute;
	bottom: 50px;
	left: 20px;
	right: 20px;
	text-align: left;
	z-index: 2;	
	display: flex;
	align-items: center;
}

#oni-banner picture img{
	width: 100%;
	height: auto;
}

.oni-banner-frente h1{
	margin-bottom: 20px;
}

.oni-banner-frente .txt-last{
	margin-bottom: 26px;
	color: black;
}

@media (min-width:768px){
	.oni-banner-texto{
		height: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
}



/*ESTADISTICAS******************************************************************/
#oni-estadisticas{
	background: rgb(62,185,194);
	background: linear-gradient(180deg, rgba(62,185,194,1) 0%, rgba(255,255,255,1) 90%);

	padding: 20px 0px 100px 0px;
}

#oni-estadisticas-1{
	margin-bottom: 40px;
	padding-left: 20px;
}




.oni-carrusel-estadisticas .item{
	width: 450px;
}


.oni-caja{
	border-radius: 20px;
	height: 450px;
	width: 100%;
	/*border-radius: 30px;
	height: 615px;
	width: 635px;*/

}
.oni-caja-1{
	background: transparent url('/images/home/caja-1.png') scroll no-repeat right 0px;
	background-size: cover;

}
.oni-caja-2{


	/*background: linear-gradient(to right, #A5E6EB 0%, #FFFFFF 25%);*/

	background: rgb(165,230,235);
	background: linear-gradient(90deg, rgba(165,230,235,1) 0%, rgba(255,255,255,1) 75%);
}
.oni-caja-3{
	/*background: transparent url('/images/home/caja-3.png') scroll no-repeat right 0px;
	background-size: cover;*/
}
.oni-caja-4{
	/*background: transparent url('/images/home/caja-4.png') scroll no-repeat right 0px;
	background-size: cover;*/
}
.oni-caja-int{
	height: 100%;
	width: 100%;
	display: block;
	padding: 40px 25px;
}

.oni-caja-1 .oni-caja-int{
	padding-top: 70px;
	padding-left: 40px;

}
.oni-caja-2 .oni-caja-int{
	background: transparent url('/images/home/caja-2.png') scroll no-repeat 225px bottom;
	background-size: 200px auto;
	padding-top: 70px;
}
.oni-caja-3 .oni-caja-int{
	padding-top: 40px;
}
#caja-3-img{
	margin: 25px auto 0px;
	width: 200px;
}
.oni-caja-4{
	background: #3EB9C2 url('/images/home/caja-4.png') scroll no-repeat right bottom;
	background-size: 100% auto;
}
.oni-caja-4 .oni-caja-int{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}
.oni-caja-4 .oni-caja-int .caja-lista{
	padding: 0px 0px 0px 20px;
	width: 300px;
}
.caja-lista li{
	list-style: disc;
}
#oni-caja-int-4-capa{
	background-color: #3EB9C2;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	top: 0px;
	z-index: 0;
	opacity: 0.3;
	border-radius: 20px;
}
.owl-theme .owl-dots .owl-dot span {
    background: #3EB9C2;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #EC6B00;
}




#oni-estadisticas-2{
	background-color: #FFFFFF;
	border-radius: 20px;
	padding-top: 40px;
}
#oni-estad-primeros{
	position: relative;
	margin: 0px auto;
	width: 245px;
}
#oni-estad-dias{
	position: absolute;
    left: 160px;
    top: 32px;
}
#oni-estad-vida{
	position: absolute;
	left: 160px;
	top: 65px;
}
#oni-esatdisticas-2-points{
	padding-top: 40px;
	margin-bottom: 60px;
}
.oni-estad-point{
	text-align: center;
	padding-top: 80px;
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: auto 70px;
	background-attachment: scroll;
	background-color: transparent;
}
.oni-point-1{
	background-image: url('/images/home/est-point-1.png');
}
.oni-point-2{
	background-image: url('/images/home/est-point-2.png');
}
.oni-point-3{
	background-image: url('/images/home/est-point-3.png');
	margin-bottom: 80px;
}
.oni-point-4{
	background-image: url('/images/home/est-point-4.png');
}
.oni-point-5{
	background-image: url('/images/home/est-point-5.png');
}



/*AYUDA*/
#oni-ayuda{
	padding-top: 100px;
	padding-bottom: 40px;
	position: relative;
}
#oni-ayuda-front{
	position: relative;
	z-index: 1;
}
#oni-ayuda-back{
	background: #303644 url('/images/home/home-back-ayuda.png') scroll no-repeat 0px bottom;
	background-size: 300px auto;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 75%;
}
#oni-ayuda-back-line{

	background-color: #EC6B00;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 75%;
	width: 100%;
	height: 60px;
}
#oni-modulo-donar-home{
	width: 100%;
}

/*TRABAJAMOS**********************************/
#oni-trabajamos{
	margin-bottom: 40px;
}
#oni-trabajamos-txt{
	padding: 60px 60px 30px 0px;
}
#oni-trabajamos-img{
	background: transparent url('/images/home/oni-labor.png') scroll no-repeat center center;
	background-size: contain;
	height: 400px;
	float: right;
	width: 90%;
}




/*LABOR**********************************/
#oni-labor-img{
	margin: 0px auto;
	width: 350px;
	position: relative;
}
.oni-carrusel-programas .item{
	width: 307px;
}
.oni-programa{
	margin-bottom: 20px;
	height: 310px;
	border-radius: 10px;
	padding: 30px 40px 0px 40px;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
.oni-programa.oni-programa-1{
	background-image: url('/images/home/oni-formula-objetivos.png');
	background-size: auto 180px;
	background-position: center 110px;
}
.oni-programa.oni-programa-2{
	background-image: url('/images/home/oni-familia-objetivos.png');
	background-size: auto 150px;
	background-position: center 130px;
}
.oni-programa.oni-programa-3{
	background-image: url('/images/home/oni-ninos-objetivos.png');
	background-size: auto 290px;
	background-position: center 90px;
	height: 380px;
}
.oni-carrusel-programas .oni-btn{
	width: 100%;
}
.oni-programa-signo{
	position: absolute;
	right: -40px;
	top: 120px;
	width: 70px;
	height: 70px;
}
.oni-programa-signo.signo-izq{
	right: initial;
	left: -40px;
}
.oni-programa-signo-int{
	position: relative;
	height: 100%;
	width: 100%;
}
.oni-signo{
	background-color: #FFFFFF;
	border-radius: 5px;
	width: 100%;
	height: 26px;
	z-index: 1;
	position: absolute;
	top: 22px;
}
.oni-signo.oni-signo-v{
	width: 26px;
	height: 100%;
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 22px;
}
.oni-signo.oni-signo-1{
	top: 6px;
}
.oni-signo.oni-signo-2{
	top: 38px;

}





/*HUELLA*******************************/
#oni-huella-back{
	background: transparent url('/images/home/oni-child.png') scroll no-repeat center bottom;
	background-size: 90% auto;
	height: 700px;
}
.oni-huella-list{
	margin-bottom: 40px;
}
#oni-huella-txt{
	padding: 80px 60px 10px 0px;
	border-radius: 0px 20px 20px 0px;
}
#oni-huella-picture{
	width: 200px;
	height: auto;
	margin: 0px auto;
	position: relative;
}
#oni-huella-img-txt{
	width: 75%;
	left: 12%;
	position: absolute;
	bottom: 40px;
}
#oni-huella-back{
	/*background: transparent url('/images/home/oni-huella-nino.jpg') scroll no-repeat center bottom;
	background-size: contain;*/
}






/*DONACIONES********************/
#oni-donaciones-titulo-cont{
	padding: 40px 0px;
}
#oni-donaciones-titulo{
	background: transparent url('/images/oni-logo-2.png') scroll no-repeat right 0px;
	background-size: auto 80px;
	padding-right: 170px;
	height: 80px;
	padding-top: 37px;
	width: 580px;
	margin: 0px auto;
}

#oni-videos-recientes{
	padding: 60px 0px;
}
.oni-carrusel-videos .item {
	height: 250px;
    width: 380px;
    background-color: #000000;
}
.oni-carrusel-videos .item img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.oni-carrusel-videos .owl-dots{
	display: none;
}
.oni-carrusel-videos .play{
	background: #FFFFFF url('/images/home/play.png') scroll no-repeat center center;
	background-size: 120px auto;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	border-radius: 50%;
	opacity: 0.5;
	cursor: pointer;
}


.oni-donaciones-respaldo{
	padding-top: 120px;
	max-width: 185px;
	margin: 0px auto;
}
.oni-donaciones-respaldo.respaldo-1{
	background: transparent url('/images/home/respaldo-1.png') scroll no-repeat center 0px;
	background-size: auto 100px;
}
.oni-donaciones-respaldo.respaldo-2{
	background: transparent url('/images/home/respaldo-2.png') scroll no-repeat center 0px;
	background-size: auto 100px;
}
.oni-donaciones-respaldo.respaldo-3{
	background: transparent url('/images/home/respaldo-3.png') scroll no-repeat center 30px;
	background-size: auto 80px;
}
.oni-donaciones-respaldo.respaldo-4{
	background: transparent url('/images/home/respaldo-4.png') scroll no-repeat center 25px;
	background-size: auto 100px;
}
.oni-donaciones-respaldo.respaldo-zapopan{
	background: transparent url('/images/home/respaldo-zapopan.png') scroll no-repeat center 35px;
	background-size: auto 70px;
}
.oni-donaciones-respaldo.respaldo-iteso{
	background: transparent url('/images/home/respaldo-iteso.png') scroll no-repeat center 10px;
	background-size: auto 100px;
}
.oni-donaciones-respaldo.respaldo-ijas{
	background: transparent url('/images/home/respaldo-ijas.png') scroll no-repeat center 50px;
	background-size: auto 50px;
}
.oni-donaciones-respaldo.respaldo-simi{
	background: transparent url('/images/home/respaldo-simi.png') scroll no-repeat center 30px;
	background-size: auto 80px;
}

#oni-inversionista-img{
	background: transparent url('/images/home/oni-inversionista.jpg') scroll no-repeat center center;
	background-size: contain;
	padding-top: 46%;
}



/*BLOG***********************************/
#oni-blog-consulta{
	position: relative;
	width: 550px;
	margin: 0px auto;
}

#oni-blog-consulta::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #000000;
    left: 0px;
    top: 0px;
}


.oni-carrusel-blog .item {
	height: 400px;
    width: 300px;
    background-color: #D9D9D9;
}
.oni-blog-min-img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.oni-carrusel-blog .owl-dots{
	display: none;
}
.oni-carrusel-blog{
	margin-bottom: 10px;
}




/*EVENTOS***********************/
#oni-eventos{
	background: rgb(62,185,194);
	background: linear-gradient(180deg, rgba(62,185,194,1) 0%, rgba(255,255,255,1) 100%);
}
#oni-eventos-cont-titulo{
	padding: 60px 20px;
}
.oni-carrusel-eventos .item {
	height: auto;
    width: 990px;
    background-color: transparent;

}
.oni-evento-min-img-cont{

    width: 100%;
}
.oni-evento-min-img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.evento-cont-txt{
	border-radius: 20px 20px 20px 20px;
	position: relative;
	overflow: hidden;
}
.evento-par{
	float: left;
	width: 50%;
}
.evento-par-txt{
	padding: 20px;
}
.evento-par img{
}
.oni-btn.btn-evento-blanco{
	font-weight: 600;
	font-size: 20px;
}
.oni-carrusel-eventos .item h4{

	text-align: center;
	margin-bottom: 10px;

}
.oni-carrusel-eventos .item h5{
	text-align: center;
	margin-bottom: 10px;

}
.oni-carrusel-eventos .owl-dots{
	display: none;
}



/*CONTACTO*******************************/
#oni-contactanos{
	padding: 60px 0px 80px 0px;
}
#oni-contactanos-txt{
	max-width: 400px;
	margin: 0px auto;
}



/*MODULO GRAL DONACIÓN*/
#oni-form-donacion{
	height: 0px;
	overflow: hidden;
	transition: height 0.5s ease;
	background-color: #F1F1F1;
}
#oni-form-donacion.open-form{

	/*height: 720px;*/
	height: auto;
}
#oni-form-donacion-int{
	background-color: #F1F1F1;
}
.oni-form-donacion-margen{
	padding: 40px 0px;
}
.oni-form-donacion-titulo{
	font-size: 20px;
	line-height: 24px;
}
.oni-form-donacion-segura{
	background: transparent url('/images/escudo.png') scroll no-repeat 0px 0px;
	background-size: 30px;
	padding: 3px 0px 0px 40px;
	height: 40px;
	font-size: 14px;
	line-height: 15px;
	width: 220px;
	float: right;
}
.oni-formulario-donacion input[type="text"], .oni-formulario-donacion input[type="email"], .oni-form-donacion-btn-cantidad {
	border-radius: 10px;
	border: 1px solid #929292;
	height: 45px;
	width: 200px;
	line-height: 45px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	float: left;
	margin-right: 10px;
}
.oni-formulario-donacion input[type="radio"] {
	margin-right: 5px;
	width: 18px;
    height: 18px;
    margin-top: 0px;
    top: 2px;
    position: relative;
}
.oni-formulario-donacion input[type="checkbox"] {
	margin-right: 5px;
	width: 18px;
    height: 18px;
    margin-top: 0px;
    top: 2px;
    position: relative;
}
.oni-formulario-donacion label{
	font-weight: 600;
	margin-bottom: 0px;
	margin-right: 20px;
}

.oni-form-trio{
	width: 180px !important;
}
.oni-form-full-nombre{
	width: 100% !important;
}
.oni-form-full{
	width: 100% !important;
	margin-bottom: 10px;
}
.oni-separador-form{
	padding-top: 20px;
    border-top: 1px solid #cdcdcd;
    margin-top: 20px;
    text-align: center;
}
.margen-back-form{
	margin-bottom: 20px;
}
.margen-form{
	margin-bottom: 10px;
}
.oni-form-donacion-frecuencia{
	height: 23px;
	position: relative;
    margin-top: -4px;
}
.oni-form-telefono{
	width: 220px !important;
}
.oni-form-email{
	width: 380px !important;
}
.oni-form-dona{
	width: 100px !important;
}
.oni-btn-descubre{
	background-color: #3EB9C2;
	float: right;
}
.sin-pad-der-od{
	padding-right: 0px !important
}
.sin-pad-izq-od{
	padding-left: 0px !important
}
.oni-form-lg{
	display: none;
}
.oni-form-email-fac, .oni-form-email-fac:hover{
	text-decoration: underline;
	color: #414141;
}
.oni-form-dona{
	display: block;
}
.oni-form-dona-2{
	display: none;
}

.aviso-copiado{
	position: absolute;
	right: 10px;
	top: 10px;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
	color: #414141;
	border-radius: 10px;
	display: none;
}
.donativo-es{
	padding-left: 160px;
	width: 450px;
	margin: 0px auto;
	position: relative;
	margin-bottom: 35px;
	padding-top: 5px;
}
.donativo-cuesta{
	border-radius: 10px;
	border: 1px solid #929292;
	height: 45px;
	width: 150px;
	line-height: 45px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	cursor: pointer;
}
.oni-formulario-donacion input[type="text"].donativo-cuesta{
    width: 150px;
}
.oni-formulario-donacion input[type="text"].donativo-cuesta.seleccionado{
    background-color: #C3F4FF;
}
.donativo-cuesta.seleccionado{
	background-color: #C3F4FF;
}
#oni-form-donacion .donativo-es{
	width: 100%;
    padding-top: 14px;
    max-width: 900px;
}
#oni-form-donacion-2 .donativo-es{
	width: 100%;
    padding-top: 5px;
    max-width: 550px;
}
#oni-transferencia-ficha{
	background-color: #004580;
	padding: 20px 20px 5px 20px;
	margin: 20px auto 0px;
	width: 450px;
	position: relative;
}

.oni-txt-metodo-pago{
	width: 100%;
	text-align: center;
}

.oni-trasnferencia-txt{
	margin-bottom: 15px;
}
.txt-copiar{
	background: transparent url('/images/home/copiar.png') scroll no-repeat right center;
	background-size: contain;
}
#oni-paypal-ficha{
	max-width: 210px;
    	margin: 20px auto;
}
#oni-fomr-btn-decubre-o{
	padding-top: 20px;
    border-top: 1px solid #cdcdcd;
    margin-top: 20px;
    text-align: center;
}
.oni-btn-descubre{
	float: none;
}



/*FORMULARIO DONACIÓN TIPO 2*/
#oni-form-donacion-2{
	width: 100%;
	position: relative;
}
#oni-form-donacion-2 .container{
	width: 100%;
	position: relative;
	padding: 0px 40px 0px 40px;
}
#oni-form-donacion-2 .col-sm-4.oni-form-tipo-2-par{
	width: 50%;
}
#oni-form-donacion-2 .col-sm-8.oni-form-tipo-2-par{
	width: 50%;
}
#oni-form-donacion-2 .col-md-6.oni-form-tipo-2-100{
	width: 100%;
}
#oni-form-donacion-2 .col-md-6.oni-form-tipo-2-100{
	width: 100%;
}
#oni-form-donacion-2 .sin-pad-der-od.oni-form-tipo-2-100{
	padding-right: 15px !important;
}
#oni-form-donacion-2 .sin-pad-izq-od.oni-form-tipo-2-100{
	padding-left: 15px !important;
}
#oni-form-donacion-2 .oni-form-dona{
	display: none !important;
}
#oni-form-donacion-2 input[type="text"]{
	margin-bottom: 10px;
}
#oni-form-donacion-2 .oni-form-telefono{

}
#oni-form-donacion-2 .oni-form-tipo-2-title-forma{
	width: 100%;
	margin-bottom: 10px;
}
#oni-form-donacion-2 .oni-form-tipo-2-label-forma{
	width: 100%;
	margin-bottom: 10px;
}
#oni-form-donacion-2 .oni-form-tipo-2-label-check{
	width: 100%;
}
#oni-form-donacion-2 .oni-form-dona-2{
	display: block !important;
	width: 100%;
	margin-bottom: 10px;
}
#oni-form-donacion-2 .oni-btn-descubre{
	/*display: block !important;*/
	width: 100%;
	margin-bottom: 10px;
}
#oni-form-donacion-2 .oni-form-trio {
    width: 216px !important;
}
#oni-form-donacion-2 .margen-der-negative{
    margin-right: -10px !important;
}
#oni-form-donacion-2 .oni-form-telefono {
	width: 330px !important;
}
#oni-form-donacion-2 .oni-form-email {
	width: 330px !important;
}
#oni-form-donacion-2 .oni-form-ciudad {
	width: 330px !important;
}
#oni-form-donacion-2 .oni-form-pais {
	width: 330px !important;
}

#a-contenedor-videos{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
	z-index: 100;
	display: none;
}
#a-contenedor-videos.mostrar-video{
	display: block;
}
#b-contenedor-videos{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
#c-contenedor-videos{
	/*width: 560px;
	height: 315px;
	margin-left: -280px;
	margin-top: -157px;
	*/
	width: 800px;
	height: 450px;
	margin-left: -400px;
	margin-top: -225px;
	left: 50%;
	top: 50%;
	position: absolute;
	background-color: #000000;
	z-index: 1;


	/*padding-bottom: 56.25%; /* 16:9 aspect ratio */*/

}
#c-contenedor-videos iframe{
	width: 100%;
	height: 100%;
}
#back-contenedor-videos{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	background-color: #000000;
	z-index: 0;
	opacity: 0.5;
}
#btn-cerrar-video{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 20px;
	top: 20px;
	z-index: 2;
	cursor: pointer;
}
#btn-cerrar-int{
	position: relative;
    width: 30px;
    height: 30px;
}
#btn-cerrar-int::before,
#btn-cerrar-int::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
}
#btn-cerrar-int::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
#btn-cerrar-int::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
/*FIN HOME********************************************************************/





/*SECCION DONACIONES*****************************************************************/
/************************************************************************************/
#oni-banner-donaciones{
	overflow: hidden;
}
#oni-banner-cont-donaciones{
	height: 580px;
}
.banner-sec-donaciones{
	background: transparent url('/images/donaciones/banner-donaciones.jpg') scroll no-repeat 100% 0px;
	background-size: auto 580px;
}
#oni-banner-texto-donaciones{
	padding-top: 40px;
	text-align: right;
}
#oni-banner-texto-donaciones a.oni-btn{
	float: right;
}
#oni-banner-img.banner-donaciones{
	background: transparent url('/images/donaciones/banner-donaciones.jpg') scroll no-repeat 0px 0px;
	background-size: auto 580px;
	height: 580px;
	width: 604px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#seccion-donaciones-como{
	background: rgb(62,185,194);
	background: linear-gradient(180deg, rgba(62,185,194,1) 0%, rgba(255,255,255,1) 90%);
	z-index: 2;
	position: relative;
}
#seccion-donaciones-subsecciones{
	z-index: 1;
	position: relative;
}
#seccion-donaciones-como-int{
	background: #FFFFFF url('/images/donaciones/oni-como-ayudar.jpg') scroll no-repeat center bottom;
	background-size: 100% auto;
	border-radius: 20px 20px 0px 0px;
	padding: 40px 40px 500px 40px;
	position: relative;
	margin-top: -50px;
}
#secciones-donaciones-btn{
	font-weight: bold;
	width: 600px;
	font-size: 30px;
	height: 80px;
	line-height: 80px;
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -300px;
}
#secciones-donaciones-btn.fijar-pestanas{
	bottom: 30px;
}
#sec-donaciones-menu-contenedor{
	height: 130px;
	position: relative;
}
#sec-donaciones-menu{
	width: 100%;
}
#sec-donaciones-menu.fijar{
	position: fixed;
    /*top: 114px;*/
    top: 69px;
    left: 0px;
    width: 100%;
    z-index: 10;
    background-color: #F1F1F1;
}
#sec-donaciones-menu ul{
	width: 100%;
}
#sec-donaciones-menu ul li{
	display: inline-block;
	vertical-align: top;
	width: 20%;
}
.sec-donaciones-menu-opc{
	background-color: #D9D9D9;
	font-weight: bold;
	text-align: center;
	position: relative;
	width: 99%;
	height: 130px;
	overflow: hidden;
	transition: all 0.5s ease;
}


.sec-donaciones-menu-opc.final{
	width: 100%;
}

.sec-donaciones-menu-opc::after{
	content: '';
    width: 140px;
    height: 140px;
    background-color: #EC6B00;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -70px;
    transition: all 0.5s ease;
    margin-top: 0px;
}
.sec-donaciones-menu-opc:hover, .sec-donaciones-menu-opc.actual{
	background-color: #FEA860;
	cursor: pointer;
	color: #FFFFFF;
}
.sec-donaciones-menu-opc:hover::after, .sec-donaciones-menu-opc.actual::after{
	margin-top: -30px;
}
.sec-donaciones-menu-opc div{
	margin: 0px auto;
	position: relative;
	width: 160px;
	padding-top: 50px;
	z-index: 1;
}

#sec-donaciones-menu.fijar .sec-donaciones-menu-opc{
	height: 50px;
}
#sec-donaciones-menu.fijar .sec-donaciones-menu-opc div{
	padding-top: 5px;
}

#sec-donaciones-menu.fijar .sec-donaciones-menu-opc.actual::after{
	margin-top: 0px;
}


/*PESTAÑA 1****************/
#sec-donaciones-ayuda{
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
#sec-donaciones-ayuda-front{
	position: relative;
	z-index: 1;
}
#sec-donaciones-ayuda-back{
	background: #303644 url('/images/donaciones/donaciones-back-ayuda.png') scroll no-repeat right bottom;
	background-size: auto 600px;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 600px;
}
#sec-donaciones-ayuda-back-line{

	background-color: #EC6B00;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 600px;
	width: 100%;
	height: 60px;
}
#sec-donaciones-modulo-donar-home{
	width: 100%;
}

#sec-donaciones-como-1{
	background: rgb(62,185,194);
	background: linear-gradient(180deg, rgba(62,185,194,1) 0%, rgba(256,256,256,1) 100%);
	border-radius: 20px 20px 0px 0px;
	padding-top: 60px;
	padding: 60px 60px 40px 60px;
}
#sec-donaciones-ninos{
	background: transparent url('/images/donaciones/oni-donaciones-ninos.png') scroll no-repeat center center;
	background-size: contain;
	height: 400px;
	margin-top: 40px;
}
#sec-donaciones-leche{
	background: transparent url('/images/donaciones/oni-donaciones-nutricion.png') scroll no-repeat center center;
	background-size: contain;
	height: 400px;
	position: relative;
}

#sec-donaciones-como-2{
	margin-top: 40px;
}
#sec-donaciones-como-3{
	background: rgb(62,185,194);
	background: linear-gradient(0deg, rgba(62,185,194,1) 0%, rgba(256,256,256,1) 100%);
	border-radius: 0px 0px 20px 20px;
	padding-bottom: 120px;
	padding-top: 100px;
}
.sec-donaciones-int{
	margin: 0px auto;
	max-width: 600px;
}
#sec-donaciones-leche{
	margin-top: 60px;
}
.sec-donaciones-nutricion{
	height: 140px;
	width: 140px;
	display: block;
	position: absolute;
	border-radius: 50%;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    overflow: hidden;


}
.n-int{
	position: relative;
	z-index: 2;
}
.sec-donaciones-nutricion.n1{
	margin-left: -260px;
    margin-top: -165px;
}
.sec-donaciones-nutricion::before{
	content: "";
	background-color: #D6F2D5;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	 z-index: 1;
	 opacity: 0.6;
}
.sec-donaciones-nutricion.n2{
	margin-left: 34px;
    margin-top: -245px;
}
.sec-donaciones-nutricion.n3{
	margin-left: 122px;
    margin-top: -25px;
}
.sec-donaciones-nutricion.n4{
	margin-left: -180px;
    margin-top: 80px;
}
.sec-donaciones-nutricion.n1::before{
	background-color: #D6F2D5;
}
.sec-donaciones-nutricion.n2::before{
	background-color: #D5F0F2;
}
.sec-donaciones-nutricion.n3::before{
	background-color: #F2D7D5;
}
.sec-donaciones-nutricion.n4::before{
	background-color: #E7D5F2;
}



#sec-donaciones-op{
	background: transparent url('/images/donaciones/oni-donaciones-oportunidades.png') scroll no-repeat center center;
	background-size: contain;
	height: 400px;
	margin-top: 60px;
	position: relative;
}
.sec-donaciones-op{
	padding: 15px 20px;
	border-radius: 30px;
	width: 300px;
	display: block;
	position: absolute;
	font-size: 18px;
    left: 50%;
    top: 50%;
    overflow: hidden;
    text-align: left;
}
.sec-donaciones-op.op1{
	background-color: #D5F0F2;
	margin-left: 90px;
    margin-top: -210px;

}
.sec-donaciones-op.op2{
	background-color: #D6F2D5;
    margin-left: -385px;
    margin-top: -125px;
    width: 255px;
}
.sec-donaciones-op.op3{
	background-color: #E99898;
    margin-left: 130px;
    margin-top: 20px;
    width: 240px;
}
.sec-donaciones-op.op4{
	background-color: #E3D3F1;
    margin-left: -385px;
    margin-top: 40px;
    width: 270px;
    border-radius: 40px;
}
.sec-donaciones-op.op5{
	background-color: #F2D7D5;
    margin-left: -170px;
    margin-top: 180px;
    width: 340px;
}

#sec-donaciones-parte-2{
	position: relative;
	z-index: 2;
}

#sec-donaciones-parte-3{
	position: relative;
	z-index: 1;

}

#sec-donaciones-ul{
	width: 600px;
	margin: 0px auto;
	position: relative;
}
#sec-donaciones-invertir{
	padding: 120px 100px 100px;
	position: relative;
	margin-top: -70px;

}
.invertir-nutricion-li{
	padding: 20px 20px 20px 130px;
	margin-bottom: 20px;
}

.invertir-nutricion-li.li-1{
	background: transparent url('/images/donaciones/bienestar.png') scroll no-repeat 0px center;
	background-size: auto 62px;
	min-height: 62px;
}
.invertir-nutricion-li.li-2{
	background: transparent url('/images/donaciones/construccion.png') scroll no-repeat 0px center;
	background-size: auto 67px;
	min-height: 67px;
}
.invertir-nutricion-li.li-3{
	background: transparent url('/images/donaciones/transformacion.png') scroll no-repeat 7px center;
	background-size: auto 77px;
	min-height: 77px;
	margin-bottom: 30px;
}
.invertir-nutricion-li.li-4{
	background: transparent url('/images/donaciones/donaciones.png') scroll no-repeat 30px center;
	background-size: auto 94px;
	min-height: 94px;
	padding-top: 30px;
}






/*PESTAÑA 2****************/
#sec-donaciones-apadrina-centro{
	margin-bottom: 40px;
}
#apadrina-centro-txt{
	padding: 120px 60px 80px 0px;
}
#apadrina-centro-img{
	background: transparent url('/images/donaciones/oni-apdrina-centro.jpg') scroll no-repeat center center;
	background-size: contain;
	height: 400px;
	float: right;
	width: 90%;
}
.apadrrina-centro-puntos{
	padding-left: 150px;
	margin-bottom: 40px;
	padding-right: 20px;
	background-color: transparent;
	background-attachment: scroll;
	background-repeat: no-repeat;
	display: flex;
    align-items: center; /* Alinea el contenido verticalmente */
}
.apadrrina-centro-puntos span{
	display: contents;
}
.apadrrina-centro-puntos.ac-p1{
	background-image: url('/images/donaciones/oni-apdrina-centro-p1.png');
	background-size: auto 86px;
	background-position: 30px center;
	min-height: 86px;
}
.apadrrina-centro-puntos.ac-p2{
	background-image: url('/images/donaciones/oni-apdrina-centro-p2.png');
	background-size: auto 140px;
	background-position: 0px center;
	min-height: 140px;
}
.apadrrina-centro-puntos.ac-p3{
	background-image: url('/images/donaciones/oni-apdrina-centro-p3.png?v=1');
	background-size: auto 123px;
	background-position: 23px center;
	min-height: 103px;
}


/*PESTANA 3*/
#sec-donaciones-dona-servicios{
	padding-top: 100px;
}
#dona-servicios-cont{
	min-height: 500px;
	padding: 120px 40px 0px 450px;
	position: relative;
}
#dona-servicios-img{
	background: transparent url('/images/donaciones/oni-dona-servicios.png?v=1') scroll no-repeat 0px 8px;
	background-size: auto 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 600px;
	border-radius: 20px;
	z-index: 0;
}
#dona-servicios-btn-contact{
	position: relative;
	z-index: 1;
}



/*PESTAÑA 4****************/
#dona-tiempo-cont{
	padding: 100px 60px;
}
#dona-tiempo-form{
	position: relative;
}
#dona-tiempo-form input[type="text"], #dona-tiempo-form select{
	border-radius: 10px;
	border: 1px solid #FFFFFF;
	height: 45px;
	width: 400px;
	line-height: 45px;
	padding: 0px 10px;
	background-color: #CDCDCD;
	margin-bottom: 10px;

}
#dona-tiempo-img{
	background-image: url('/images/donaciones/oni-dona-tu-tiempo-0.jpg');
	background-position: 0px bottom;
	background-repeat: no-repeat;
	/*background-size: 50% auto;*/
	background-size: auto 100%;
}



/*PESTAÑA 5****************/
#dona-campanas-img{
	background: transparent url('/images/donaciones/oni-campanas.png') scroll no-repeat center center;
	background-size: contain;
	height: 400px;
	width: 90%;
	margin: 0px auto;
}

.donacion-pestana{
	display: none;
}
.donacion-pestana.actual{
	display: block;
}





/*FIN PESTANA 5*/



#oni-videos-historias{

}
.oni-carrusel-historias .item {
	height: 250px;
    width: 100%;
    background-color: #000000;
}

.oni-carrusel-historias .owl-dots{
	display: none;
}
.oni-carrusel-historias .play{
	background: transparent url('/images/home/play.png') scroll no-repeat center center;
	background-size: contain;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
}
















/*SECCION CONTACTO*****************************************************************/
/************************************************************************************/
#map {
    height: 100%;
    width: 100%;
}
#map-cont{
	position: relative;
	height: 100%;
	width: 100%;
}
#oni-banner-contacto{
	background: linear-gradient(70deg, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 33%);
	overflow: hidden;
	position: relative;
	z-index: 0;
}
#oni-banner-cont-contacto{
	height: 580px;
	position: relative;
	z-index: 2;
}
#oni-banner-contacto-img{
	background: transparent url('/images/contacto/banner-contacto.png') scroll no-repeat right 0px;
	background-size: auto 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 45%;
	z-index: 0;
	display: block;
	position: absolute;
}
#oni-banner-texto-contacto{
	padding-top: 150px;
	text-align: left;
}

#oni-contacto-form-int{
	position: relative;
}
#oni-contacto-aviso{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#oni-contacto-aviso-cerrar{
	background: transparent url('/images/contacto/cerrar.png') scroll no-repeat center center;
	background-size: auto 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	z-index: 2;
	cursor: pointer;
}
#oni-contacto-aviso-int{
	background: transparent url('/images/oni.png') scroll no-repeat center 0px;
	background-size: auto 60px;
	padding-top: 80px;
	margin: 0px auto;
	width: 500px;
	margin-top: 150px;
}
#oni-contacto-formulario{
	padding: 40px 40px;
	margin-bottom: 60px;
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
#oni-contacto-formulario input{
	border-radius: 10px;
	border: 0px solid #FFFFFF;
	height: 45px;
	width: 100%;
	line-height: 45px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
#oni-contacto-formulario textarea{
	border-radius: 10px;
	border: 0px solid #FFFFFF;
	height: 100px;
	width: 100%;
	padding: 10px 10px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
#form-contacto-enviar.oni-btn{
	background-color: #3EB9C2;
}
#oni-contacto-separador{
	border-right: 2px solid #3EB9C2;
}
.oni-contacto-direccion{
	padding-top: 40px;
	padding-bottom: 40px;
}
#oni-contacto-cont-mapa{
	position: relative;
	height: 600px;
	background-color: #cdcdcd;
	border-radius: 20px;
	box-shadow: 0px 0px 10px #cdcdcd;
	overflow: hidden;
}
#oni-contacto-cont-buscador{
	padding: 20px 20px 20px 20px;
	width: 276px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}
#oni-contacto-input-buscar{
	background: transparent url('/images/contacto/lupa.png') scroll no-repeat 205px center;
	border-radius: 10px;
	border: 0px solid #FFFFFF;
	height: 40px;
	width: 100%;
	line-height: 40px;
	padding: 0px 35px 0px 10px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	color: #414141;
}
#oni-contacto-buscador-list{
	max-height: 400px;
	overflow: scroll;
}
.oni-contacto-list-opc{
	border-top: 1px solid #FFFFFF;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}
.oni-contacto-resultados{
	font-size: 14px;
}
.globos h3{
	font-size: 15px;
	margin-bottom: 10px;
}
.globos p{
	font-size: 12px;
}



.oni-btn-crece{
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    margin: 0px auto;
}





/*SECCION ONIFORMULA*****************************************************************/
/************************************************************************************/
#oni-banner-oniformula{
	background: linear-gradient(115deg, rgba(255,255,255,1) 67%, rgba(217,217,217,1) 100%);
	overflow: hidden;
	position: relative;
	z-index: 0;
}
#oni-banner-cont-oniformula{
	height: 680px;
	position: relative;
	z-index: 2;
}
#oni-banner-oniformula-img{
	background: transparent url('/images/oniformula/banner-oniformula.png') scroll no-repeat 0px 0px;
	background-size: contain;
	left: 50%;
	top: 40px;
	margin-left: -238px;
	height: 536px;
	width: 476px;
	z-index: 0;
	display: block;
	position: absolute;
}
#oni-banner-texto-oniformula{
	padding-top: 60px;
}
#oni-banner-texto-0-oniformula{
	padding-top: 120px;
	width: min-content;
}
#oni-banner-texto-0-oniformula h1.txts-70{
	line-height: 60px;
}
#oni-banner-oniformula-logo{
	background: transparent url(/images/oni.png) scroll no-repeat 0px 0px;
    background-size: auto 100%;
    display: block;
    height: 47px;
    width: 173px;
    margin-bottom: 30px;
}
#oni-oniformula-conoce-caja{
	background: linear-gradient(90deg, rgba(236,107,0,1) 0%, rgba(255,255,255,1) 70%);
}
#oni-oniformula-conoce-int{
	background: transparent url(/images/oniformula/oniformula-conoce.png) scroll no-repeat 40px bottom;
    background-size: 450px auto;
    padding: 80px 0px 80px 0px;
}
#oni-oniformula-conoce-caja h2.txts-70{
	line-height: 60px;
}
#oni-oniformula-conoce-caja h2 span.txts-40{
	top: -18px;
    position: relative;
}

#oni-oniformula-solucion{
	margin-top: 100px;
	margin-bottom: 100px;
}
#oniformula-solucion-img{
	background: transparent url(/images/oniformula/oniformula-solucion.png) scroll no-repeat center center;
    background-size: 850px auto;
	height: 616px;
	width: 1150px;
	position: relative;
	margin: 0px auto;
	margin-top: 100px;
}
.oniformula-solucion-list{
	background-color: #FFFFFF;
	color: #0090BE;
	font-size: 18px;
	font-weight: 21px;
	font-weight: 700;
	text-align: center;
	border-radius: 25px;
	border: 2px solid #EC6B00;
	position: absolute;
	left: 50%;
	padding: 20px 25px;
	box-shadow: 0px 5px 10px #cdcdcd;
}
.osl-1{
	margin-left: -420px;
	top: 25px;
	width: 230px;
}
.osl-2{
	margin-left: -480px;
	top: 180px;
	width: 240px;
}
.osl-3{
	margin-left: -420px;
	top: 350px;
	width: 190px;
}
.osl-4{
	margin-left: 200px;
	top: 160px;
	width: 270px;
}
.osl-5{
	margin-left: 230px;
	top: 350px;
	width: 260px;
}
.osl-6{
	margin-left: 170px;
	top: 500px;
	width: 300px;
}

#oniformula-pestanas{
	padding-top: 25px;
	padding-bottom: 5px;
	position: relative;
}
#oniformular-pestanas-int{
	text-align: center;
	position: relative;
}
.oniformula-pestana{
	text-align: center;
	display: inline-block;
	width: 24.5%;
	height: 80px;
	border-radius: 10px;
	color: #FFFFFF;
	padding-top: 15px;
	vertical-align: top;
	margin: 0px 0.25%;
}
.oniformula-pestana.pestana-1{
	background-color: #0894C2;
}
.oniformula-pestana.pestana-2{
	background-color: #D7894D;
}
.oniformula-pestana.pestana-3{
	background-color: #906B9A;
}
.oniformula-pestana.pestana-4{
	background-color: #E36421;
}
.oniformula-etapa-int{

}
.oniformula-etapa-back{
	padding-top: 60px;
	padding-bottom: 60px;
	height: 780px;
}
#oniformula-etapa-1
{
	background: linear-gradient(90deg, rgba(0,105,153,1) 0%, rgba(0,105,153,0) 70%);
}
#oniformula-etapa-1-int{
	background: linear-gradient(180deg, rgba(0,148,195,1) 0%, rgba(0,148,195,0) 100%);
}
.oniformula-titulo-prod{
	margin-bottom: 40px;
}
.oniformula-titulo-prod.titulo-int-oniavena{
	margin-bottom: 20px;
}
.txt-cinta{
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.oniformula-etapa-beneficions{
	font-size: 16px;
	font-weight: 600;
	margin-left: 15px;
	border-bottom: 2px solid #FFFFFF;

}
.oniformula-etapa-beneficions li{
	list-style: disc;
	margin-bottom: 20px;
	padding-right: 10px;
}
#oniformula-etapa-1-back{
	background: transparent url(/images/oniformula/oniformula-de-maiz-etapa-1-back.png) scroll no-repeat right bottom;
    background-size: 460px auto;
}
.oniformula-prod{
	width: 100%;
	margin: 50px auto 0px;
}
.oniformula-titulo-prod.txts-60 {
	line-height: 55px;
}
.oniformula-title-avena{
	position: relative;
	top: -15px;
}
.oniformula-etapa-1-img{
	max-width: 330px;
	margin-top: 0px;
}


#oniformula-etapa-2{
	background: linear-gradient(90deg, rgba(201,80,16,1) 0%, rgba(201,80,16,0) 70%);
}
#oniformula-etapa-2-int{
	background: linear-gradient(180deg, rgba(215,139,79,1) 0%, rgba(215,139,79,0) 100%);
}
#oniformula-etapa-2-back{
	background: transparent url(/images/oniformula/oniformula-de-maiz-etapa-2-back.png) scroll no-repeat right bottom;
    background-size: 425px auto;
}
.oniformula-etapa-2-img{
	max-width: 298px;
}

#oniformula-etapa-2-2{
	background: linear-gradient(90deg, rgba(74,51,25,1) 0%, rgba(74,51,25,0) 70%);

}
#oniformula-etapa-2-2-int{
	background: linear-gradient(180deg, rgba(152,127,90,1) 0%, rgba(152,127,90,0) 100%);
}
#oniformula-etapa-2-2-back{
	background: transparent url(/images/oniformula/oniformula-de-maiz-etapa-2-2-back.png) scroll no-repeat right 50px bottom;
    background-size: 320px auto;
}
.oniformula-etapa-2-2-img{
	max-width: 285px;
}

#oniformula-etapa-2-3{
	background: linear-gradient(90deg, rgba(193,170,135,1) 0%, rgba(193,170,135,0) 70%);

}
#oniformula-etapa-2-3-int{
	background: linear-gradient(180deg, rgba(124,57,34,1) 0%, rgba(124,57,34,0) 100%);
}
#oniformula-etapa-2-3-back{
	background: transparent url(/images/oniformula/oniformula-de-maiz-etapa-2-3-back.png) scroll no-repeat right 20px bottom;
    background-size: 374px auto;
}
.oniformula-etapa-2-3-img{
	max-width: 279px;
}



#oniformula-etapa-3{
	background: linear-gradient(90deg, rgba(103,32,109,1) 0%, rgba(103,32,109,0) 70%);
}
#oniformula-etapa-3-int{
	background: linear-gradient(180deg, rgba(145,110,155,1) 0%, rgba(145,110,155,0) 100%);
}
#oniformula-etapa-3-back{
	background: transparent url(/images/oniformula/oniformula-de-maiz-etapa-3-back.png) scroll no-repeat right bottom;
    background-size: 430px auto;
}
.oniformula-etapa-3-img{
	max-width: 300px;
}

#oniformula-etapa-3-2{
	background: linear-gradient(90deg, rgba(141,177,50,1) 0%, rgba(141,177,50,0) 70%);
}
#oniformula-etapa-3-2-int{
	background: linear-gradient(180deg, rgba(71,118,49,1) 0%, rgba(71,118,49,0) 100%);
}
#oniformula-etapa-3-2-back{
	background: transparent url(/images/oniformula/oniformula-de-maiz-etapa-3-2-back.png) scroll no-repeat right 50px bottom;
    background-size: 350px auto;
}
.oniformula-etapa-3-2-img{
	max-width: 283px;
}

#oniformula-etapa-3-3{
	background: linear-gradient(90deg, rgba(187,208,125,1) 0%, rgba(187,208,125,0) 70%);
}
#oniformula-etapa-3-3-int{
	background: linear-gradient(180deg, rgba(149,189,50,1) 0%, rgba(149,189,50,0.8) 100%);
}
#oniformula-etapa-3-3-back{
	background: transparent url(/images/oniformula/oniformula-de-maiz-etapa-3-3-back.png) scroll no-repeat right bottom;
    background-size: 420px auto;
}
.oniformula-etapa-3-3-img{
	max-width: 279px;
}

#oniformula-etapa-4{
	background: linear-gradient(90deg, rgba(239,191,69,1) 0%, rgba(239,191,69,1) 100%);
}
#oniformula-etapa-4-int{
	background: linear-gradient(180deg, rgba(227,100,33,1) 0%, rgba(227,100,33,0) 100%);
}
#oniformula-etapa-4-back{
	background: transparent url(/images/oniformula/oni-avena-img.jpg) scroll no-repeat 0px bottom;
    background-size: 360px auto;
}
.oniformula-etapa-4-img{
	max-width: 280px;
}


.oniformula-equivalencias-back{
	background-color: #EEEEEE;
	border-radius: 40px;
	padding: 20px 0px;
	margin-bottom: 20px;
}
.oniformula-equivalencias-back.back2{
	padding: 0px 0px 40px;
}
#oni-oniformula-equivalencias{
	padding-top: 40px;
}
#oniformula-equiv-inicio{
	margin: 0px auto;
	width: fit-content;
	margin-bottom: 40px;
}
#oniformula-equiv-inicio{
	background: transparent url(/images/oniformula/equivalencias.png) scroll no-repeat 0px 0px;
    background-size: 305px auto;
	padding-left: 350px;
    padding-top: 135px;
    height: 350px;
}
#oniformula-titulo-equiv{
	margin-left: 100px;
}
#oniformula-3-cont{
    display: flex;
    align-items: flex-start;
    margin-top: 0px;
}
#oniformula-3{
     font-size: 160px;
     line-height: 1;
     margin-right: 5px;
}
#oniformula-3-txt{
    font-size: 30px;
    line-height: 33px;
    display: inline-block;
    vertical-align: top;
    max-width: 450px;
    padding-top: 10px;
}
#oniformula-equiv-igual{
	font-size: 80px;
	padding: 30px 0px 60px 0px;
}
.oniformula-equiv-grupo{
	padding-top: 50px;
	padding-bottom: 20px;
	text-align: center;
}
.oniformula-alimento{
	display: inline-block;
	width: 25%;
	vertical-align: top;
	padding-top: 10px;
}
.oniformula-alimento img{
	height: 120px;
	margin-bottom: 10px;
	width: auto !important;
	margin: 0px auto 20px;
}
.oniformula-alimento div{
	margin-bottom: 10px;
}
.alimento-central{
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
.oniformula-cant-txt{
	font-size: 23px;
	line-height: 26px;
	height: 55px;
}
.oniformula-cant-num{
	font-weight: bold;
	color: #EC6B00;
}
#oniformula-visor-equiv .owl-dots {
    margin-top: 0px;
    position: absolute;
    bottom: -80px;
    left: 0px;
    right: 0px;
}



#oni-oniformula-nutre{
	padding-top: 50px;
	margin-bottom: 100px;
}
#oniformula-nutre-img-cont{
	padding-left: 0px;
}
.oniformula-nutre-img{
	width: 100%;
}

.oniformula-visor-etapa-indv{
	display: none;
}
.oniformula-visor-etapa-indv.ver-etapa{
	display: block;
}
.oniformula-pestana{
	transition: all 0.25s ease;
	vertical-align: bottom;
	cursor: pointer;
}
.oniformula-pestana.ver-etapa-btn, .oniformula-pestana:hover{
	height: 100px;
    padding-top: 30px;
    margin-bottom: -5px;
    border-radius: 10px 10px 0px 0px;
}


.oni-captcha{
    position: relative;
    margin: 0px auto;
    width: fit-content;
    margin-bottom: 20px;
}

.owl-carousel.carrousel-etapas .owl-nav{
	position: absolute;
    right: 10px;
    top: 0px;
}
.owl-carousel.carrousel-etapas .owl-nav button{
	background-color: #EC6B00;
    width: 40px;
    height: 40px;
    font-size: 80px;
    line-height: 40px;
    color: #FFFFFF;
    border-radius: 10px;
}
.owl-carousel.carrousel-etapas .owl-nav button span{
	display: block;
    line-height: 40px;
    font-size: 40px;
}




/** SECCION ONI CENTROS***************************************/
/**************************************************************/
#oni-banner-centros{
	background: linear-gradient(70deg, rgba(217,217,217,1) 0%, rgba(255,255,255,1) 33%);
	overflow: hidden;
	position: relative;
	z-index: 0;
}
#oni-banner-cont-centros{
	height: auto;
	padding-top: 90px;
	padding-bottom: 230px;
	position: relative;
	z-index: 2;
}
#oni-banner-titulo-centros{
	font-size: 45px;
	line-height: 48px;
}
#oni-banner-txt-centros{
	font-size: 18px;
	line-height: 25px;
}

#centros-oni-cajas{
	position: relative;
	z-index: 1;
	margin-top: -150px;
}
.centros-cajas-txt{
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
}
.oni-programa.oni-programa-centros {
    padding: 30px 30px 0px 30px;
}
.oni-programa.oni-programa-centros.oni-programa-3 {
	background-size: auto 240px;
    background-position: center 70px;
    height: 310px;
}
#centros-programa-txt{
	max-width: 805px;
	margin: 0px auto;
}
.centros-title{
	font-size: 40px;
	line-height: 45px;
	margin-bottom: 10px;
}
.centros-text{
	font-size: 30px;
	line-height: 32px;
}

#centros-programa-fases{
	background: rgb(62,185,194);
	background: linear-gradient(180deg, rgba(62,185,194,1) 0%, rgba(62,185,194,0) 100%);
	border-radius: 10px;
	padding: 80px 0px 80px 0px;

}
.centros-fase-bloque{
	float: left;
	width: 50%;
	padding: 20px 30px 0px 30px;
}
.cfb-1{
	border-right: 2px solid #000000;
}
.p-fase-int{
	width: 160px;
	display: inline-block;
	margin: 0px 10px 40px;
	text-align: center;
	font-size: 25px;
	line-height: 25px;
	color: #FFFFFF;
	vertical-align: top;
}
.fase-parrafo{
	font-size: 20px;
	line-height: 25px;
}
.p-fase-titulo{
	height: 50px;
	color: #27868D;
	font-weight: 600;
}
#cfb-1-int{
	text-align: right;
}
.p-fase-int-img{
	position: relative;
	height: 150px;
	margin-bottom: 20px;
}
.p-fase-int img{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.centros-educ-btn{
	border-radius: 10px;
	padding: 40px 30px;
	margin-bottom: 30px;
}
#centros-img-educ{
  width: 100%;
  height: 580px;
  object-fit: cover;
  border-radius: 20px;
}
.centros-txt-combatimos{
	font-size: 30px;
	line-height: 32px;
}
.alig-der-center.centros-txt-combatimos{
	padding-right: 30px;
}
.alig-izq-center.centros-txt-combatimos{
	padding-left: 30px;
}
.centros-img-combatimos{
  height: 448px;
  width: 448px;
  /*object-fit: cover;*/
  border-radius: 20px;
}
.centros-sin-pad{
	padding-left: 0px;
	padding-right: 0px;
	height: 448px;
	position: relative;
}
 .centered-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.centros-apoyo-h2{
	font-size: 60px;
	line-height: 60px;
}
.centros-apoyo-txt{
	font-size: 20px;
	line-height: 25px;
}
.centros-cont-apoyo-txt{
	padding-top: 80px;
	padding-bottom: 80px;
}
#centros-apoyo-cont-doc{
	padding: 30px 20px;
	text-align: center;
}
.centros-doc{
	padding-top: 160px;
	width: 200px;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 20px;
	margin: 0px 20px;
	text-align: center;
}
.centros-doc.acta{
	background: transparent url('/images/centros-oni/acta.png') scroll no-repeat center 0px;
}
.centros-doc.curp{
	background: transparent url('/images/centros-oni/curp.png') scroll no-repeat center 65px;
}

#centros-oni-como{
	position: relative;
}
#centros-oni-back-apoyo{
	background: transparent url('/images/centros-oni/oni-back-centros-apoyo.png') scroll no-repeat right bottom;
	background-size: 600px auto;
	background-position: calc(100% - 50px) bottom;
	height: 100%;
	width: 50%;
	left: 0px;
	top: 0px;
	position: absolute;
}



#oni-caja-donacio-gracias{
	max-width: 600px;
	padding: 100px 50px;
	margin: 0px auto;
}
#email-informacion{
	margin: 0px auto;
	width: 100%;
	max-width: 350px;
	float: none;
}
#oni-logo-donacion-gracias{
	width: 215px;
}


#oni-btn-whatsapp{
	background: transparent url('/images/btn-whastapp.png') no-repeat scroll 0px center;
	background-size: 50px auto;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 48px;
	height: 48px;
	border-radius: 50px;
	display: block;
	z-index: 100;
	font-size: 0px;
	text-indent: -9999px;
}





/*PREGUNTAS********************************/
#seccion-preguntas-frecuentes{
	padding-top: 60px;
}
#oni-pf-cont{
	margin-top: 60px;
	margin-bottom: 60px;
}
.oni-pf-item{
	border-bottom: 1px solid #EC6B00;
	padding: 40px 20px;
}
.oni-pf-item:first-child {
    border-top: 1px solid #EC6B00;
}
.oni-pf-pregunta{
	cursor: pointer;
}
.oni-pf-cont-respuesta{
	overflow: hidden;
	height: 0;
	transition: height 0.5s ease;
}
.oni-pf-cont-respuesta.abrir-respuesta{
	/*height: auto;*/

}
.oni-pf-respuesta{
	line-height: 25px;
	padding: 20px 0px 0px 20px;
}
.oni-pf-respuesta a.txt-naranja{
	text-decoration: underline;
}
.oni-pf-respuesta a.txt-naranja:hover{
	color: #EC6B00;
}
#oni-pf-p9{
	margin-left: 25px;
}
#oni-pf-p9 li{
	list-style: disc;
	margin-bottom: 20px;
}
.oni-pf-p4{
	margin-bottom: 25px;
}




/*Blog*/
#seccion-blog{
	padding-top: 30px;
}
#oni-blog-banner{
	background: #FE922D url('/images/blog/oni-blog-ninos.png') scroll no-repeat 0px bottom;/*oni-blog-banner.png*/
	background-size: 550px auto;
	padding: 70px 70px 70px 0px;
	border-radius: 20px;
}
.txts-50-banner-blog{
	font-size: 45px;
	line-height: 45px;
}
#oni-blog-banner-txt{
	max-width: 400px;
}
.oni-blog-entrada-item{
	margin-bottom: 40px;
}
.oni-blog-entra-item-int{
	padding: 20px 0px 20px 0px;
}
.oni-blog-entrada-item-title{
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 34px;
}
.oni-blog-entrada-item-resumen{
	margin-bottom: 10px;
}
.oni-blog-img{
    width: 100%;
    height: auto;
    border-radius: 20px;
    /*object-fit: cover;*/
}


#seccion-blog-entrada{
	padding-top: 30px;
}
#oni-blog-banner-titulo-entrada{
	margin-bottom: 10px;
}
#oni-blog-entrada-cuerpo h2{
	font-size: 40px;
	line-height: 44px;
}


.oni-blor-entrada-otro img{
	border-radius: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.oni-blor-entrada-otro h4{
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 10px;
}
.oni-blor-entrada-otro, .oni-blor-entrada-otro:hover{
	text-decoration: none;
	color: #414141;
	display: block;
	cursor: pointer;
}
#oni-blor-entrada-back{
	height: 500px;
	position: relative;
	z-index: 0;
}
#seccion-blog-entrada{
	z-index: 1;
	position: relative;
	margin-top: -500px;
}
#oni-blog-banner-titulo-entrada, #oni-blog-entrada-date{
	color: #FFFFFF;
}
.pagination>li>a, .pagination>li>span {
    color: #EC6B00;
    border: 1px solid #EC6B00;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #EC6B00;
    border-color: #EC6B00;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #EC6B00;
    border-color: #EC6B00;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #FFFFFF;
    background-color: #EC6B00;
    border-color: #EC6B00;
}





/*NOSOTROS**************************************/
#sec-nosotros-inicio{
	background: #EC6B00 url('/images/nosotros/la-huella-del-oni.png') scroll no-repeat 600px 40px;
	background-size: 465px auto;
	border-radius: 0px 0px 20px 20px;
	height: 700px;
	padding-top: 150px;
}
#sec-nostros-inicio-int{
	margin-left: 150px;
	width: 445px;
}
#sec-nostros-inicio-int h1{
	text-align: right;
}
.txts-90-nostros{
	font-size: 90px;
	line-height: 75px;
}
.txts-90-nostros.txts-90-nostros-lh{
	line-height: 85px;
}
.txts-25-nostros{
	font-size: 24px;
	line-height: 27px;
}
#oni-nostros-inicio-txt{
	text-align: right;
	padding: 5px 50px 0px 40px;

}
#oni-nostros-por-que-int{
	background: transparent url('/images/nosotros/oni-por-que-lo-hacemos.png') scroll no-repeat center 0px;
	background-size: 500px auto;
	padding-top: 450px;
	margin-top: -130px;
}



#oni-nosotros-contenedor-resultados{
	display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;

}
.oni-nosotros-caja-resultados{
    width: 33%;
    padding: 40px 20px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 20px;
}
.oni-nosotros-caja-resultados-titulo{
	font-size: 40px;
	line-height: 45px;
	font-weight: 600;
}

#oni-nostors-como-int{
	padding: 60px 40px;
}
.caja-resul-nostros{
	font-size: 20px;
	line-height: 23px;
}
.alig-der-center.caja-resul-nostros{
	padding-right: 30px;
}
.alig-izq-center.caja-resul-nostros{
	padding-left: 30px;
}
.resultados-img-nostros{
  height: 377px;
  width: 377px;
  /*object-fit: cover;*/
  border-radius: 20px;
}
.resultados-sin-pad{
	padding-left: 0px;
	padding-right: 0px;
	height: 377px;
	position: relative;
	text-align: left;
}
#oni-nostros-la-oniformula{
	height: 360px;
	padding-top: 120px;
	padding-left: 450px;
	position: relative;
}
#oni-nostros-la-oniformula h3{
	font-size: 40px;
	line-height: 40px;
	position: relative;
	z-index: 1;
}
#oni-nosotros-la-oniformula-img{
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -320px;
	z-index: 0;
}
#oni-nostros-cajas-unica{
	display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.oni-nostros-caja-formula{
    width: 33%;
    padding: 40px 60px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 20px;
    font-size: 20px;
    line-height: 20px;
}
.alx-txt-estados-cont{
	padding: 0px 40px;
}
.txt-color-estados{
	color: #84D9FE;
	font-weight: 600;
}
.txt-color-jalisco{
	color: #F08A3C;
	font-weight: 600;
}
.txt-color-nayarit{
	color: #2FADB7;
	font-weight: 600;
}
.txt-color-michoacan{
	color: #F9B445;
	font-weight: 600;
}
.txt-color-chiapas{
	color: #0068EA;
	font-weight: 600;
}
.txt-color-oaxaca{
	color: #6ED1D9;
	font-weight: 600;
}
.txt-color-mexico{
	color: #3877C5;
	font-weight: 600;
}
.txt-color-chihuahua{
	color: #FEB677;
	font-weight: 600;
}
#oni-nosotros-mapa{
	max-width: 900px;
	width: 100%;
	margin: 0px auto;
}
#oni-alianzas-img{
	background: transparent url('/images/nosotros/alianzas.jpg') scroll no-repeat center center;
	background-size: contain;
	padding-top: 60%;
}

.d-block {
    display: block;
}
.mt-5 {
    margin-top: 3rem
}
.mb-5 {
    margin-bottom: 3rem
}


/*
Extra pequeño (xs): Menos de 768px de ancho.
Pequeño (sm): 768px o más.
Mediano (md): 992px o más.
Grande (lg): 1200px o más.
*/

@media only screen and (max-width: 1199px) {
	.txts-50{
		font-size: 40px;
		line-height: 45px;
	}



}

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


	.alig-izq-center{
		text-align: center;
	}
	.alig-der-center{
		text-align: center;
	}


}

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

}

:root {
    --blue: #30BEC7;
    --light-blue: #89D5DB;
    --orange: #F47920;
    --light-orange: #F8B066;
    --text-color: #ffffff;
}

.valores-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}

.valor-card {
    flex: 1 1 250px;
    max-width: 300px;
    padding: 20px;
    border-radius: 20px;
    color: white;
    text-align: center;
    transition: all 0.3s ease-in-out;
    font-family: 'Helvetica', sans-serif;
    height: 460px;
}

/* Colores */
.azul {
    background: linear-gradient(to bottom, #2cb3c5 0%, #b0e3e1 80%, #ffffff 100%);
}

.naranja {
    background: linear-gradient(to bottom, #e76600 0%, #f9b67b 80%, #ffffff 100%);
}

/* Estilo de escalera */
.nivel-1 {
    margin-top: 40px;
}
.nivel-2 {
    margin-top: 20px;
}
.nivel-3 {
    margin-top: 0px;
}

.valor-card h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.valor-card p {
    font-size: 18px;
    margin: 0 auto;
    max-width: 320px;
    width: 80%;
}

@media(max-width: 768px) {

    .azul {
        background: linear-gradient(to right, #2cb3c5 0%, #b0e3e1 100%);
    }

    .naranja {
        background: linear-gradient(to right, #e76600 0%, #f9b67b 100%);
    }

    .valores-container {
        flex-direction: column;
        align-items: center;
        gap: 0;
        padding: 0;
    }

    .valor-card {
        max-width: 100%;
        margin-top: 0 !important;
        margin-bottom: 20px;
        border-radius: 0;
    }

    .valor-card p {
        font-size: 18px;
    }
}