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

@font-face {
font-family:redhat-100;
src: url(RedHatDisplay-Regular.ttf);
}

@font-face {
font-family:hedhat-300;
src: url(RedHatDisplay-Medium.ttf);
}

@font-face {
font-family:redhat-500;
src: url(RedHatDisplay-Bold.ttf);
}


@font-face {
font-family:redhat-700;
src: url(RedHatDisplay-Black.ttf);
}


:root {
--color1:#000000;
--color2:#ffffff;
--color3:#00D0A6;
--color4:#263144;
--color5:#0049C4;
}


body, html {
height: 100%;
width: 100%;
margin: 0;
font-weight:300;
font-size:10px;
color: var(--color1);
box-sizing: border-box;
font-family: redhat-100, 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;
}

.pb60{
padding-bottom: 60px;
}


.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%;
}
.boton{
background-color: #1226AA;
color: #ffffff;
font-size: 1.8rem;
border-radius: 20px;
text-decoration: none;
border:0px transparent solid;
padding: 15px;
}

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


/* Estilos de texto */

.logook{
width: 120px;
}

p{
font-size: 1.7rem;
line-height: 3rem;
display: inline;
font-family: redhat-100, sans-serif;
}

.frase-inicial{
font-size: 2.1rem;
line-height: 1.8rem;
color: var(--color4);
font-family: redhat-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: redhat-100, sans-serif;
}


.centrado{
text-align: center;
}

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

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


.bajada{
text-align: center;
font-family: redhat-500, sans-serif;
color: var(--color3);
font-size: 2rem;
line-height: 2.8rem;
}

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

}

h4{
font-family: redhat-100, sans-serif;
font-size: 1.7rem;
line-height: 2.5rem;
color: var(--color4);
text-align: center;
margin: 0;
padding: 0;
}


.premisa{
padding:30px;
}


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

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

ul{
background-color: var(--color7);
font-family: redhat-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:redhat-500, sans-serif;
text-align: center;
margin: 0 auto 0 auto;
letter-spacing: 0.2px;
}


h2{
font-size: 2.8rem;
line-height: 3.1rem;
color: var(--color3);
padding:0;
margin:0 auto 0 auto;
text-align: center;
display: inline;
font-family:redhat-700, sans-serif;
letter-spacing: 0.25px;
}


h3{
font-size: 1.95rem;
line-height: 2.6rem;
font-family: redhat-100, sans-serif;
text-align: left;
color: var(--color3);
padding: 0;
margin: 0;
display: inline;
letter-spacing: 0.3px;
}

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

.bordegris{
border-top: rgb(241, 241, 241) 1px solid;
}

.destacado-blanco{
font-family: redhat-100, sans-serif;
font-size: 2.2rem;
line-height: 2.8rem;
text-align: center !important;
color: #ffffff;
font-weight: bold;
}

.destacado-verde{
font-family: redhat-100, sans-serif;
font-size: 2.2rem;
line-height: 2.8rem;
text-align: center !important;
color: var(--color3);
font-weight: bold;
}



h5{
font-size: 3.3rem;
line-height: 3.8rem;
text-align: center;
font-family: redhat-100;
padding: 0;
display: inline;
text-align: center;
display: inline;
color:#ffffff;
letter-spacing: 0.2px;
}

.regular{
font-weight:300;
}

b{
font-family: redhat-500, sans-serif;
}

.recuadro-volanta{
background-color: #1226AA;
border-radius: 0 20px 20px 0px;
width: 208px;
height: 25px;
color: #ffffff;
margin-top: 20px;
}

.recuadro-volanta-juan{
background-color: #1226AA;
border-radius: 0 20px 20px 0px;
width: 180px;
height: 25px;
color: #ffffff;
margin-top: 20px;
}

.recuadro-volanta-miryam{
background-color: #1226AA;
border-radius: 0 20px 20px 0px;
width: 195px;
height: 25px;
color: #ffffff;
margin-top: 20px;
}



.imga2col{
width: 100%;
max-width: 1100px;
height:auto;
margin: 0 auto 0 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;
}

.bold{
font-family: redhat-500, sans-serif;
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);
}

.fontbold{
font-family: redhat-500, sans-serif;
}

.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 */


.contenedor1200{
width: 80%;
max-width: 80%;
margin:0 auto 0 auto;
padding:0px 0 0 0;
}


.contenedor1100{
width: 100%;
max-width: 1100px;
margin:0 auto 0 auto;
padding:0;
}



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


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

.contenedor93{
    width: 95%;
    max-width: 95%;
    text-align: center;
    text-align: center;
    margin: 0 auto 0 auto;
    }
    

.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;
}



/* 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: redhat-700, sans-serif;
padding: 0;
margin: 0 auto 0 auto;
text-align: center;
}

.titulo-recuadro .titulo-arte{
color: #ffffff;
font-family: redhat-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: redhat-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: redhat-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;
}

h6{
font-size: 1.5rem;
line-height: 1.8rem;
padding:0;
margin: 0;
display: inline;
color:#1EB8E3;
text-align: center;
display: inline;
}


.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:0px 0 0px 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;

}

.textook{
    }

.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 */
.video{
padding: 30px 0 30px 0;
max-width: 900px;

}

.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: redhat-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: redhat-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  */



/* 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: none;
color:var(--color2);
font-weight:500;
letter-spacing: 0.1rem;
}

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

.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;

}

/*TARJETAS RESPONSIVE - CUATRO CARDS AL 100 - ID 06 */

p{
    font-size: 1.7rem;
    line-height: 2.9rem;
    display: inline;
    font-weight:300;
    }
    
    a{
    text-decoration: underline;
    letter-spacing: 0.1rem;
    color:#ffffff;
    font-size: 2rem;
    }
    
    a:hover{
    text-decoration:underline;
    font-weight:600;
    }
    
    
    .contenedor-4tarjetas-con-icono {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    }
    
    
    .tarjeta-con-icono {
    width:21%;
    max-width: 21%;
    text-align: center;
    padding:1%;
    margin: 0 0 0 0;
    background-color: #ffffff;
    color:#000000;
    border-radius: 10px;
    }
    
    .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;
    }
    
    
    
    .margen-separador{
    padding-top: 20px;
    }
    
    
    
    .icono-responsive{
    height: auto;
    width:50%;
    max-width: 250px;
    }
    
    
    /* TARJETAS RESPONSIVE - CUATRO CARDS AL 100 - ID 06 */




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


/* QUERIES */


@media (max-width: 1500px) {



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

}


.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%;
}

*/


.contenedor-texto-para-foto-full2{
    padding: 0 20px 0 0;
    max-width: 435px;
    width: 435px;
    margin:0;
    justify-content: center;
    align-items: center;
    justify-items: center;
    }

.textook{
        }
    




} 



@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;
}

.contenedor1200{
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;

}

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

/*////// 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;
}

.a-la-derecha{

}
/*//////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 0 0;
margin: 0 auto 0 auto;
max-width: 700px;
width: 100%;
display: flex;
flex-direction: column;
align-items:center;
}
/*//////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%;
}




}

@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: redhat-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: redhat-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) {

.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*/

h1{
font-size: 4.5rem;
line-height: 5.2rem;
}


/*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*/






/*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*/

.contenedor900-recuadro{
width: 100%;
max-width: 500px;
margin:20px auto 0 auto;
padding:0;
display: flex;
flex-direction: column;
vertical-align: center;
border-top: 2px dotted #1EB8E3;
border-bottom: 2px dotted #1EB8E3;
align-items: center;
}

.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%;
}




/*TARJETAS RESPONSIVE - CUATRO CARDS AL 100 - ID 06 --- MEDIA QUERY 600*/



.contenedor-4tarjetas-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%;
    max-width: 250px;
    }

    .margen-separador{
        padding-top: 10px;
        }
        
        
    
    /* TARJETAS RESPONSIVE - TRES CARDS AL 100 - ID 06 --- MEDIA QUERY 600*/




}



@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: redhat-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: redhat-500, sans-serif;
color: var(--color4);
font-size: 1.75rem;
line-height: 2.4rem;
}


}

@media (max-width: 360px) {

/* 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 */

}



@media (max-width: 360px) {

/* Video */

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

.video-yt{
width:280px;
height:156px;
margin:0 auto 0 auto;
}

/* FIN Video - responsive */


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




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



}