@charset "utf-8";
/* CSS Document */

@font-face {
font-family:castrol-300;
src: url(CastrolSansConML-Regular.otf);
}

@font-face {
font-family:castrol-500;
src: url(CastrolSansConML-Medium.ttf);
}

@font-face {
font-family:castrol-300-italica;
src: url(CastrolSansConML-RegularObl.otf);
}


@font-face {
font-family:museo-700;
src: url(MuseoSans-700.otf);
}


:root {
--color1: #000000;
--color2: #ffffff;
--color3: #00833B;
--color4: #111110;
--color5: #707070;
--color6: #F7F7F7;


}


body, html {
height: 100%;
width: 100%;
margin: 0;
font-weight:300;
font-size:10px;
color: var(--color1);
box-sizing: border-box;
font-family: Libre Franklin, sans-serif;
}
/* ********************************************* */

/* IN HOUSE */

.pt10{
padding-top: 10px;
}
.pb10{
padding-bottom: 10px;
}



.pt20{
padding-top: 20px;
}
.pb20{
padding-bottom: 20px;
}

.pt30{
padding-top: 30px;
}
.pt40{
padding-top: 40px;
}
.pb40{
padding-bottom: 40px;
}

.pt50{
padding-top: 50px;
}
.pb50{
padding-bottom: 50px;
}


.altura40{
height: 40px;
}

.contenedor-general{
width: 100%;
max-width: 100vw;
margin: 0;
box-sizing: border-box;
display:flex;
flex-direction:column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
}

.foto-responsive{
width: 100%;
height: auto;
max-width: 100%;
}

.foto-2columnas{
    }

/* Estilos de texto */

.logook{
width: 120px;
}

p{
font-size: 1.7rem;
line-height: 2.9rem;
display: inline;
font-weight:300;
}

b{
font-weight:700;
}

.bold{
font-weight: 700;
}

.regular{
font-weight:300;
}


.frase-inicial{
font-size: 2.1rem;
line-height: 1.8rem;
color: var(--color4);
font-family: museo-500, sans-serif;
padding: 0;
margin: 0;
}

.frase-inicial2{
font-size: 2.1rem;
line-height: 1.8rem;
color: var(--color4);
padding: 0;
margin: 0;
font-family: museo-100, sans-serif;
}


.centrado{
text-align: center;
}

.interletra-5{
letter-spacing: -0.5px;
}

.interletra-10{
letter-spacing: -1px;
}


.bajada{
    padding-top: 40px;
}

.borde-celeste-punteado{

}


.premisa{
padding:30px;
}

.premisa-texto{
font-family: museo-500, sans-serif;
color: var(--color4);
font-size: 1.9rem;
}

ul{
background-color: var(--color7);
font-family: museo-100, sans-serif;
color: var(--color4);
font-size: 1.8rem;
padding: 0  0 0 20px;
}

li{
padding: 10px;
}

.azul{
color: var(--color4);
}


h1{
font-size: 6rem;
line-height: 6.5rem;
color: var(--color2);
display: inline;
font-family:castrol-500, sans-serif;
text-align: center;
margin: 0 auto 0 auto;
letter-spacing: 0.2px;
}



h2{
font-size: 4rem;
line-height: 4.5rem;
color: var(--color1);
padding:0;
margin:0 auto 0 auto;
text-align: center;
display: inline;
font-family:castrol-300, sans-serif;
letter-spacing: 0.25px;
}


h3{
font-size: 2.2rem;
line-height: 3.1rem;
font-family: castrol-300, sans-serif;
text-align: left;
display: inline;
color: var(--color1);
letter-spacing: 0.1px;
}

h4{
font-size: 2.2rem;
line-height: 3.1rem;
font-family: castrol-300, sans-serif;
text-align: left;
padding: 0;
margin: 0;
display: inline;
color: var(--color3);
letter-spacing: 0.1px;
}

.destacado{
font-family: museo-500, sans-serif;
}


h5{
font-size: 2.8rem;
line-height: 1.8rem;
text-align: center;
font-family: castrol-300, sans-serif;
padding: 5px 0 0 0;
display: inline;
display: inline;
color:#ffffff;
}

h6{
    font-size: 2.4rem;
    line-height: 2.6rem;
    text-align: center;
    font-family: castrol-300, sans-serif;
    padding: 0 0 0px 0;
    display: inline;
    display: inline;
    color:#ffffff;
    }




.texto-blanco{
color: #ffffff;
}

.texto-verde{
color: #00833B;
}


.imga2col{
width: 100%;
max-width: 900px;
height:auto;
}

.contenedor-destacado-con-borde{
width: 90%;
max-width: 700px;
margin:0px auto 0px auto;
padding: 40px 30px 40px 30px;
text-align: center;
}


.footer-copyright p{
font-size: 12px;
line-height: 16px;
color:#000000;
display: inline;
}



/* Imágenes de fondo */


/* Secciones */

.color1{
background-color: var(--color1);
}

.color2{
background-color: var(--color2);
}

.color3{
background-color: var(--color3);
}

.color4{
background-color: var(--color4);
}

.color5{
background-color: var(--color5);
}


.color6{
background-color: var(--color6);
}


.color7{
background-color: var(--color7);
}

.sombra{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.58); 
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.58);
}
.section-base{
position: relative;
max-width: 100vw;
width: 100%;
margin:0;
padding:0;
}

/* HEADER CON FOTO*/

.section-base-foto{
position: relative;
max-width: 100vw;
width: 100%;
margin:7px 0 0 0;
padding:0;
}

.section-base-foto img{
max-width: 100vw;
width: 100%;
}

.section-fixed{
position: fixed;
z-index: 100000;
width: 100%;
max-width: 100vw;
top: 0;
left: 0;
background-color: #ffffff;
margin: 0;
padding: 0;

}

.imagen-100{
width: 100%;
max-width: 900px;
margin: 0 auto 0 auto;
}
.img-100{
width: 100%;
max-width: 900px;
margin: 0 auto 0 auto;
padding-top:20px;
}


/* PADDING */

.pt25{
padding-top:25px;
}
.pb25{
padding-bottom:25px;
}
.pl25{
padding-left:50px;
}

.pt20{
padding-top:20px;
}
.pb20{
padding-bottom:20px;
}

.pt30{
padding-top:30px;
}
.pb30{
padding-bottom:30px;
}

.mt30{
padding-top:30px;
}

.mb30{
margin-bottom:30px;
}

.mb50{
margin-bottom:50px;
}

.mt50{
margin-top:50px;
}


/* CONTENEDORES */

.contenedor900{
width: 100%;
max-width: 900px;
margin:0 auto 0 auto;
}


.contenedor700{
width: 100%;
max-width: 700px;
margin:0 auto 0 auto;
padding:0px 0 0 0;
}

.comillas{
font-size:10rem;
color:#1226AA;
}


.contenedor-destacado-comillas{
width: 100%;
max-width: 900px;
margin:3% auto 3% auto;
padding:0px 0 0 0;
display: flex;
flex-direction: row;
}

.section-base .contenedor-texto{
width: 100%;
max-width: 900px;
margin:0 auto 0 auto;
}

.contenedor-foto{
width: 100%;
max-width: 900px;
margin:0 auto 0 auto;
}





/*TARJETAS RESPONSIVE*/


.contenedor-tarjetas-con-icono {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}


.tarjeta-con-icono {
background-color: var(--color3);
width:27%;
max-width: 27%;
text-align: center;
padding:1%;
margin: 0 0 0 0;
background-color: #00833B;
color:#ffffff;
}

.texto-una-tarjetaconicono  {
padding:0 10px 15px 10px;
width: 80%;
margin: 0 auto 0 auto;
}

.icono-una-tarjeta img{
    padding:10px;
    width: 80%;
    height: auto;
    margin: 0 auto 0 auto;
    }

.descripcion{
font-size: 1.7rem;
line-height: 2.1rem;
}



/* FIN DE TARJETAS RESPONSIVE*/




/* VIDEO YT */
.contenedor-video{
width: 100%;
max-width: 900px;
margin:0 auto 0 auto;
}



/* ID RECUADRO 3 ITEMS HORIZONTALES */
.contenedor-recuadro3itemshorizontales{
width: 100%;
max-width: 900px;
margin:0px auto 0px auto;
padding: 0;
display:flex;
flex-direction: column;
}

.unaparte{
width: 100%;
max-width: 900px;
margin:0px auto 0px auto;
padding: 0 0 0 0;
display:flex;
flex-direction: column;
}

.titulo-recuadro{
width: 100%;
max-width: 900px;
background-color: #1EB8E3;
color: #ffffff;
font-family: museo-700, sans-serif;
padding: 0;
margin: 0 auto 0 auto;
text-align: center;
}

.titulo-recuadro .titulo-arte{
color: #ffffff;
font-family: museo-700, sans-serif;
padding: 0;
margin: 0 auto 0 auto;
text-align: center;
line-height: 2.5rem;
font-size: 1.8rem;
}

.tresitems-recuadro{
width: 100%;
max-width: 900px;
margin:0px auto 0px auto;
padding: 20px 0 20px 0;
display:flex;
flex-direction: row;
background-color: var(--color6);
}

.unitem-recuadro{
width: 20%;
max-width: 20%;
margin:0px auto 0px auto;
padding: 0;
display:flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 30px 0 30px;
}

.iconito{
width: auto;
height: 52px;
max-height: 52px;
margin: 0 auto 0 auto;
padding: 0 0 10px 0;
}

.texto-recuadro{
margin: 0;
padding: 0;
line-height: 1.9rem;
font-size: 1.6rem;

}

.porcentaje{
text-align: center;
font-size: 2.2rem;
line-height: 2.4rem;
color: var(--color3);
font-family: museo-700;
padding: 0;
margin: 0;
}

/* FIN DE RECUADRO  3 ITEMS HORIZONTALES */

/* RECUADRO  2 ITEMS HORIZONTALES */
.dositems-recuadro{
width: 100%;
max-width: 900px;
margin:0px auto 0px auto;
padding: 20px 0 20px 0;
display:flex;
flex-direction: row;
justify-content: space-around;
background-color: var(--color6);
}


.unitem-mitad{
width: 35%;
max-width:35%;
margin:0px auto 0px auto;
display:flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 30px 0 30px;
}

/* FIN DE RECUADRO  2 ITEMS HORIZONTALES */


/* RECUADRO ARGENTINA */


.borde-celeste{
border-top: 2px dotted #1EB8E3;
}

.borde-celeste-claro{
border-top: 2px dotted #d4e7f3;
}


.borde-claro{
border-bottom: 2px dotted #d4e7f3;
}


.borde-claro2{
border-bottom: 2px dotted #d4e7f3;
padding: 20px 0 20px 0;
}

.borde-azul{
border-top: 2px dotted #1226AA;
}


.datos{
margin:0 auto 0 auto;
padding:0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}


.datos1{
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
width:300px;
border-right: 2px #1EB8E3 dotted;
}
.datos2{
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
width:300px;

}

.color{
color: var(--color3);
font-family: museo-500;
font-size: 1.7rem;
}


/* HEADER DE COLORES */
.contenedor-header{
width: 100%;
max-width: 100%;
margin:0 auto 0 auto;
padding:20px 0 0 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
color: var(--color3);
}


.mitad-izquierda .contenedor-foto-full-izquierda img{
width: 50%;
height: auto;
float: right;
margin: 0;
padding: 0;
}


.contenedor-titulo{
width: 70%;
padding:0;
margin: 0;
}


/* FIN HEADER DE COLORES */


/* INFOGRAFÍA */

.img-infografia{
}

.bloque-infografia{
padding:10px 0px 10px 0;
margin: 0 auto 0 auto;
width:900px;
max-width: 900px;
display: flex;
flex-direction: row;
align-items: center;
}

.bloque-infografia-horizontal{
padding:20px 0 0 0;
margin: 0 auto 0 auto;
width:900px;
max-width: 900px;
display: flex;
flex-direction: row;
align-items: center;
border-top:#1EB8E3 dotted 2px;
}

.bloque-horizontal{
padding:0 0 0 0;
margin: 0 auto 0 auto;
width:900px;
max-width: 900px;
display: flex;
flex-direction: row;
align-items: center;
}

.texto-infografia {
padding-left:20px;
}

.centro{
width:100%;
max-width:900px;
margin:0 auto 0 auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-around;

}

.contenedor-flex-2columnas{
width: 100%;
max-width: 900px;
padding:0;
margin:0;
display: flex;
flex-direction: row;
margin: 0 auto 0 auto;
}

.contenedor-flex-2columnas .columna-izquierda{
padding: 0;
margin: 0;
max-width: 50%;
width: 50%;
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 0;
padding-right:15px;
}

.contenedor-flex-2columnas .columna-derecha{
padding: 0;
margin: 0;
max-width: 50%;
width: 50%;
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 0;
padding-left:15px;
}

/* columnas con fondo de color */
.contenedor-flex-2columnas-con-fondo{
width: 100%;
max-width: 100%;
padding:15px 0 15px 0;
margin:0;
display: flex;
flex-direction: row;
justify-content:center;
}

.columna-izquierda-con-foto-full{
padding:0;
margin: 0;
max-width:50%;
width: 50%;
display: flex;
flex-direction: row;
justify-content:flex-end !important;
}

.columna-izquierda-con-texto{
padding:0;
margin: 0;
max-width: 50%;
width: 50%;
display: flex;
flex-direction: row;
align-items:center;
justify-content: flex-end;
vertical-align: middle;
margin:0;

}

.columna-derecha-con-texto{
padding: 0;
margin: 0;
max-width:50%;
width: 50%;
display: flex;
flex-direction: row;
align-items:center;
vertical-align: middle;
justify-content:flex-start;
}

.columna-derecha-con-texto-epigrafe{
padding: 0 0 0px 0;
margin: 0;
max-width:50%;
width: 50%;
display: flex;
flex-direction: row;
vertical-align: middle;
justify-content:flex-start;
}




.columna-derecha-con-foto-full{
padding: 0 0px 0 0;
max-width:50%;
width: 50%;
display: flex;
flex-direction: row;
justify-items: center;
vertical-align: middle;
justify-content: flex-start;
margin: 0;
}


.contenedor-texto-para-foto-full{
padding:0 0 0 20px;
max-width:435px;
width: 435px;
margin:0;

}

.contenedor-texto-para-foto-full2{
padding: 0 20px 0 0;
max-width: 435px;
width: 435px;
margin:0;
}

.contenedor-foto img{
width: 100%;
height: auto;
margin:0 auto 0 auto;
padding: 0;
}

.contenedor-foto-full-derecha{
width: 100%;
max-width: 100%;
height: auto;
padding: 0%;
display: flex;

}

.contenedor-foto-full-izquierda{
width: 100%;
max-width: 100%;
height: auto;
padding: 0;
display: flex;
}

/* VIDEO INCRUSTRADO */

.video-incrustado{
padding: 30px 0 30px 0;
margin: 30px auto 30px auto;
max-width: 900px;
}

/* FIN VIDEO INCRUSTRADO */


.video{
margin:0 auto 0 auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
vertical-align: middle;
justify-content: space-around;
align-items: center;
padding:0;
}


.video-yt{
width: 900px;
height:500px;
}




/*  RECUADRO DOS NECESIDADES A DOS COLUMNAS  */


#recuadro-2necesidades{
background-color: var(--color7);
color: #1226AA;
}

.titulo-recuadroconnumero{
padding:30px 40px 30px 40px;
}

.titulo-recuadroconnumero p{
font-family: museo-500, sans-serif;
font-size: 1.8rem;
line-height: 2rem;
}

.recuadro-doscolumnas{
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
}

.columnarecuadro-numeroytexto{
display: flex;
flex-direction: row;
background-color:;
width:50%;
max-width:450px;
padding:10px 40px 40px 40px;
align-items: flex-start ;
}

.columnarecuadro-numero{
padding-right:20px;
}


.columnarecuadro-numero p{
font-size: 4rem;
font-family: museo-500, sans-serif;
}


.columnarecuadro-texto{
background-color:;
padding-left: 10px;

}


.columnarecuadro-texto p{
font-size: 1.7rem;
line-height: 2.2rem ;

}

/*  RECUADRO DOS NECESIDADES A DOS COLUMNAS  */



.boton{
    background-color: #00833B;
    color: #ffffff;
    font-size: 1.8rem;
    border-radius: 20px;
    text-decoration: none;
    border:0px transparent solid;
    padding: 15px;
    }
    
        
.boton2{
    background-color:#ffffff ;
    color: #00833B;
    font-size: 1.8rem;
    border-radius: 20px;
    text-decoration: none;
    border:0px transparent solid;
    padding: 15px;
    font-weight:400;
    }

    .boton2:hover{
        background-color:#dfdfdf;
        }

    .boton:hover{
        background-color:#005828;
        color: #ffffff;
        }




/* CARDS */

.contenedor-texto{
padding: 0px;
max-width: 47%;

}



/* PIE Y MARCAS*/
.logopie{text-align:center;}
.logopie img{max-width: 40%;}
.logopie img{max-width: 70%;}

.footer-bottom .footer-copyright {
font-size: 14px;
line-height: 18px;
text-align: center;
padding-top: 30px;
}

.logoinfobae{text-align:center;}
.logoinfobae img{margin-top:20px; 
margin-bottom: 20px; 
max-width: 40%;}
.logopie img{max-width: 70%;}


.footer{
color:#666;
font-size: 1.3rem;
}

.footer-copyright{
}

.derechos{
border-top: 1px solid #e9e9e9;
padding: 10px 30px 10px 30px;
margin:0 auto 0 auto;
}

a{
text-decoration: underline;
letter-spacing: 0.1rem;
}

a:hover{
text-decoration:underline;
font-weight:600;
}

.link-negro{
    color:var(--color1);
    }
    

.link-blanco{
color:var(--color2);
}

.ptlrb10{
    padding:10px 20px 10px 20px;
    }

.link-nombre{
    font-size: 3rem;
    line-height: 1.8rem;
    font-family: castrol-300, sans-serif;
    padding: 0;
    display: inline;
    display: inline;
    color:#ffffff;
}

.link-nombre:hover{
    font-family: castrol-500, sans-serif;
    }

.m3{
padding-top: 3%;
padding-bottom: 3%;
}



/* ANIMACIONES */ /* ********************************************* */

@keyframes opacidad {
0% {opacity: 0%;}
50% {opacity: 50%;}
100% {opacity: 100%;}
}

.opacidad{
animation-name: opacidad;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 4s;
animation-delay: 0s;	
}

.negro{
color: var(--color1);
font-size: 1.9rem;
line-height: 2.8rem;
text-align: center;
font-weight:400;
}

.p3{
padding-top: 3%;
padding-bottom: 3%;
}

.pb3{
padding-bottom: 3%;
}

.p1{
padding-top: 2%;
padding-bottom: 1%;
}

.final{
text-align: center;
}


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


/* QUERIES */


@media (max-width: 1500px) {



/* columnas con fondo de color */
.contenedor-flex-2columnas-con-fondo{
width: 100%;
max-width: 100%;
padding:20px 0 20px 0;
margin:0;
display: flex;
flex-direction: row;
justify-content:initial;

}




.columna-derecha-con-texto{
padding: 0;
margin: 0;
max-width:50%;
width: 50%;
display: flex;
flex-direction: row;
align-items:initial;
vertical-align: middle;
justify-content:flex-start;
}

.columna-derecha-con-texto-epigrafe{
padding: 0;
margin: 0;
max-width:50%;
width: 50%;
display: flex;
flex-direction: row;
align-items:initial;
vertical-align: middle;
justify-content:flex-start;
}


.columna-izquierda-con-texto{
padding:0;
margin: 0;
max-width: 50%;
width: 50%;
display: flex;
flex-direction: row;
align-items:initial;
justify-content: flex-end;
vertical-align: middle;
margin:0;                }



.columna-izquierda-con-foto-full{
padding:0;
margin: 0;
max-width:50%;
width: 50%;
display: flex;
flex-direction: row;                
    align-items:baseline;
}



.columna-derecha-con-foto-full{
    padding:0;
    margin: 0;
    max-width:50%;
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content:flex-start !important;
    align-items: baseline;                        }

}





.contenedor-foto-full-izquierda{
width: 100%;
max-width: 100%;
height: auto;
padding: 0%;
display: flex;
flex-direction: column;
}


.foto-responsive{
width: 100%;
height: auto;
max-width: 100%;
}

.contenedor-foto-full-derecha{
width: 100%;
max-width: 100%;
height: auto;
padding: 0%;
display: flex;
}



.p3{
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 0%;
    }




} 



@media (max-width: 1200px) {



}  


@media (max-width: 1100px) {


}  

@media (max-width: 900px) {




/* VIDEO */
.video{
padding: 30px 0 30px 0;
max-width: 800px;

}

.video{
margin:0 auto 0 auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
vertical-align: middle;
justify-content: space-around;
align-items: center;
padding:0;
}


.video-yt{
width: 720px;
height:400px;
}



/* FIN DE VIDEO */


.ptr20 {
padding-top:;
margin-top: 100px;
}


.pbr20 {
padding-bottom: 20px;
}


.pt0020{
padding-top: 30px;
}


.pb0020{
padding-bottom: 30px;
}

.contenedor900{
width: 100%;
max-width: 700px;
margin:0 auto 0 auto;
padding:0px 0 0 0;
}

.contenedor-header{
padding:37px 0 0 0;
}


/*columnas con foto full y texto - responsive*/
.contenedor-flex-2columnas-con-fondo{
width: 100vw;
max-width: 100%;
margin:0;
padding: 20px 0 20px 0;
display: flex;
flex-direction: column;
justify-content:space-around;
vertical-align: center;

}



.contenedor-texto-para-foto-full2{
padding: 0 20px 0 15px;
max-width: 435px;
width: 50%;
margin:0;

}


.contenedor-texto-para-foto-full{
padding:0 15px 0 20px;
max-width:435px;
width: 50%;
margin:0;
}


/*//////foto a la izquierda - responsive*/

.columna-izquierda-con-foto-full{
padding: 0px;
margin: 0 auto 0 auto;
max-width:100%;
width: 100%;
height: auto;
display: flex;
flex-direction: column;}


.contenedor-foto-full-izquierda{
width: 100%;
max-width: 100%;
height: auto;
padding:0;
display: flex;
flex-direction: column;
margin: 20px auto 20px auto;

}

.foto-responsive{
width: 100%;
height: auto;
padding:10px;
}

/*////// FIN DE foto a la izquierda - responsive*/


/*//////foto a la derecha - responsive*/

.columna-derecha-con-foto-full{
padding: 0;
max-width:95%;
width:95%;
display: flex;
flex-direction: row;
margin: 0 auto 0 auto;
}


.contenedor-foto-full-derecha{
width: 100%;
max-width: 100%;
height: auto;
padding: 0%;
display: flex;
flex-direction: row;
}

/*//////FIN DE foto a la derecha - responsive*/

/*//////Textos en columnas - responsive*/
.columna-derecha-con-texto{
padding: 0px 0px 0 0px;
margin: 0 auto 0 auto;
max-width: 700px;
width: 100%;
display: flex;
flex-direction: column;
align-items:center;

}

.columna-derecha-con-texto-epigrafe{
padding: 0px 0px 0 0px;
margin: 0 auto 0 auto;
max-width: 700px;
width: 100%;
display: flex;
flex-direction: column;
align-items:center;
}

.columna-izquierda-con-texto{
padding: 0 0px 0px 0;
margin: 0px auto 0px auto;
max-width: 700px;
width: 100%;
display: flex;
flex-direction: column;
align-items:center;
}

.linea-blanca{
    border-top:#ffffff solid 2px;
    }

.margin-bottom30{
    margin-bottom:30px;
    }
.margin-top30{
    margin-top:30px;
    }

/*//////FIN DE Textos en columnas - responsive*/


.contenedor-texto-para-foto-full{
padding:0 0 0 0;
max-width:675px;
width: 100%;
margin:0;

}

.contenedor-texto-para-foto-full2{
padding: 30px 0 0 0;
max-width: 675px;
width: 100%;
margin:0;

}



/*FIN DE columnas con foto full y texto - responsive*/


/*recuadro con mapa de Argentina - responsive*/

.contenedor900-recuadro{
width: 100%;
max-width: 700px;
margin:20px auto 0 auto;
padding:0;
display: flex;
flex-direction: row;
border-top: 2px dotted #1EB8E3;
border-bottom: 2px dotted #1EB8E3;
}

.datos{
margin:0 auto 0 auto;
padding:20px 0 20px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}

.datos1{
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
width:300px;
border-right: 0px transparent dotted;
}

/*FIN DE recuadro con mapa de Argentina - responsive*/


/*textual con comillas - responsive*/
.contenedor-destacado-comillas{
width: 100%;
max-width: 700px;
margin:7% auto 7% auto;
padding:0px 0 0 0;
display: flex;
flex-direction: row;
}

.texto-comillas {
width: 70%;
max-width: 600px;
margin:0 auto 0 auto;
padding:0;
}

.img-comillas {
width: 20%;
max-width: 100px;
padding:0;
}

.img-comillas img {
width: 100%;
max-width: 100px;
height: auto;
padding:0;
}


/*FIN DE textual con comillas - responsive*/



/*texto a dos columnas - responsive*/

.contenedor-flex-2columnas{
width: 100%;
max-width: 700px;
padding:0;
margin:0;
display: flex;
flex-direction: column;
margin: 0 auto 0 auto;
}

.contenedor-flex-2columnas-con-fondo{
width: 100%;
max-width: 700px;
padding:0;
margin:0;
display: flex;
flex-direction: column;
margin: 0 auto 0 auto;
}




.contenedor-flex-2columnas .columna-izquierda{
padding: 0;
max-width: 700px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 0 auto 0 auto;
padding-right:15px;
padding-left: 15px;
}

.contenedor-flex-2columnas .columna-derecha{
padding: 0;
margin: 0;
max-width: 700px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 0 auto 0 auto;
padding-right:15px;
padding-left: 15px;

}

/*FIN DE texto a dos columnas - responsive*/




/*infografia responsive*/

.bloque-infografia {
padding:0 0 0 0;
margin: 0 auto 0 auto;
width:100%;
max-width: 700px;
display: flex;
flex-direction: row;
align-items: center;
}

.img-infografia img{
width: 150px;
height: auto;
}

.img-infografia2 img{
width: 100px;
height: auto;
}

.bloque-infografia-horizontal{
padding:20px 0 0 0;
margin: 0 auto 0 auto;
width:100%;
max-width: 700px;
display: flex;
flex-direction: row;
align-items: center;
border-top:#1EB8E3 dotted 2px;
}

.bloque-horizontal{
padding:0 0 0 0;
margin: 0 auto 0 auto;
width:50%;
display: flex;
flex-direction: row;
align-items: center;
}

.texto-infografia {
padding-left:20px;
padding-right:20px;
}



.bloque-infografia{

margin: 25px auto 25px auto;
}



.texto-infografia {
padding:20px;
}

.p3{
padding-top: 5%;
padding-bottom: 5%;
margin-top: 3%;
}



.margin-bottom-responsive2{
    padding-bottom: 30px;
    }


}

@media (max-width: 800px) {
.contenedor-video{
width: 100%;
max-width: 800px;
margin:0 auto 0 auto;
}

.contenedor700{
width: 90%;
max-width: 600px;
margin:0 auto 0 auto;
padding:0px 0 0 0;
}


.video{
margin:0 auto 0 auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
vertical-align: middle;
justify-content: space-around;
align-items: left;
padding:0;
}

.video-yt{
width:560px;
height:315px;
margin:0 auto 0 auto;
}


}



@media (max-width: 767px) {


.contenedor900{
width: 100%;
max-width: 600px;
margin:0 auto 0 auto;
padding:0px 0 0 0;
}

/*//////Textos en columnas - responsive*/
.columna-derecha-con-texto{
padding: 0px 0px 0 0px;
margin: 0 auto 0 auto;
max-width: 600px;
width: 100%;
display: flex;
flex-direction: column;
align-items:center;

}


.columna-derecha-con-texto-epigrafe{
padding: 0px 0px 0 0px;
margin: 0 auto 0 auto;
max-width: 600px;
width: 100%;
display: flex;
flex-direction: column;
align-items:center;
}



.columna-izquierda-con-texto{
padding: 0 0px 0 0;
margin: 0 auto 0 auto;
max-width: 600px;
width: 100%;
display: flex;
flex-direction: column;
align-items:center;
}
/*//////FIN DE Textos en columnas - responsive*/


/*texto a dos columnas - responsive*/

.contenedor-flex-2columnas{
width: 100%;
max-width: 600px;
}

.contenedor-flex-2columnas .columna-izquierda{
padding: 0;
max-width: 600px;
width: 100%;
}

.contenedor-flex-2columnas .columna-derecha{
padding: 0;
margin: 0;
max-width: 600px;
width: 100%;
}

/*FIN DE texto a dos columnas - responsive*/


/*  RECUADRO DOS NECESIDADES A DOS COLUMNAS  */

.titulo-recuadroconnumero{
padding:30px 40px 30px 40px;
}

.titulo-recuadroconnumero p{
font-family: museo-500, sans-serif;
font-size: 1.8rem;
line-height: 2rem;
}

.recuadro-doscolumnas{
display: flex;
flex-direction: column;
width: 100%;
justify-content: space-between;
}

.columnarecuadro-numeroytexto{
display: flex;
flex-direction: row;
background-color:;
width:80%;
max-width:550px;
padding:10px 40px 40px 40px;
align-items: flex-start ;
}

.columnarecuadro-numero{
padding-right:20px;
}


.columnarecuadro-numero p{
font-size: 4rem;
font-family: museo-500, sans-serif;
}


.columnarecuadro-texto{
padding-left: 10px;

}


.columnarecuadro-texto p{
font-size: 1.7rem;
line-height: 2.2rem ;

}

/*  RECUADRO DOS NECESIDADES A DOS COLUMNAS  */



/* RECUADRO ARGENTINA */

.contenedor900-recuadro{
width: 100%;
max-width: 600px;
margin:20px auto 0 auto;
padding:0;
display: flex;
flex-direction: row;
border-top: 2px dotted #1EB8E3;
border-bottom: 2px dotted #1EB8E3;
}

/* FIN DE RECUADRO ARGENTINA */ 

/*textual con comillas - responsive*/
.contenedor-destacado-comillas{
width: 100%;
max-width: 600px;
margin:7% auto 7% auto;
padding:0px 0 0 0;
}


/*FIN DE textual con comillas - responsive*/


/*Video responsive*/

.contenedor-video{
width: 100%;
max-width: 700px;
margin:0 auto 0 auto;
}

.video{
}

.video-yt{
width:476px;
height:268px;
margin:0 auto 0 auto;
}
/*FIN DE Video responsive*/

/*infografia responsive*/

.bloque-infografia {
padding:0 0 0 0;
margin: 0 auto 0 auto;
width:100%;
max-width: 600px;
display: flex;
flex-direction: row;
align-items: center;
}

.img-infografia2 img{
width: 80px;
height: auto;
}

.bloque-infografia-horizontal{
padding:20px 0 0 0;
margin: 0 auto 0 auto;
width:100%;
max-width: 600px;
}

.bloque-horizontal{
padding:0 0 0 0;
margin: 0 auto 0 auto;
width:50%;

}


/*FIN DE infografia responsive*/


}


@media (max-width: 600px) {

h1{
font-size: 4.8rem;
line-height: 5.3rem;
color: var(--color2);
display: inline;
font-family:castrol-500, sans-serif;
text-align: left !important;
margin: 0 auto 0 auto;
letter-spacing: 0.2px;
}

.centrado{
    text-align: left;
    }

.contenedor900{
width: 90%;
max-width: 90vw;
margin:0 auto 0 auto;
padding:0;
}

.contenedor-flex-2columnas{
width: 90%;
max-width: 90vw;
padding:0;
margin:0;
display: flex;
flex-direction: column;
margin: 0 auto 0 auto;
}


/*//////foto a la izquierda - responsive*/

.columna-izquierda-con-foto-full{
padding: 0px;
margin: 0 auto 0 auto;
max-width:90%;
width: 90%;
height: auto;
display: flex;
flex-direction: column;
}

/*//////foto a la derecha - responsive*/

.columna-derecha-con-foto-full{
padding: 0;
max-width:90%;
width: 90%;
display: flex;
flex-direction: row;
margin: 0 auto 0 auto;
}



/*//////FIN DE foto a la izquierda - responsive*/



/* columnas con fondo de color */
.contenedor-flex-2columnas-con-fondo{
width: 90vw;
max-width: 90%;
margin:0 auto 0 auto;
display: flex;
flex-direction: column;
justify-content:center;
}


/*textos*/



#historias h1{
font-size: 4.1rem;
line-height: 4.7rem;
color: var(--color4);
display: inline;
font-family:museo-500, sans-serif;
text-align: center;
margin: 0 auto 0 auto;
letter-spacing: 0.2px;
}

/*FIN DE textos responsive*/     



.centrado-responsive{
text-align:center !important;
}      

.centrado-responsive p{
text-align:center !important;
}  


.img-infografia2 img{
width: 80px;
height: auto;
padding: 0 10px 0 10px;
}


.datos{
width:100%;
max-width: 500px;
margin:20px auto 20px auto;
padding:20px 0 20px 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}

.datos1{
text-align: center;
margin: 20px auto 20px auto;
padding:20px 0 20px 0;
width:80%;
max-width:80%;
border-right: 0 transparent dotted;
}

.datos2{
text-align: center;
margin: 20px auto 20px auto;
padding:20px 0 20px 0;
width:80%;
max-width:80%;
border-top: dotted #1EB8E3 2px;
}

.datos2-contenido {
padding-top:15px;
margin-top: 10px;
}

/* FIN DE infografia - responsive*/



/*TARJETAS RESPONSIVE MEDIA QUERY 600*/


.contenedor-tarjetas-con-icono {

display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-evenly;
}


.tarjeta-con-icono {
width:80%;
max-width: 80%;
text-align: center;
padding:1%;
margin: 15px auto 10px auto;
}

.texto-una-tarjetaconicono  {
padding:0;
width: 80%;
margin: 0 auto 30px auto;

}


.descripcion{
font-size: 1.7rem;
line-height: 2.1rem;
}

.icono-responsive{
height: auto;
width:50%;
}

/* FIN DE TARJETAS RESPONSIVE MEDIA QUERY 600*/


.contenedor-boton{
padding-bottom: 60px;
    }


.boton{
    background-color: #00833B;
    color: #ffffff;
    font-size: 1.8rem;
    border-radius: 20px;
    text-decoration: none;
    border:0px transparent solid;
    padding: 15px;
    }

    
.boton2{
    background-color:#ffffff ;
    color: #00833B;
    font-size: 1.8rem;
    border-radius: 20px;
    text-decoration: none;
    border:0px transparent solid;
    padding: 15px;
    }




/*Video responsive*/

.contenedor-video{
width: 100%;
max-width: 590px;
margin:0 auto 0 auto;
}

.video-yt{
width:476px;
height:268px;
margin:0 auto 0 auto;
}
/* FIN Video responsive*/


/*textual con comillas - responsive*/
.contenedor-destacado-comillas{
width: 100%;
max-width: 500px;
margin:10% auto 10% auto;
padding:10px 0 0 0;
display: flex;
flex-direction: row;
}

.texto-comillas {
width: 75%;
max-width: 600px;
margin:0px auto 0 auto;
padding:0;
}

.img-comillas {
width: 30%;
max-width: 100px;
height: auto;
padding:0;
}

.img-comillas img {
}


/*FIN DE textual con comillas - responsive*/



/*recuadro con mapa de Argentina - responsive*/


.datos{
margin:0 auto 0 auto;
padding:0 0 20px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}

.datos1{
text-align: center;
margin: 20px auto 0 auto;
padding:0 0 25px 0;
width:300px;
border-right: 0px transparent dotted;
border-top: 0px transparent dotted;

}


.contenedor-mapita{
margin: 0 auto 0 auto;
width:100%;
max-width:100%;
height:auto;    
display: flex;
flex-direction: column;
vertical-align: middle;
}

.mapita{
margin: 0 auto 0 auto;
width:50%;
max-width:150px;
height:auto;
}

/*FIN DE recuadro con mapa de Argentina - responsive*/


.p3{
padding-top: 10%;
padding-bottom: 10%;
margin-top: 5%;
}


.margin-bottom-responsive{
    padding-bottom: 30px;
    }


    .margin-bottom-responsive2{
        padding-bottom: 10px;
        }
    

}



@media (max-width: 500px) {



/* textuales responsive con comillas */


.contenedor-destacado-comillas {
width: 90%;
max-width:90%;
margin: 10% auto 10% auto;
padding:0;
}

.img-comillas {
max-width: 15vw;
height: auto;
padding:0;
}

.img-comillas img {
max-width:15vw;
width:15vw;
height: auto;
}


.foto-responsive-comillas{
max-width:20vw;
width:20vw;
}

.texto-comillas {
width: 75%;
max-width: 75vw;
margin:0 auto 0 auto;
padding:0;
}




/* Video */
.contenedor-video{
width: 100%;
max-width: 500px;
margin:0 auto 0 auto;
}

.video-yt{
width:420px;
height:237px;
margin:0 auto 0 auto;
}
/* FIN Video */


/* ID 3 ITEMS HORIZONTALES */

.tresitems-recuadro{
width: 100%;
max-width: 900px;
margin:0px auto 0px auto;
padding: 0;
display:flex;
flex-direction: column;
background-color: var(--color6);
}

.unitem-recuadro{
width: 70%;
max-width: 70%;
margin:0px auto 0px auto;
padding: 0;
display:flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px 30px 20px 30px;
border-top: solid #ffffff 1px;
border-bottom: solid #ffffff 1px;
}


.unaparte{
width: 100%;
max-width: 900px;
margin:20px auto 0px auto;
padding: 0 0 0 0;
display:flex;
flex-direction: column;
}



/* FIN DE RECUADRO ID 3 ITEMS HORIZONTALES */

/* RECUADRO  2 ITEMS HORIZONTALES */
.dositems-recuadro{
width: 100%;
max-width: 100%;
margin:0px auto 0px auto;
padding: 20px 0 20px 0;
display:flex;
flex-direction: column;
justify-content: space-around;
background-color: var(--color6);
}


.unitem-mitad{
width: 75%;
max-width:75%;
margin:0px auto 0px auto;
display:flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 10px 0 20px 0;
}

/* FIN DE RECUADRO  2 ITEMS HORIZONTALES */


}

@media (max-width: 460px) {

/* Video */

.contenedor-video{
width: 100%;
max-width: 460px;
margin:0 auto 0 auto;
}


.video-yt{
width:420px;
height:237px;
margin:0 auto 0 auto;
}

/* FIN Video */


}







@media (max-width: 420px) {

/* Video */

.contenedor-video{
width: 100%;
max-width: 420px;
margin:0 auto 0 auto;
}


.video-yt{
width:336px;
height:189px;
margin:0 auto 0 auto;
}

/* FIN Video */

/*  RECUADRO DOS NECESIDADES A DOS COLUMNAS  */

.titulo-recuadroconnumero{
padding:30px 20px 30px 20px;
}

.titulo-recuadroconnumero p{
font-family: museo-500, sans-serif;
font-size: 1.7rem;
line-height: 1.9rem;
}

/*  FIN RECUADRO DOS NECESIDADES A DOS COLUMNAS  */


.premisa{
padding:20px;
}

.premisa-texto{
font-family: museo-500, sans-serif;
color: var(--color4);
font-size: 1.75rem;
line-height: 2.4rem;
}


}

@media (max-width: 370px) {

/* Video */

.contenedor-video{
width: 100%;
max-width: 390px;
margin:0 auto 0 auto;
}

.video-yt{
width:336px;
height:189px;
margin:0 auto 0 auto;
}

.video{
margin:0 auto 0 auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
vertical-align: middle;
justify-content: space-around;
align-items: center;
padding:0;
}

/* FIN Video - responsive */


.boton2{
    background-color:#ffffff ;
    color: #00833B;
    font-size: 1.5rem;
    border-radius: 20px;
    text-decoration: none;
    border:0px transparent solid;
    padding: 15px;
    }



}