@font-face {
    font-family: 'ArgentumSans-ExtraBold';
    src: url('/fuentes/ArgentumSans-ExtraBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

.oculto {
    -moz-opacity:0;
    -o-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    opacity:0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* Estilos para el scroll bonito y oscuro */
html {
    overflow-x: hidden;
    scrollbar-width: thin; /* Para navegadores que soportan la propiedad scrollbar-width */
    scrollbar-color: #888888 #333333; /* Para navegadores que soportan la propiedad scrollbar-color */
}

/* Estilos para el scroll en navegadores que no soportan la propiedad scrollbar-width */
html::-webkit-scrollbar {
    width: 12px;
}

html::-webkit-scrollbar-track {
    background: #333333;
}

html::-webkit-scrollbar-thumb {
    background-color: #888888;
    border-radius: 6px;
}

/* Estilos para el scroll en navegadores que no soportan la propiedad scrollbar-color */
html {
    scrollbar-color: #888888 #333333;
}



/* ******************************* icono carga *****************************************/
.loader {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    display: inline-block;
    position: absolute !important;
    right: -2px !important;
    top: 14px !important;
    background: linear-gradient(0deg, rgba(255, 61, 0, 0.2) 33%, #ff3d00 100%);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    z-index: 9999 !important;
  }
  .loader::after {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
  }
  @keyframes rotation {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg)}
  } 
    


/* ******************************* seccion 1 y menu de navegacion ********************* */
.logo_navegacion {
    min-width:100%;
    max-width:200px;
}


.fondo_navegacion0 {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    background: rgb(9,9,121);
    background: -ms-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: -o-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: -moz-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090979",endColorstr="#051f50",GradientType=1);
    /*background: rgb(158,158,158);
    background: -moz-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e9e9e",endColorstr="#ffffff",GradientType=1);
    */
    padding: 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.fondo_navegacion0_oculto {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    background: rgb(9,9,121);
    background: -ms-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: -o-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: -moz-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    background: linear-gradient(0deg, rgba(9,9,121,0.01046568627450978) 7%, rgba(9,9,121,0.865983893557423) 34%, rgba(5,31,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090979",endColorstr="#051f50",GradientType=1);
    /*background: rgb(158,158,158);
    background: -moz-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(158,158,158,1) 0%, rgba(116,116,116,1) 38%, rgba(115,115,115,1) 60%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e9e9e",endColorstr="#ffffff",GradientType=1);
    */
    padding: 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

@keyframes floatAnimation {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 0px white);
    }
    50% {
        transform: scale(0.9);
        filter: drop-shadow(0 0 15px white);
    }
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0px white);
    }
}

.LOGO {
    animation: floatAnimation 5s infinite;
    -webkit-animation: floatAnimation 5s infinite; /* Safari and Chrome */
    -moz-animation: floatAnimation 5s infinite; /* Firefox */
    -o-animation: floatAnimation 5s infinite; /* Opera */
    -ms-animation: floatAnimation 5s infinite; /* Internet Explorer */
}



.texto1_menu_navegacion { 
    font-family: 'ArgentumSans-ExtraBold' !important;
    font-style: italic !important;
}

.fondo_seccion1 { 
    background-image: url('../img/PAGINA 1c.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Navegadores estándar */
}

.fondo_seccion1::after { 
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    background-image: url('../img/ONDAS A.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Navegadores estándar */
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    -o-opacity: 0.3;
    -ms-opacity: 0.3;
    z-index: 0;
}

.fondo_navegacion{
    background: transparent;
}

/* Controlar tamñao */
@media screen and (max-width: 240px) {
    /* Estilos para pantallas con un ancho máximo de 240px */
    html {
        width: 300px; /* Ajustar el ancho para compensar el escalamiento */
        height: 125%; /* Ajustar el alto para compensar el escalamiento */
        -ms-transform: scale(0.8) translate(-12.3%, -13%);
        -webkit-transform: scale(0.8) translate(-12.3%, -13%);
        -moz-transform: scale(0.8) translate(-12.3%, -13%);
        -o-transform: scale(0.8) translate(-12.3%, -13%);
        transform: scale(0.8) translate(-12.3%, -13%);
    }
}

@media screen and (max-width: 280px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .logo_navegacion {
        min-width:100%;
        max-width:180px;
    }
}

@media screen and (max-width: 307px) {
    /* Estilos para pantallas con un ancho máximo de 240px */
    .logo_navegacion {
        min-width:100%;
        max-width:135px;
    }
}

@media screen and (max-width: 991px) {
    /* Estilos para el menu de navegacion cuando ancho de pantalla máximo de 991px */
    .fondo_navegacion {
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(0deg, rgba(111, 111, 111, 1) 0%, rgba(158, 158, 158, 0) 81%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(111, 111, 111, 1) 0%, rgba(158, 158, 158, 0) 81%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(0deg, rgba(111, 111, 111, 1) 0%, rgba(158, 158, 158, 0) 81%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(0deg, rgba(111, 111, 111, 1) 0%, rgba(158, 158, 158, 0) 81%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(0deg, rgba(111, 111, 111, 1) 0%, rgba(158, 158, 158, 0) 81%, rgba(255, 255, 255, 0) 100%);
        padding: 10px;
        clip-path: polygon(0 0, 100% 0%, 34% 100%, 0% 100%);
    } 
}


.bloqueador_no {
    pointer-events: none !important;
    -webkit-pointer-events: none !important; /* Para Safari y Chrome antiguos */
    -moz-pointer-events: none !important; /* Para versiones antiguas de Firefox */
    -ms-pointer-events: none !important; /* Para Internet Explorer */
    -o-pointer-events: none !important; /* Para Opera */
}

/* ******************************** seccion 2 ****************************************** */

.botonSiguiente {
background: transparent;
border:0px;
right:20px;
outline: none;
}

.botonSiguiente img {
width:100px;
}

.botonSiguiente > img:active {
-moz-transform: scale(0.8,0.8);
-webkit-transform: scale(0.8,0.8);
-o-transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
}

@keyframes entrada-izq-a-der {
    0% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.animacion-entrada-no {
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
}

.animacion-entrada {
-moz-animation: entrada-izq-a-der 1s forwards;
-webkit-animation: entrada-izq-a-der 1s forwards;
-o-animation: entrada-izq-a-der 1s forwards;
-ms-animation: entrada-izq-a-der 1s forwards;
animation: entrada-izq-a-der 1s forwards;
}


@keyframes entrada-der-a-izq {
    0% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.animacion-entrada-no2 {
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
}

.animacion-entrada2 {
-moz-animation: entrada-der-a-izq 1s forwards;
-webkit-animation: entrada-der-a-izq 1s forwards;
-o-animation: entrada-der-a-izq 1s forwards;
-ms-animation: entrada-der-a-izq 1s forwards;
animation: entrada-der-a-izq 1s forwards;
}





@keyframes anim-cambio {
    0% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
    }
    30% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    50% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        -ms-opacity: 0;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        -ms-opacity: 1;
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.animacion-cambio {
-moz-animation: anim-cambio 2.5s forwards;
-webkit-animation: anim-cambio 2.5s forwards;
-o-animation: anim-cambio 2.5s forwards;
-ms-animation: anim-cambio 2.5s forwards;
animation: anim-cambio 2.5s forwards;
}


.normal {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-ms-opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}


.contenedor_texto_planes2 {
    font-size:3.6em;
    margin: 0px auto;
}

.texto_seccion2 {
    font-family: 'ArgentumSans-ExtraBold' !important;
}

.texto_planes2 {
    font-family: 'ArgentumSans-ExtraBold' !important;
    font-style: italic;
    font-weight: bold;
    margin-top: -7%;
    margin-bottom: -7%;
    text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -webkit-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -moz-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -o-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -ms-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
}

.fondo_seccion2 { 
    position: relative;
    background: rgb(29, 39, 247);
    background: -moz-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -webkit-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -o-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -ms-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
}

.fondo_seccion2::after { 
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    background-image: url('../img/ONDAS A.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Navegadores estándar */
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    -o-opacity: 0.3;
    -ms-opacity: 0.3;
    z-index: 0;
    -moz-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
    pointer-events: none !important;
    -webkit-pointer-events: none !important; /* Para Safari y Chrome antiguos */
    -moz-pointer-events: none !important; /* Para versiones antiguas de Firefox */
    -ms-pointer-events: none !important; /* Para Internet Explorer */
    -o-pointer-events: none !important; /* Para Opera */
}


@media screen and (max-width: 991px) {
    /* Estilos para el menu de navegacion cuando ancho de pantalla máximo de 991px */
    .contenedor_texto_planes2 {
        font-size:3em;
        margin: 0px auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}


@media screen and (max-width: 767px) {
    /* Estilos para el menu de navegacion cuando ancho de pantalla máximo de 991px */
    .contenedor_texto_planes2 {
        font-size:2em;
        margin: 0px auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 7%;
    }
    .texto_planes2 {
        margin-top: -5%;
        margin-bottom: -5%;
    }
}


@media screen and (max-height: 412px) {
    /* Estilos para pantallas con un ancho máximo de 240px */
    
    .contenedor_texto_planes2 {
        font-size:1.5em;
        margin: 0px auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 7%;
    }
    .texto_planes2 {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    #planesResidenciales {
        width:30% !important;
    }
}

@media screen and (max-height: 414px) {
    /* Estilos para pantallas con un ancho máximo de 240px */
    
    .contenedor_texto_planes2 {
        font-size:1.5em;
        margin: 0px auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 7%;
    }
    .texto_planes2 {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    #planesResidenciales {
        width:30% !important;
    }
}

@media screen and (max-height: 360px) {
    /* Estilos para pantallas con un ancho máximo de 240px */
    
    .contenedor_texto_planes2 {
        font-size:1.5em;
        margin: 0px auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 7%;
    }
    .texto_planes2 {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    #planesResidenciales {
        width:30% !important;
    }
}

@media screen and (max-height: 280px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    
    .contenedor_texto_planes2 {
        font-size:0.8em;
        margin: 0px auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 7%;
    }
    .texto_planes2 {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    #planesResidenciales {
        width:20% !important;
    }
}


/* ******************************** seccion 3 ****************************************** */

    .botonSiguiente3 {
    background: transparent;
    border:0px;
    right:20px;
    outline: none;
    }
    
    .botonSiguiente3 img {
    width:100px;
    }
    
    .botonSiguiente3 > img:active {
    -moz-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
    }
    
    
    .contenedor_texto_planes3 {
        font-size:3.8em;
        margin: 0px auto;
    }
    
    .texto_seccion3 {
        font-family: 'ArgentumSans-ExtraBold' !important;
    }
    
    .texto_planes3 {
        font-family: 'ArgentumSans-ExtraBold' !important;
        font-style: italic;
        font-weight: bold;
        margin-top: -9%;
        margin-bottom: -9%;
        text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
        -webkit-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
        -moz-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
        -o-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
        -ms-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    }
    
    .fondo_seccion3 { 
        position: relative;
        background: rgb(29, 39, 247);
        background: -moz-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
        background: -webkit-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
        background: -o-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
        background: -ms-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
        background: linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    }
    
    .fondo_seccion3::after { 
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:100vh;
        background-image: url('../img/ONDAS A.png');
        background-size: cover;
        -webkit-background-size: cover; /* Safari 3.1+ */
        -moz-background-size: cover; /* Firefox 3.6+ */
        -o-background-size: cover; /* Opera 9.6+ */
        -ms-background-size: cover; /* Opera 9.6+ */
        background-size: cover; /* Navegadores estándar */
        opacity: 0.3;
        -moz-opacity: 0.3;
        -webkit-opacity: 0.3;
        -o-opacity: 0.3;
        -ms-opacity: 0.3;
        z-index: 0;
        pointer-events: none !important;
        -webkit-pointer-events: none !important; /* Para Safari y Chrome antiguos */
        -moz-pointer-events: none !important; /* Para versiones antiguas de Firefox */
        -ms-pointer-events: none !important; /* Para Internet Explorer */
        -o-pointer-events: none !important; /* Para Opera */
    }
    

    @media screen and (max-width: 991px) {
        /* Estilos para el menu de navegacion cuando ancho de pantalla máximo de 991px */
        .contenedor_texto_planes3 {
            font-size:3em;
            margin: 0px auto;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        .texto_planes3 {
            margin-top: -9%;
            margin-bottom: -9%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    }



    @media screen and (max-width: 767px) {
        /* Estilos para el menu de navegacion cuando ancho de pantalla máximo de 991px */
        .contenedor_texto_planes3 {
            font-size:2em;
            margin: 0px auto;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            margin-bottom: 7%;
        }
        .texto_planes3 {
            margin-top: -5%;
            margin-bottom: -5%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
    }
    
 
    


    @media screen and (max-height: 412px) {
        /* Estilos para pantallas con un ancho máximo de 240px */
        
        .contenedor_texto_planes3 {
            font-size:1.5em;
            margin: 0px auto;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            margin-bottom: 7%;
        }
        .texto_planes3 {
            margin-top: -2%;
            margin-bottom: -2%;
        }
    
        #planesResidenciales3 {
            width:30% !important;
        }
    }
    
    @media screen and (max-height: 414px) {
        /* Estilos para pantallas con un ancho máximo de 240px */
        
        .contenedor_texto_planes3 {
            font-size:1.5em;
            margin: 0px auto;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            margin-bottom: 7%;
        }
        .texto_planes3 {
            margin-top: -2%;
            margin-bottom: -2%;
        }
    
        #planesResidenciales3 {
            width:30% !important;
        }
    }
    
    @media screen and (max-height: 360px) {
        /* Estilos para pantallas con un ancho máximo de 240px */
        
        .contenedor_texto_planes3 {
            font-size:1.5em;
            margin: 0px auto;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            margin-bottom: 7%;
        }
        .texto_planes3 {
            margin-top: -2%;
            margin-bottom: -2%;
        }
    
        #planesResidenciales3 {
            width:30% !important;
        }
    }
    
    @media screen and (max-height: 280px) {
        /* Estilos para pantallas con un ancho máximo de 280px */
        
        .contenedor_texto_planes3 {
            font-size:0.8em;
            margin: 0px auto;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            margin-bottom: 7%;
        }
        .texto_planes3 {
            margin-top: -2%;
            margin-bottom: -2%;
        }
    
        #planesResidenciales3 {
            width:20% !important;
        }
    }
    

/* ******************************* seccion 7 ********************************************* */


.boton7 {
    font-style: italic !important;
    margin-top:40px;
    padding-left: 100px !important;
    padding-right: 100px !important;
} 

.contenedor_texto_pie {
    font-size:4em;
}

.borde7 {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.texto_seccion7 {
    font-family: 'ArgentumSans-ExtraBold' !important;
}

.texto_pie {
    font-family: 'ArgentumSans-ExtraBold' !important;
    font-style: italic !important;
    margin-top: -6%;
    margin-bottom: -6%;
    text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -webkit-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -moz-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -o-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -ms-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
}

.fondo_seccion7 {
    position: relative;
    width: 100%;
    height:75vh;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
    background: rgb(29, 39, 247);
    background: -moz-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -webkit-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -o-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -ms-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    z-index: 2;
}

.fondo_seccion7_pie {
    position: relative;
    width: 100%;
    height:25vh;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
    background: rgb(29, 39, 247);
    background: -moz-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -webkit-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -o-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -ms-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    z-index: 2;
}

.fondo_seccion7_capa0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    background-image: url('../img/ONDAS A.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; 
    background-size: cover; /* Navegadores estándar */
    -moz-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    -o-opacity: 0.3;
    -ms-opacity: 0.3;
    z-index: 3;
}

.fondo_seccion7_capa01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:25vh;
    background-image: url('../img/ONDAS A.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; 
    background-size: cover; /* Navegadores estándar */
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    -o-opacity: 0.3;
    -ms-opacity: 0.3;
    z-index: 0 !important;
}


@media screen and (max-height: 360px) {
    #text_cen {
        transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important; /* Safari y Chrome */
        -moz-transform: scale(0.5) !important; /* Firefox */
        -ms-transform: scale(0.5) !important; /* Internet Explorer */
        -o-transform: scale(0.5) !important; /* Opera */
      }
}

@media screen and (max-height: 384px) {
    #text_cen {
        transform: scale(0.48) !important;
        -webkit-transform: scale(0.48) !important; /* Safari y Chrome */
        -moz-transform: scale(0.48) !important; /* Firefox */
        -ms-transform: scale(0.48) !important; /* Internet Explorer */
        -o-transform: scale(0.48) !important; /* Opera */
      }
}

@media screen and (max-height: 412px) {
    #text_cen {
        transform: scale(0.47) !important;
        -webkit-transform: scale(0.47) !important; /* Safari y Chrome */
        -moz-transform: scale(0.47) !important; /* Firefox */
        -ms-transform: scale(0.47) !important; /* Internet Explorer */
        -o-transform: scale(0.47) !important; /* Opera */
      }
}

@media screen and (max-height: 480px) {
    #text_cen {
        transform: scale(0.47) !important;
        -webkit-transform: scale(0.47) !important; /* Safari y Chrome */
        -moz-transform: scale(0.47) !important; /* Firefox */
        -ms-transform: scale(0.47) !important; /* Internet Explorer */
        -o-transform: scale(0.47) !important; /* Opera */
      }
}

@media screen and (max-width: 1424px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion7 {
        font-size:0.9em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_pie {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .texto_pie {
        margin-top: -6%;
        margin-bottom: -6%;
    }

    .boton7 {
        font-size:1.2em !important;
    } 
}





@media screen and (max-width: 1224px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion7 {
        font-size:0.9em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_pie {
        font-size:3em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .texto_pie {
        margin-top: -5%;
        margin-bottom: -5%;
    }

    .boton7 {
        font-size:1.2em !important;
    } 
}

@media screen and (max-width: 991px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion7 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .texto_pie {
        margin-top: -5%;
        margin-bottom: -5%;
    }
    
    .contenedor_texto_pie {
        font-size:2.5em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .boton7 {
        font-size:1em !important;
    }
    #text_abajo_seccion7 {
        font-size:0.25em !important;
    }
}


@media screen and (max-width: 767px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion7 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .texto_pie {
        margin-top: -2%;
        margin-bottom: -2%;
    }
    
    .contenedor_texto_pie {
        font-size:2.5em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .boton7 {
        font-size:1em !important;
    } 

}

@media screen and (max-width: 524px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion7 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .texto_pie {
        margin-top: -2%;
        margin-bottom: -2%;
    }
    
    .contenedor_texto_pie {
        font-size:1.8em;
        padding-right:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .boton7 {
        font-size:0.9em !important;
    } 
    #text_abajo_seccion7 {
        font-size:0.4em !important;
    }
}


@media screen and (max-width: 280px) {
    #text_cen {
        transform: scale(0.47) translate(-35px, 0) !important;
        -webkit-transform: scale(0.47) translate(-35px, 0) !important; /* Safari y Chrome */
        -moz-transform: scale(0.47) translate(-35px, 0) !important; /* Firefox */
        -ms-transform: scale(0.47) translate(-35px, 0) !important; /* Internet Explorer */
        -o-transform: scale(0.47) translate(-35px, 0) !important; /* Opera */
      }
}



.logoFooter {
width:90%;
min-width:220px;
height:auto;
margin-top: 40px;
}

.titulo-footer {
font: bold 1em 'ArgentumSans-ExtraBold';
padding-left:10px;
border-left: 3px solid #48BF74;
}

.linkfooter {
font: normal 1em 'ArgentumSans-ExtraBold';
padding-left:5px;
border-left: 3px solid #48BF74;
text-decoration: none;
color:#000000;
}

.linkfooter:hover {
font: normal 1em 'ArgentumSans-ExtraBold';
padding-left:5px;
border-left: 3px solid #48BF74;
text-decoration: none;
color:#000000;
}


/* *************** Menu redes sociales */

.roundMenu {
-moz-border-radius: 0px 30px 30px 0px;
-webkit-border-radius: 0px 30px 30px 0px;
-o-border-radius: 0px 30px 30px 0px;
-ms-border-radius: 0px 30px 30px 0px;
border-radius: 0px 30px 30px 0px;
}

.roundMenu a {
margin-left: 10px;
}









/* ******************************* seccion 4 ********************************************* */


.contenedor_texto_quien {
    font-size:7em;
    padding-right:30%;
}

.texto_seccion4 {
    font-family: 'ArgentumSans-ExtraBold' !important;
}

.texto_quien {
    font-family: 'ArgentumSans-ExtraBold' !important;
    font-style: italic !important;
    margin-top: -8%;
    margin-bottom: -8%;
    text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -webkit-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -moz-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -o-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -ms-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
}

.fondo_seccion4 {
    position: relative;
    overflow: hidden;
    background: rgb(29, 39, 247);
    background: -moz-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -webkit-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -o-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -ms-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
}

.fondo_seccion4::after { 
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    background-image: url('../img/Capa15.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; 
    background-size: cover; /* Navegadores estándar */
    z-index: 1;
}

.fondo_seccion4_capa0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    background-image: url('../img/ONDAS A.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; 
    background-size: cover; /* Navegadores estándar */
    opacity: 0.3;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    -o-opacity: 0.3;
    -ms-opacity: 0.3;
    -moz-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
    z-index: 1;
}


@media screen and (max-width: 1424px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        font-size:0.9em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        font-size:5em;
        padding-right:40%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}


@media screen and (max-width: 1199px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        font-size:0.9em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        font-size:3em;
        padding-right:40%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .texto_quien {
        margin-top: -6%;
        margin-bottom: -6%;
    }
}

@media screen and (max-width: 991px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        padding-right:0%;
        font-size:4em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@media screen and (max-width: 524px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        font-size:1.5em;
        padding-right:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .texto_quien {
        margin-top: -2%;
        margin-bottom: -2%;
    }
}

/* para controlar un caso en especifico */
@media screen and (max-width: 640px) and (max-height: 360px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:3.5em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }
}


/* para controlar un caso en especifico */
@media screen and (max-width: 740px) and (max-height: 360px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:3.5em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }
}


/* para controlar un caso en especifico */
@media screen and (max-width: 640px) and (max-height: 384px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:3.5em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }
}


/* para controlar un caso en especifico */
@media screen and (max-width: 732px) and (max-height: 412px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:3.5em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }
}


/* para controlar un caso en especifico */
@media screen and (max-width: 745px) and (max-height: 353px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:3.5em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }
}





/* para controlar un caso en especifico */
@media screen and (max-width: 280px) and (max-height: 653px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:2em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }


}



/* para controlar un caso en especifico */
@media screen and (max-width: 736px) and (max-height: 414px) {
    /* Estilos para pantallas con un ancho máximo de 280px */

    .texto_quien {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:3em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }

    #boton4 {
        margin-top: -20px !important;
        font-size:1em !important;
    }
}



/* para controlar un caso en especifico */
@media screen and (max-width: 812px) and (max-height: 375px) {
    /* Estilos para pantallas con un ancho máximo de 280px */

    .texto_quien {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:3em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton4 {
        margin-top: -20px !important;
        font-size:1em !important;
    }
}



/* para controlar un caso en especifico */
@media screen and (max-width: 240px) and (max-height: 320px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 0px;
        font-size:2em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    
}



/* para controlar un caso en especifico */
@media screen and (max-width: 320px) and (max-height: 240px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:1.6em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }

    #boton4 {
        margin-top: -20px !important;
        font-size:1em !important;
    }
}



/* para controlar un caso en especifico */
@media screen and (max-width: 653px) and (max-height: 280px) {
    /* Estilos para pantallas con un ancho máximo de 280px */

    .texto_quien {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:2em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }

    #boton4 {
        margin-top: -20px !important;
        font-size:1em !important;
    }
}



/* para controlar un caso en especifico */
@media screen and (max-width: 568px) and (max-height: 320px) {
    /* Estilos para pantallas con un ancho máximo de 280px */

    .texto_quien {
        margin-top: -2%;
        margin-bottom: -2%;
    }

    .texto_seccion4 {
        
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_quien {
        margin-top: 100px;
        font-size:2em !important;
        padding-left:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }

    #boton4 {
        margin-top: -20px !important;
        font-size:1em !important;
    }
}



/* ******************************* seccion 5 ********************************************* */

#boton5 {
    font-style: italic !important;
    margin-top:40px;
    padding-left: 50px !important;
    padding-right: 50px !important;
} 

.contenedor_texto_velocidad {
    font-size:7em;
}

.texto_seccion5 {
    font-family: 'ArgentumSans-ExtraBold' !important;
}

.texto_velocidad {
    font-family: 'ArgentumSans-ExtraBold' !important;
    font-style: italic !important;
    margin-top: -4%;
    margin-bottom: -4%;
    text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -webkit-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -moz-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -o-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
    -ms-text-shadow: 4px 1px 7px rgba(0,0,0,0.3);
}

.fondo_seccion5 {
    position: relative;

    background: rgb(29, 39, 247);
    background: -moz-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -webkit-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -o-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: -ms-linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);
    background: linear-gradient(96deg, rgba(29, 39, 247, 1) 0%, rgba(94, 36, 249, 1) 56%);




    z-index: 1;
    overflow: hidden;
}

.fondo_seccion5_2 { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    opacity: 0.3 !important;
    -moz-opacity: 0.3 !important;
    -webkit-opacity: 0.3 !important;
    -o-opacity: 0.3 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important;
    background-image: url('../img/fondo3.png'), url('../img/Capa15.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; 
    background-size: cover; /* Navegadores estándar */

    z-index: 2;
}

.fondo_seccion5_capa0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    background-image: url('../img/ONDAS A.png');
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.1+ */
    -moz-background-size: cover; /* Firefox 3.6+ */
    -o-background-size: cover; /* Opera 9.6+ */
    -ms-background-size: cover; 
    background-size: cover; /* Navegadores estándar */
    opacity: 0.2;
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    -o-opacity: 0.2;
    -ms-opacity: 0.2;
    z-index: 3;
}


@media screen and (max-width: 1224px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion5 {
        font-size:0.9em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .contenedor_texto_velocidad {
        font-size:5.5em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton5 {
        font-size:1.2em !important;
    } 
}

@media screen and (max-width: 991px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion5 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .texto_velocidad {
        margin-top: -3%;
        margin-bottom: -3%;
    }
    
    .contenedor_texto_velocidad {
        margin-top: -4%;
        margin-bottom: -4%;
        font-size:3.5em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton5 {
        font-size:1em !important;
    }
    #text_abajo_seccion5 {
        font-size:0.25em !important;
    }
}


@media screen and (max-width: 767px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion5 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .texto_velocidad {
        margin-top: -2%;
        margin-bottom: -2%;
    }
    
    .contenedor_texto_velocidad {
        font-size:2.5em;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton5 {
        font-size:1em !important;
    } 
    #text_abajo_seccion5 {
        font-size:0.3em !important;
    }
}

@media screen and (max-width: 524px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion5 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .texto_velocidad {
        margin-top: -2%;
        margin-bottom: -2%;
    }
    
    .contenedor_texto_velocidad {
        font-size:1.8em;
        padding-right:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton5 {
        font-size:0.9em !important;
    } 
    #text_abajo_seccion5 {
        font-size:0.4em !important;
    }
}



@media screen and (max-width: 240px) and (max-height: 320px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion5 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .texto_velocidad {
        margin-top: -2%;
        margin-bottom: -2%;
    }
    
    .contenedor_texto_velocidad {
        font-size:1.1em;
        padding-right:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton5 {
        font-size:0.7em !important;
    } 
    #text_abajo_seccion5 {
        font-size:0.4em !important;
    }
}




@media screen and (max-width: 320px) and (max-height: 240px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion5 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .texto_velocidad {
        margin-top: -2%;
        margin-bottom: -2%;
    }
    
    .contenedor_texto_velocidad {
        font-size:1.1em;
        padding-right:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton5 {
        font-size:0.7em !important;
    } 
    #text_abajo_seccion5 {
        font-size:0.4em !important;
    }
}




@media screen and (max-width: 280px) and (max-height: 653px) {
    /* Estilos para pantallas con un ancho máximo de 280px */
    .texto_seccion5 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .texto_velocidad {
        margin-top: -2%;
        margin-bottom: -2%;
    }
    
    .contenedor_texto_velocidad {
        font-size:1.1em;
        padding-right:0%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #boton5 {
        font-size:0.7em !important;
    } 
    #text_abajo_seccion5 {
        font-size:0.5em !important;
    }
}