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

@font-face {
font-family:din-bold;
src: url(DINPro-CondBold.otf);
}

@font-face {
font-family:din-regular;
src: url(DINPro-Regular.otf);
}

@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:#0073CE;
--color4:#003057;
--color5:#F3F3F3;
--color6:#EDE9E8;

}


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

.pl20{
    padding-left: 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;
}

.frase-inicial{
font-size: 2.1rem;
line-height: 1.8rem;
color: var(--color4);

padding: 0;
margin: 0;
}

.frase-inicial2{
font-size: 2.1rem;
line-height: 1.8rem;
color: var(--color4);
padding: 0;
margin: 0;
}


.centrado{
text-align: center;
}

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

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


.bajada{
text-align: center;
color: var(--color3);
font-size: 2rem;
line-height: 2.8rem;
}


h4{
font-size: 5rem;
line-height: 5.5rem;
color: var(--color4);
text-align: center;
margin: 0;
padding: 0;
font-family: din-bold, sans-serif;
}


.premisa{
padding:30px;
}


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

.premisa-texto{
color: var(--color4);
font-size: 1.9rem;
}


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

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

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


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


h3{
font-size: 2.5rem;
line-height: 3.2rem;
text-align: center;
color: var(--color4);
padding: 0;
margin: 0;
display: inline;
letter-spacing: 0.3px;
font-family: din-regular, sans-serif;
}

.destacado{
}


.destacado-blanco{
font-size: 2.1rem;
line-height: 2.8rem;
text-align: center !important;
color: var(--color3);
font-weight: bold;
font-family: din-regular, sans-serif;
font-weight: bold;
}

.destacado-blanco2{
    font-size: 2.1rem;
    line-height: 2.8rem;
    text-align: center !important;
    color: var(--color2);
    font-family: din-regular, sans-serif;
    }

.destacado-blanco1{
    font-size: 2.1rem;
    line-height: 2.8rem;
    text-align: center !important;
    color: var(--color2);
    font-weight: bold;
    font-family: din-regular, sans-serif;
    }

.destacado-verde{
font-size: 2.1rem;
line-height: 2.8rem;
text-align: center !important;
color: var(--color4);
font-family: din-regular, sans-serif;
}


.texto-daniela{
background-color:;
    }



.destacado-daniela{
    font-size: 1.7rem;
    line-height: 2.4rem;
    text-align: center !important;
    color: var(--color4);
    font-family: din-regular, sans-serif;
    }
    


h5{
    font-size: 3.2rem;
    line-height: 3.6rem;
    color: var(--color4);
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: din-bold, sans-serif;
}

.regular{
font-weight:300;
}

b{
}

.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{
display: inline;
font-weight: 600;
}


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

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

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

/* CONTENEDOR 900 CON ICONO SUPERIOR*/

.contenedor900-icono-superior-04{
    width: 100%;
    max-width: 900px;
    margin:0 auto 0 auto;
    padding:0px 0 0 0;
    display: flex;
    flex-direction:column;
    vertical-align: center;
    }

    .icono-responsive-centrado-04{
        height: auto;
        width:220px;
        max-width: 200px;
        margin: 0 auto 0 auto;
        }
        


/* FIN DE CONTENEDOR 900 CON ICONO SUPERIOR*/


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


.contenedor700-foto{
    width: 100%;
    max-width: 700px;
    margin:0 auto 0 auto;
    padding:0px 0 0 0;    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }

    .icono-responsive-con-texto{
        }


        .icono-responsive-con-texto img{
            width: 100px;
            padding-bottom: 20px;
            }

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

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

.bordegris{
border-bottom: 1px solid rgb(236, 236, 236);
    }

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






/* DESTACADO 900 CON IMAGEN DE BARRAS LATERALES A LA IZQUIERDA ID 07*/


.contenedor1100-destacado-07{
    width: 1100px;
    max-width: 1100px;
    margin:0px auto 0px auto;
    padding:0px 0 0px 0;
    z-index: 1000000;
    }

#destacado-barras07{
}

.contenedor-destacadocomillas-07{
width: 100%;
max-width:100%;
display: flex;
flex-direction: row;
margin: 5px auto 5px auto;
}

.img-comillas-07{
width:20% ;
max-width:20%;
display: flex;
flex-direction: column;
vertical-align: middle;
}


.foto-responsive-comillas-07{
    max-width:100%;
    margin: 0 auto 0 auto;
    }

    .texto-comillas-07{
        width: 80%;
        max-width:80%;
        padding-left: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        }


/* 
.texto-comillas-07{
    width: 80%;
    max-width:80%;
    padding-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    }

    */
 .texto-left{
text-align: left;
    }


/* FIN DE DESTACADO 900 CON IMAGEN DE BARRAS LATERALES A LA IZQUIERDA ID 07**/






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

.titulo-recuadro .titulo-arte{
color: #ffffff;
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);
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 */



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




/* * COLUMNA CON CARDS*/

.columna-izquierda-con-cards{
    padding:0;
    margin: 0;
    max-width: 50%;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items:center; /* alinacion vertical*/
    justify-content: space-around; /* espaciado entre filas*/
    }

    .filade2cards{
        padding:0;
        margin: 0;
        max-width: 90%;
        width: 90%;
        display: flex;
        flex-direction: row;
        align-items:initial; /* alinacion vertical*/
        justify-content: space-around; /* espaciado entre filas*/

        }
/* * COLUMNA CON CARDS*/







/* * 2 COLUMNAS CON FOTO FULL A LA IZQUIERDA - 10 --- */


.contenedor-flex-2columnas-10{
    width: 100%;
    max-width: 100%;
    padding:0;
    margin:0;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    }
    
    
    .columna-izquierda-10{
    padding: 0;
    max-width:50vw;
    width: 50vw;
    display: flex;
    margin: 0;
    }
    
    .columna-derecha-10{
    padding: 0;
    max-width:50vw;
    width: 50vw;
    display: flex;
    margin: 0;
    
    }
    
    
    .contenedor-foto-10{
    padding: 0;
    margin: 0;
    height: auto;
    max-width: 100%;
    width: 100%;
    display: flex;
    }
    
    
    
    .foto-responsive-10{
    padding: 0;
    margin: 0;
    height: auto;
    max-width: 100%;
    width: 100%;
    }
    
    
    
    .contenedor-texto-10{
    padding: 0;
    margin: 0;
    max-width: 80%;
    padding: 0 0 0px 25px;
    }
    
    
    
    .texto-verde-10{
    color: var(--color4);
    font-weight: 700;
    font-size: 2.2rem;
    }
    
    .texto-negro-10{
    color: var(--color1);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    }
    
    
    /* * FIN DE 2 COLUMNAS CON FOTO FULL A LA IZQUIERDA - 10 --- */
    


/* 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;
font-weight:500;
color: var(--color3);
}

a:hover{
text-decoration:underline;
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 - EN INFOGRAFIA */
    
    .contenedor-4tarjetas-con-icono {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    }
    
    
    .tarjeta-con-icono {
    width:28%;
    max-width: 28%;
    text-align: center;
    padding:0;
    margin: 0 0 0 0;
    color:#000000;
    border-radius: 10px;
    }
    
    .texto-una-tarjetaconicono  {
    padding:0;
    width: 80%;
    margin: 0 auto 0 auto;
    }
    
    .icono-una-tarjeta img{
    padding:10px 10px 0 10px;
    width: 80%;
    height: auto;
    margin: 0 auto 0 auto;
    }
    
    .descripcion{
    font-size: 2rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: var(--color4)
    }
    
    .margen-separador{
    padding-top: 20px;
    }
    
    
    .icono-responsive{
    height: auto;
    width:50%;
    max-width: 250px;
    }
    
    
    /* TARJETAS RESPONSIVE - CUATRO CARDS AL 100 - ID 06 */


.fondo1{
background-image: url(../img/fondo1.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position-x: left;
background-position-y:center;
}



.fondo2{
    background-image: url(../img/fondo2.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y:center;
    }

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


/* QUERIES */


@media (max-width: 1500px) {


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

        .descripcion{
            font-size: 1.7rem;
            line-height: 2rem;
            font-weight: 700;
            color: var(--color4)
            }


} 



@media (max-width: 1200px) {


        

}  


@media (max-width: 1100px) {

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

    .fondo1{
        background-image: url(../img/fondo1-30.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y:center;
        }
        
        
        
        .fondo2{
            background-image: url(../img/fondo2-30.jpg);
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position-x: right;
            background-position-y:center;
            }






}  

@media (max-width: 900px) {

    h1{
        font-size: 4.5rem;
        line-height: 5rem;
        color: var(--color2);
        display: inline;
        text-align: center;
        margin: 0 auto 0 auto;
        letter-spacing: 0.2px;
        }
        

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




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


/* CONTENEDOR 900 CON ICONO SUPERIOR   ---  MEDIA 800*/

.contenedor900-icono-superior-04{
    width: 90%;
    max-width: 90%;
    margin:0 auto 0 auto;
    padding:0px 0 0 0;
    display: flex;
    flex-direction:column;
    vertical-align: center;
    }

    .icono-responsive-centrado-04{
        height: auto;
        width:220px;
        max-width: 200px;
        margin: 0 auto 0 auto;
        }
        


/* FIN DE CONTENEDOR 900 CON ICONO SUPERIOR*/



}

@media (max-width: 800px) {



    h3{
        font-size: 2rem;
        line-height: 2.7rem;
        text-align: center;
        padding: 0;
        margin: 0;
        display: inline;
        letter-spacing: 0.3px;
        }




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



/* CONTENEDOR 900 CON ICONO SUPERIOR   ---  MEDIA 800*/

.contenedor900-icono-superior-04{
    width: 90%;
    max-width: 90%;
    margin:0 auto 0 auto;
    padding:0px 0 0 0;
    display: flex;
    flex-direction:column;
    vertical-align: center;
    }

    .icono-responsive-centrado-04{
        height: auto;
        width:220px;
        max-width: 200px;
        margin: 0 auto 0 auto;
        }
        


/* FIN DE CONTENEDOR 900 CON ICONO SUPERIOR*/



/* DESTACADO 900 CON IMAGEN DE BARRAS LATERALES A LA IZQUIERDA ID 07*/


.contenedor1100-destacado-07{
    width: 90%;
    max-width: 90%;
    margin:0px auto 0px auto;
    padding:0px 0 0px 0;
    z-index: 1000000;
    }

#destacado-barras07{
}

.contenedor-destacadocomillas-07{
width: 100%;
max-width:100%;
display: flex;
flex-direction: row;
margin: 5px auto 5px auto;

}

.img-comillas-07{
width:20% ;
max-width:20%;
display: flex;
flex-direction: column;
vertical-align: middle;
}


.foto-responsive-comillas-07{
    max-width:100%;
    margin: 0 auto 0 auto;
    }

    .texto-comillas-07{
        width: 80%;
        max-width:80%;
        padding: 0 15px 0 15px;
        display: flex;
        flex-direction: row;
        align-items: center;

        }



 .texto-left{
text-align: left;
    }


/* FIN DE DESTACADO 900 CON IMAGEN DE BARRAS LATERALES A LA IZQUIERDA ID 07**/



/* * COLUMNA CON CARDS 800*/


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

    }

.columna-izquierda-con-cards{
    padding:0;
    margin: 0;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items:center; /* alinacion vertical*/
    justify-content: space-around; /* espaciado entre filas*/
    }

    .filade2cards{
        padding:0 0 10px 0;
        margin: 0;
        max-width: 95%;
        width: 95%;
        display: flex;
        flex-direction: row;
        align-items:initial; /* alinacion vertical*/
        justify-content: space-around; /* espaciado entre filas*/

        }



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


/* * COLUMNA CON CARDS*/





}






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



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


/* * 2 COLUMNAS CON FOTO FULL A LA IZQUIERDA - 10 --- */


.contenedor-flex-2columnas-10{
    width: 100%;
    max-width: 100%;
    padding:0;
    margin:0;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    }
    
    
    .columna-izquierda-10{
    padding: 0;
    max-width:100%;
    width: 100%;
    display: flex;
    margin: 0;
    }
    
    .columna-derecha-10{
    padding: 30px 0 0 0;
    max-width:90%;
    width: 90%;
    display: flex;
    margin: 0 auto 0 auto;
    text-align: center;
    }
    
    
    .contenedor-foto-10{
    padding: 0;
    margin: 0;
    height: auto;
    max-width: 100%;
    width: 100%;
    display: flex;
    }
    
    
    
    .foto-responsive-10{
    padding: 0;
    margin: 0;
    height: auto;
    max-width: 100%;
    width: 100%;
    }
    
    
    
    .contenedor-texto-10{
    padding: 0;
    margin: 0 auto 0 auto;
    max-width: 95%;
    padding: 0 0 30px 0px;
    }
    
    
    
    .texto-verde-10{
    color: var(--color4);
    font-weight: 700;
    font-size: 2.2rem;
    }
    
    .texto-negro-10{
    color: var(--color1);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    }
    
    
    /* * FIN DE 2 COLUMNAS CON FOTO FULL A LA IZQUIERDA - 10 --- */


    .contenedor700-foto{
        width: 90%;
        max-width: 90%;
        margin:0 auto 0 auto;
        padding:0px 0 0 0;    
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        }



}


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


.destacado-daniela{
    font-size: 1.5rem;
    line-height: 2.2rem;
    text-align: center !important;
    color: var(--color4);
    font-family: din-regular, sans-serif;
    }


/*//////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:100%;
width: 100%;
display: flex;
flex-direction: row;
margin: 0 auto 0 auto;
}



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





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


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



.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;
    
    }
    
    
    h4{
        font-size: 4rem;
        line-height: 4.5rem;
        color: var(--color4);
        text-align: center;
        margin: 0;
        padding: 0;
        font-family: din-bold, sans-serif;
        }
        


    .descripcion{
    font-size: 2rem;
    line-height: 2.2rem;
    }
    
    .icono-responsive{
    height: auto;
    width:40%;
    max-width: 150px;
    }

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



    /* * COLUMNA CON CARDS 800*/


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

    }

.columna-izquierda-con-cards{
    padding:0;
    margin: 0;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items:center; /* alinacion vertical*/
    justify-content: space-around; /* espaciado entre filas*/
    }

    .filade2cards{
        padding:0 0 10px 0;
        margin: 0;
        max-width: 95%;
        width: 95%;
        display: flex;
        flex-direction: column;
        align-items:initial; /* alinacion vertical*/
        justify-content: space-around; /* espaciado entre filas*/

        }



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


/* * COLUMNA CON CARDS*/







}



@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-size: 1.7rem;
line-height: 1.9rem;
}

/*  FIN RECUADRO DOS NECESIDADES A DOS COLUMNAS  */


.premisa{
padding:20px;
}

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



}