/*
    Theme Name: Jump Fundación Philosophia
    Theme URI:
    Author: Leandro Perrone
    Autor URI: leandro_perrone@hotmail.com
    Description: Theme para Jump Fundación Philosophia
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Jump Fundación Philosophia
    Text Domain: fundacion
*/

:root {
 
    --RedHatDisplayRegular : 'RedHatDisplayRegular';
    --RedHatDisplaySemiBold : 'RedHatDisplaySemiBold';
    --RedHatDisplayBold : 'RedHatDisplayBold';
    --big_river_script_sample : 'big_river_script_sample';


    --Black : #585858;
    --Destacado : #4E4ACC;
}



/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background-color: var(--Destacado);z-index: 999999;overflow: visible; top:0;}
.loading img {position: absolute;top: 45%;left: 47%;margin: -50px 0 0 -50px;width: 200px;transform-origin: center;  animation: scale 1.5s infinite alternate;}
.loading.fade {z-index:0;animation-name: fade;animation-duration: 0.3s;animation-fill-mode: both;animation-iteration-count: 1;animation-delay: 0.3s;}
@-webkit-keyframes scale {
From {-webkit-transform: scale(.8);}
To {-webkit-transform: scale(1.2);}
}



html { /*font-size: 62.5%;*/ overflow-x: hidden!important; }
main { /*font-size: 62.5%;*/ overflow-x: hidden!important; }
body { background-color: white; font-family: var(--RedHatDisplayRegular); font-size: 1rem; line-height: 1.625rem; color: var(--Black); overflow-x: hidden; letter-spacing: 1px; }
h1, h2 { font-family: var(--RedHatDisplayRegular); color: var(--Black); font-weight: normal; }
h1 { font-size: 3.125rem; }
h2 { font-size: 2.125rem; letter-spacing: 2px; }
h3 { font-family: var(--RedHatDisplaySemiBold); font-size: 0.813rem; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: 2px; color: var(--Destacado); font-weight: normal; }
h4 { font-family: var(--RedHatDisplayBold); font-size: 1.5rem; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: 2px; color: white; font-weight: normal; }
strong { font-family: var(--RedHatDisplayBold); }
.btn { font-family: var(--RedHatDisplaySemiBold); font-size: 0.813rem; padding: 10px 25px; transition: .5s all; margin-top: 3%; text-transform: uppercase; position: relative; border-radius: 0; }
.btnMas { color: white; border: 1px solid white; background-color: white }
a:link.btnMas { color: white; border: 1px solid white; background-color: transparent; }
a:hover.btnMas { color: var(--Destacado); border: 1px solid white; background-color: white }
.clearfix { clear: both; }
.btnMas:hover path { stroke: var(--Destacado)!important; fill: var(--Destacado)!important; }
.btnMas:active { color: white; border: 1px solid white; background-color: white }
a:active.btnMas { color: white; border: 1px solid white; background-color: transparent; }
p a:link { text-decoration: none; color: var(--Destacado)!important; }


header {  z-index: 300; padding: 1% 0; transition: .5s all; width: 100vw; height: 80px; color: white; position: relative; background-color: transparent; position: fixed; }
.fixed { position: fixed; top:0; left:0; width: 100%; background-color: var(--Destacado); }
header.fixed {  padding-top: 0%; padding-bottom: 1%; height: 80px; }
.bg-light { background-color: transparent!important; }
.navbar-nav { flex: 1; background-color: transparent; }
.navbar-nav:nth-child(1) { justify-content: space-around; }
.navbar-nav:nth-child(3) { justify-content: space-around; }
.navbar-brand { margin-left: auto;
            margin-right: auto;
        }
.navbar-brand img { height: 80px; }
header.fixed .navbar-brand img { height: 60px; }
.navbar-nav .nav-link { text-decoration: none; text-transform: uppercase; color: white!important; font-family: var(--RedHatDisplaySemiBold); font-size: 0.875rem; transition: .5s all; border: 1px solid transparent; }
.navbar-nav .nav-link:hover { opacity: .7; border: 1px solid white; }
.nav-item { margin-left: 3vw; ; }
.navbar-toggle {
    border: none;
    background: transparent !important;
    height: 22px; margin-top: -7px; display: none;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 2px;
    background-color: white;
    display: block;
    margin-bottom: 4px;
}

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */

/* HERO */
.hero { height: 100vh; position: relative; color: white; background: url(img/hero2.png) center center no-repeat; background-size: cover; }
.hero h1 { text-transform: uppercase; color: white; max-width: 500px; }
.hero h2 { font-family: var(--big_river_script_sample); font-size: 1.994rem;color: white }
.hero .titulo { padding-top: 12vw; }
.hero .texto { margin-top: 19vw; padding-left: 4vw; padding-right: 6vw; }
.hero .texto a { margin-top: 2vw; }
.hero .botones { position: absolute; bottom: 4vw; }
.hero .botones img { width: 100px; margin-left: 30px; }
.hero .botones .btn { margin-top: -2px; }
.hero .botones .btnMas { color: var(--Black); background-color: white; }
.hero .botones a:link.btnMas { color: var(--Black); border: 1px solid white; background-color: white; }
.hero .botones a:hover.btnMas { color: white; border: 1px solid white; background-color: transparent; }
.hero .botones .btnMas.dos {
        display: none;
    }

/* QUIENES */
.quienes { background: url(img/textura_quienes.png) 0 0 no-repeat var(--Destacado); background-size: contain; padding-top: 5.9vw; padding-bottom: 5vw; color: white; }
.quienes .texto { padding-right: 6vw; padding-left: 4vw; font-size: 1.375rem; }
.quienes h3 { color: white; }
.quienes .texto .btn { margin-top: 4.1vw; }
.quienes .imagenes { position: relative; }
.quienes .imagenes .img1 { position: absolute; top: 0; left: 0; width: 28.7vw;  }
.quienes .imagenes .img2 { position: absolute; top: 12vw; left: 19vw; width: 20.8vw; z-index: 2; }


/* QUIENES 2 */
.quienesDos { padding-top: 8.1vw; padding-bottom: 5vw; }
.quienesDos .contenedorIcono { background-color: rgba(78, 74, 204, .05); width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; }
.quienesDos .contenedorIcono img { width: 42px; height: 42px; }
.quienesDos .unItem .titulo { padding-right: 3vw; }

.quienesDos .unItem { margin-bottom: 40px; }
.quienesDos .imagenes .destacado { text-align: center; font-family: var(--big_river_script_sample); font-size: 1.8rem; color: var(--Destacado); margin-top: -5px; }
.quienesDos .segFila { margin-top: 7vw; } 
.quienesDos .segFila .imagenes { padding-right: 7vw; } 
.quienesDos .textoDos .unItem .titulo { padding-right: 0vw; padding-left: 3vw; }

/* FuNDACION */
.fundacion { background: url(img/fondo-fundacion.png) center 0 no-repeat; background-size: cover; padding-top: 5.2vw; padding-bottom: 5.2vw; }
.fondoFundacion { background-color: white; border-radius: 20px; padding: 4.86vw 4.5vw;  }
.fondoFundacion .texto { padding-left: 5vw;  }
.fondoFundacion h2 { color: var(--Destacado); }


/* VALORES */
.valores { background: url(img/textura_quienes.png) 0 0 no-repeat var(--Destacado); background-size: contain; padding-top: 5.9vw; padding-bottom: 5vw; color: white; }
.valores h3 { color: white; }
.valores h4 { font-size: 1.5rem; font-family: var(--RedHatDisplayBold); margin-bottom: 20px; }
.valores .contenedorIcono { background-color: rgba(96, 92, 209, 1); width: 88px; height: 88px; display: flex; justify-content: center; align-items: center; margin-bottom: 24px; }
.valores .contenedorIcono img { width: 42px; height: 42px; }
.valores .destacado { text-align: right; font-family: var(--big_river_script_sample); font-size: 1.8rem; margin-top: 22px; }
.valores .unItem { padding-right: 2vw; }


/* SOCIOS */
.socios { padding-top: 8.1vw; padding-bottom: 8vw; }
.socios h2 { text-transform: uppercase; margin-top: 6.9vw; margin-bottom: 2vw; }
.socios p { padding-right: 5vw; }
.socios .btnMas { color: var(--Destacado)!important; border: 1px solid var(--Destacado); background-color: white; margin-top: 6vw; }
.socios a:link.btnMas { color: var(--Destacado); border: 1px solid var(--Destacado); background-color: transparent; }
.socios a:hover.btnMas { color: white!important; border: 1px solid var(--Destacado); background-color: var(--Destacado); }
.socios .btnMas:hover path { stroke: white!important; fill: white!important; }



/* DONAR */
.donar { background: url(img/fondo-donar.png) center center no-repeat var(--Destacado); background-size: cover; padding-top: 8vw; padding-bottom: 5vw; background-size: cover; color: white; }
.donar h2, .donar h3 { color: white; }
.donar h3 { text-transform: initial; font-family: var(--big_river_script_sample); font-size: 1.8rem; margin-bottom: 10px; }
.donar h2 { text-transform: uppercase; font-size: 2rem; margin-bottom: 20px; }
.donar .texto { max-width: 810px; margin-left: auto; margin-right: auto; }
.donar .btnMas { color: var(--Black); background-color: white; }
.donar a:link.btnMas { color: var(--Black); border: 1px solid white; background-color: white; }
.donar a:hover.btnMas { color: white; border: 1px solid white; background-color: transparent; }
.donar .btnMas:hover path { stroke: white!important; fill: white!important; }
.donar .btnMas:active { color: var(--Black); background-color: white; }
.donar a:active.btnMas { color: var(--Black); border: 1px solid white; background-color: white; }


/* CONTACTO */
.contacto { color: var(--Black); padding-top: 7.3vw; padding-bottom: 5.2vw; }
.contacto h2 { text-transform: uppercase; }


footer { color: rgba(250, 250, 250, .3); padding-top: 5.8vw; padding-bottom: 5vw; font-size: 1rem; background-color: #363636; font-family: var(--RedHatDisplayRegular); font-weight: normal; }
footer h4 { color: rgba(250, 250, 250, 1.0); margin-bottom: 1rem; font-size: 13px; font-family: var(--RedHatDisplaySemiBold); }
footer .links a:link { color: rgba(250, 250, 250, .3); text-decoration: none; transition: all .3s; }
footer .links a:visited { color: rgba(250, 250, 250, .3) }
footer .links a:hover { color: rgba(250, 250, 250, .8) }
.direciones ul { margin-left: 0; }
.direciones li { list-style: none; text-transform: uppercase; margin-bottom: 25px; }
.direciones li:last-child { margin-bottom: 0; }
footer .direciones a:link { color: rgba(250, 250, 250, .3); text-decoration: none; transition: all .3s; }
footer .direciones a:visited { color: rgba(250, 250, 250, .3) }
footer .direciones a:hover { color: rgba(250, 250, 250, .8) }
footer .direciones { padding-top: 5vw; }
footer .mas { text-transform: uppercase; color: white; margin-top: 4vw; font-size: 13px; }
footer .mas .more { margin-bottom: 10px; }
footer .btnMas { border: 1px solid rgba(250, 250, 250, .3); }

.legal { color: white; background-color: var(--Destacado); font-size: 0.75rem; padding-top: 5px; padding-bottom: 5px; }


footer .footerNav li { list-style: none; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; }
footer .footerNav li a:link { text-decoration: none; color: #FAFAFA; transition: all .3s; }
footer .footerNav li a:visited { text-decoration: none; color: #FAFAFA; }
footer .footerNav li a:hover { text-decoration: none; color: var(--Grey4); }
footer .footerNav ul { padding-left: 0rem; display: flex; align-items: start; justify-content: space-between; margin-bottom: 10.4vw; }
footer .marcas { margin-top: 13.5vw; }
footer .secRow { padding-top: 5vw; }

footer .secRow a { width: 120px; display: inline-flex; }
footer .secRow a img { padding-left: 20px; }



.wpcf7-form { width: 50%; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; transition: .5s all; }
.wpcf7-form input { width: 100%; border: none; border-bottom: 1px solid var(--Black); padding-bottom: 8px; background: transparent!important; color: var(--Black); outline: none; -webkit-border-radius: none!important; margin-bottom: 15px; opacity: 0.4; transition: .5s all; text-align: center; }
.wpcf7-form input:focus { opacity: 1; }
.wpcf7-form textarea:focus { opacity: 1; }
.wpcf7-form textarea { width: 100%; border: none; border-bottom: 1px solid var(--Black); padding-bottom: 8px; background: transparent!important; font-weight: 500; color: var(--Black); outline: none; -webkit-border-radius: none!important; height: 80px; opacity: 0.4; transition: .5s all;  text-align: center;  }
input[type="submit"] { font-family: var(--RedHatDisplaySemiBold); font-size: 0.813rem; padding: 10px 25px; border-radius: 0; transition: .5s all; margin-top: 3%; text-transform: uppercase; opacity: 1; color: var(--Destacado); border: 1px solid var(--Destacado); background-color: white; width: 200px; margin-left: 5vw; }
input[type="submit"]:hover { transition: .5s all; color: white; border: 1px solid var(--Destacado); background-color: var(--Destacado)!important; }

::placeholder { color: var(--Black); font-size: 1rem;  text-align: center; }


.wpcf7-list-item { margin-top: 20px!important; margin-left: 0!important; }
.ws { position: fixed; bottom: 8vh; right: 3vw; z-index: 100; }


.navCarrusel li { list-style: none; text-transform: uppercase; font-family: var(--HelveticaNeueMedium); font-size: 0.75rem; width: 50%; float: left; }




@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    html { font-size: 100%; }
}

/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    /*html { font-size: 52%; }*/
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
    /*html { font-size: 52%; }*/
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    /*html { font-size: 50%; }*/
    
}


/* AJUSTE TIPO */
@media only screen and (min-width: 1920px) {
    html { font-size: 100%; }
} 
@media only screen and (max-width: 1368px) {
    html { font-size: 85%; }
}
@media only screen and (max-width: 1200px) {
    html { font-size: 82.25%; }
}
@media only screen and (max-width: 1024px) {
    html { font-size: 85%; }
} 
@media only screen and (max-width: 900px) {
    html { font-size: 100%; }
}
@media only screen and (max-width: 768px) {
    html { font-size: 100%; }
}
@media only screen and (max-width: 600px) {
    html { font-size: 85%; }
}
@media only screen and (max-width: 400px) {
    html { font-size: 80%; }
}


/* LAPTOP */
@media only screen and (min-width: 1900px) {
    .quienes .imagenes .img1 { position: absolute; top: 0; left: 0; width: 28.7vw;  }
    .quienes .imagenes .img2 { position: absolute; top: 10vw; left: 15vw; width: 20.8vw; z-index: 2; }
}

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

}

/* LAPTOP */
@media only screen and (max-width: 1368px) {
    
}

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

/* XL */
@media only screen and (max-width: 1220px) {

}

@media only screen and (max-width: 1181px) {
    .hero .texto {
        margin-top: 31vw;
        padding-left: 4vw;
        padding-right: 6vw;
    }
    .hero .titulo {
        padding-top: 14vw;
    }
    .quienes .imagenes .img2 {
        position: absolute;
        top: 16vw;
        left: 19vw;
        width: 20.8vw;
        z-index: 2;
    }
    .segFila .img img {
        max-width: 385px;
    }
    .quienesDos .unItem .titulo {
        padding-right: 0vw;
    }
    .socios .btnMas {
        margin-top: 1vw;
    }

}

@media only screen and (max-width: 1025px) {
    .quienes .texto {
        padding-top: 5.9vw;
        padding-right: 5vw;
        padding-bottom: 5vw;
    }
    .socios p {
        padding-right: 0vw;
    }
    input[type="submit"] {
        margin-left: 7vw;
    }
    .fondoFundacion .texto {
        padding-left: 3vw;
    }
}

/* LG */
@media only screen and (max-width: 900px) {
    .navbar-toggle { display: block;
    }
   .socios .logos { margin-top: 6vw; } 
   input[type="submit"] {
        margin-left: 9vw;
    }
    .valores .unItem {
        padding-right: 2vw;
        margin-bottom: 5vw;
    }
    .segFila .img img {
        max-width: none;
        width: 100%;
        margin-bottom: 7vw;
    }

    .valores .unItem {
        padding-right: 2vw;
        margin-bottom: 9vw;

    }
    .valores .contenedorIcono {
        background-color: rgba(96, 92, 209, 1);
        width: 88px;
        height: 88px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 24px;
    }

    .quienes .imagenes .img1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 52vw;
    }
    .quienes .imagenes .img2 {
        position: absolute;
        top: 8vw;
        left: 46vw;
        width: 34.8vw;
        z-index: 2;
    }
    .quienes .texto {
        padding-top: 45.9vw;
        padding-right: 5vw;
        padding-bottom: 5vw;
    }
    .hero .titulo {
        padding-top: 36vw;
    }
    .hero .texto {
        margin-top: 54vw;
        padding-left: 0vw;
        padding-right: 6vw;
    }
    footer .nav-item {
        margin-left: 0vw;
    }
    .direciones ul {
        margin-left: -47px;
    }
    .wpcf7-form {
        width: 67%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 20px;
        transition: .5s all;
    }
    .navbar-brand {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar { background-color: var(--Destacado); width: 100%; }
    .navbar ul { padding: 20px; }
    .navbar ul .nav-item {
        margin-left: 0vw; margin-bottom: 2vw;
    }
    .navbar-nav .nav-link {
        text-decoration: none;
        text-transform: uppercase;
        color: white!important;
        font-family: var(--RedHatDisplaySemiBold);
        font-size: 1.5rem;
    }
    .navbar-nav {
        background-color: var(--Destacado);
    }
}

/* MD */
@media only screen and (max-width: 768px) {
    .hero .texto {
        margin-top: 45vw;
        padding-left: 1vw;
        padding-right: 6vw;
    }
    .quienes .imagenes .img1 {
        position: absolute;
        top: 0;
        left: 3vw;
        width: 58vw;
    }
    .quienes .imagenes .img2 {
        position: absolute;
        top: 10vw;
        left: 51vw;
        width: 41vw;
        z-index: 2;
    }
}

/* SM */
@media only screen and (max-width: 576px) {
    .hero {
        height: 100vh;
        position: relative;
        color: white;
        background-position-x: 60%!important;
    }
    .hero { height: 100vh; position: relative; color: white; background: url(img/home-mobile-jump.jpg) center center no-repeat; background-size: cover; }
    .hero h2 {
        font-family: var(--big_river_script_sample);
        font-size: 1.7rem;
        color: white;
    }
    h1 {
        font-size: 2.9rem;
    }
    .hero .texto {
        margin-top: 56vw;
        padding-left: 3vw;
        padding-right: 2vw;
        font-size: 1.1rem;
    }
    .hero .botones img {
        width: 100px;
        margin-left: 0px;
    }
    .hero .botones {
        position: absolute;
        bottom: 20vw;
    }
    .hero .botones .btnMas {
        display: none;
    }
    .hero .botones .btnMas.dos {
        display: block;
        margin-top: 20px; width: 150%;
    }
    .hero .arrow {
        display: none;
    }
    .quienesDos .contenedorIcono {
        background-color: rgba(78, 74, 204, .05);
        width: 90px;
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5vw;
      
    }
    .quienesDos .unItem {
        margin-bottom: 40px;
        
    }
    .valores .unItem {
        padding-right: 2vw;
        margin-bottom: 9vw;
    }
    .valores .contenedorIcono {
        background-color: rgba(96, 92, 209, 1);
        width: 88px;
        height: 88px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 24px;
    }
    .valores .destacado {
        text-align: center;
        font-family: var(--big_river_script_sample);
        font-size: 1.8rem;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .socios .logos { margin-top: 9vw; } 
    .wpcf7-form {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 20px;
        transition: .5s all;
    }
    input[type="submit"] {
        margin-left: 18vw;
    }
    footer { text-align: center; }
    footer ul { padding-left: 0; text-align: center; }
    footer .marca { text-align: center; }
    .legal .text-end { text-align: center!important; }
    .legal { text-align: center!important; }
    .btn { width: 100%; font-size: 1rem; padding: 15px 25px; }
    .contacto {
        color: var(--Tipo);
        padding-top: 11.3vw;
        padding-bottom: 5.2vw;
    }
    .contacto h2 {
        font-size: 2.375rem;
        letter-spacing: 1px;
        line-height: 2.5rem;
    }
    .contacto .terminos p { margin: 0; }
    .loading img {position: absolute;top: 45%;left: 44%;margin: -50px 0 0 -50px;width: 150px;transform-origin: center;  animation: scale 1.5s infinite alternate;}
    .direciones ul {
        margin-left: 0;
        margin-bottom: 9vw;
        margin-top: 5vw;
    }
    footer .links.seg { margin-top: 7vw; }
    .navbar-collapse { left: -10px;
    position: absolute;
    width: 106%;
    top: 80px; }
    .quienes {
        background: url(img/textura_quienes_mobile.png) right 0 no-repeat var(--Destacado);
        background-size: contain;
        padding-top: 9vw;
        padding-bottom: 5vw;
        color: white;
    }   
    .valores {
        background: var(--Destacado);
        background-size: contain;
        padding-top: 5.9vw;
        padding-bottom: 5vw;
        color: white;
    }
    .donar {
        background: url(img/fondo-donar-mobile.jpg) center center no-repeat var(--Destacado);
        background-size: cover;
        padding-top: 10vw;
        padding-bottom: 9vw;
        background-size: cover;
        color: white;
    }
    .quienesDos .segFila .imagenes { padding-right: 0vw; } 
    .quienesDos .textoDos .unItem .titulo { padding-right: 0vw; padding-left: 0vw; }
    .fundacion {
        background: url(img/fondo-fundacion.png) center 0 no-repeat;
        background-size: cover;
        padding-top: 5.2vw;
        padding-bottom: 5.2vw;
        margin-top: 45px;
    }
}

/* XS */
@media only screen and (max-width: 380px) {
    h1 {
        font-size: 2.5rem;
    }
    .hero .texto {
        margin-top: 46vw;
        padding-left: 3vw;
        padding-right: 6vw;
    }
    .hero .botones {
        position: absolute;
        bottom: 8vw;
    }
    .hero .botones .btnMas {
        color: var(--Black);
        background-color: white;
        width: 95%;
        margin-bottom: 8px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {

}
