/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600;700;800;900&display=swap');

:root {
    --azul: #7EC4F9;
    --verde: #cbe9e4;
    --gris-1: #C5C5C5;
    --gris-2: #B3B3B3;
    --gris-3: #2D2D2D;
    --negro: #1d1d1b;
    --blanco: #ffffff;
    --padding-columna: 1.5vw;
    --time-btn: .1s;
    --border-radius: 150px;
    --delay-onda: .2s;
}

::-moz-selection { 
    color: #ffffff;
    background: var(--azul);
}

::selection {
    color: #ffffff;
    background: var(--azul);
}

@media (max-width: 999px){
    :root {
        --border-radius: 100px;
    }
}

@media (max-width: 689px){
    :root {
        --padding-columna: 3vw;
        --border-radius: 70px;
    }
}

/*///////////
///GENERAL///
///////////*/
.columna-general,
.contenedor-general {
    padding-left: var(--padding-columna)!important;
    padding-right: var(--padding-columna)!important;
}

.contenedor-general {
    margin-top: calc(var(--padding-columna) * 4)!important;
    padding-top: 30px!important;
}

.padding-lateral-cero {
    padding-left: 0!important;
    padding-right: 0!important;
}

.margin-top-peque {
    margin-top: calc(var(--padding-columna) * 2)!important;
}

.margin-bottom-peque {
    margin-bottom: calc(var(--padding-columna) * 2)!important;
}

.margin-top-cero {
    margin-top: 0!important;
}

.margin-bottom-cero {
    margin-bottom: 0!important;
}

.color-azul {
    color: var(--azul)!important;
}

.back-verde {
    background: var(--verde);
}

/*/////////
///TIPOS///
/////////*/
* {
    font-variant-ligatures: no-common-ligatures;
}

/*////////
///MENU///
////////*/
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:hover:after {
    display: none!important;
}

#top .container .row {
    border-bottom: 1px solid var(--gris-3);
}

@media (max-width: 999px){
    #top > .container > .row {
        padding-bottom: 15px!important;
    }
}

/*//////////
///HEADER///
//////////*/
#header-cont .nectar-split-heading div {
    font-size: 3vw!important;
    line-height: 4vw!important;
    font-weight: 300!important;
    font-family: 'Inter', sans-serif;
}

#header-cont .header-img-cont {
    height: 100%;
    padding: 0 calc(var(--padding-columna) * 2);
}

#header-cont .header-img-cont > div:last-child {
    top: 50%;
}

#header-cont .header-img-cont > div:nth-child(2) > div > div > div > div:first-child .hover-wrap-inner {
    height: 26vw;
    position: absolute;
    width: 100%;
    overflow: hidden;
    transform: translateY(-50%)!important;
}

#header-cont .header-img-cont-2 > div > div .img-with-aniamtion-wrap {
    position: absolute;
    transform: translateY(-50%)!important;
    top: 50%;
    width: 100%;
}

#header-cont .header-img-cont-2 > div > div .img-with-aniamtion-wrap:first-child {
    position: relative;
}

#header-cont .header-img-cont .header-img-btn {
    filter: drop-shadow(.6vw .4vw 0px #000000);
    left: 0;
    top: 0;
    transition: .2s;
}

#header-cont .header-img-cont:hover {
    cursor: pointer;
}

#header-cont .header-img-cont .header-img-edificio {
    transform: scale(3)!important;
    transform-origin: left top;
}

#header-cont .header-img-cont:hover .header-img-edificio {
    animation: mueve-edificios 3s linear infinite;
    left: 0;
}

@keyframes mueve-edificios {
    0% {
        left: 0;
    }

    100% {
        left: -75%;
    }
}

#header-cont .header-img-cont .header-img-go {
    filter: drop-shadow(0 0 0 #ffffff00)!important;
    opacity: 0;
}

#header-cont .header-img-cont:hover .header-img-go,
#header-cont .header-img-cont:hover .header-img-btn {
    animation: click-btn var(--time-btn) linear;
    animation-fill-mode: both;
}

@keyframes click-btn {
    0% {
        filter: drop-shadow(10px 6px 0px #000000);
        left: 0;
        top: 0;
    }
    
    100% {
        left: 0;
        top: 0;
        filter: drop-shadow(0 0 0px #00000000);
        left: 10px;
        top: 6px;
        opacity: 1;
    }
}

#header-cont .header-img-cont:hover .header-img-coche {
    animation: run-car .8s linear infinite;
}

@keyframes run-car {
    0% {
        top: 0;
        left: 0;
    }
    
    17% {
        top: 2px;
    }
    
    23% {
        top: 5px;
        left: 2px;
    }
    
    65% {
        top: 2px;
    }
    
    78% {
        top: 5px;
    }
    
    100% {
        top: 0;
        left: 0;
    }
}

#header-cont .header-img-cont .header-img-linea {
    background: var(--gris-3);
    width: 1px;
    height: 1px;
    position: absolute;
    right: 8vw;
    top: -9vw;
    transform-origin: left;
    opacity: 0;
}

#header-cont .header-img-cont:hover .header-img-lineas-cont .header-img-linea {
    animation: mueve-lineas .8s linear infinite;
}

#header-cont .header-img-cont .header-img-linea:nth-child(3) {
    animation-delay: .2s!important;
    top: -5vw;
}

#header-cont .header-img-cont .header-img-linea:nth-child(2) {
    animation-delay: .4s!important;
    top: -7vw;
}

@keyframes mueve-lineas {
    0% {
        opacity: 1;
        width: 0;
        right: 4vw;
    }
    
    50% {
        width: 50px;
    }
    
    100% {
        width: 0;
        right: 16vw;
    }
}

#header-cont .header-img-cont .header-img-llave-blanca,
#header-cont .header-img-cont .header-img-llave-azul {
    transform-origin: top center;
}

#header-cont .header-img-cont .header-anima-llaves,
#header-cont .header-img-cont:hover .header-img-llave-blanca,
#header-cont .header-img-cont:hover .header-img-llave-azul { 
    animation: mueve-llave-azul .7s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes mueve-llave-azul {
    0% {
        transform: rotate(0);
    }
    
    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0);
    }
}

@media (max-width: 999px) {
    #header-cont .header-img-cont img,
    #header-cont .header-img-cont .header-img-linea {
        animation: none!important;
    }

    #header-cont .nectar-split-heading div {
        font-size: 6vw!important;
        line-height: 7vw!important;
    }

    .header-img-cont-all {
        padding-top: 40px!important;
    }

    #header-cont .header-img-cont-2 > div > div .img-with-aniamtion-wrap:first-child {
        transform: translateY(-20%)!important;
    }
} 

@media (max-width: 689px){
    #header-cont .nectar-split-heading div {
        font-size: 8vw!important;
        line-height: normal!important;
    }

    #header-cont {
        min-height: auto!important;
    }

    #header-cont > div:last-child {
        min-height: auto!important;
    }
}

/*/////////////
///SERCICIOS///
/////////////*/
@media (max-width: 999px){
    #servicios {
        margin-top: 100px!important;
    }
}

/*///////////////
///TEXTO DOBLE///
///////////////*/
.texto-doble-txt {
    padding: 20px 4vw!important;
}

.texto-doble-linea:before {
    content: '';
    background: var(--azul);
    width: 1px;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
    position: relative;
}

@media (max-width: 689px){
    .texto-doble-linea {
        border-top: 2px solid var(--azul);
    }
}

/*///////////////
///SCROLL TEXT///
///////////////*/
.scroll-txt-cont .nectar-scrolling-text {
    margin: 0;
}

.scroll-txt-cont .nectar-scrolling-text span {
    line-height: 0.8;
}

.scroll-txt-cont .txt-di,
.scroll-txt-cont .txt-a {
    margin: 0;
    font-size: 80px;
    line-height: normal;
}

#di-adios .txt-di {
    font-weight: 200;
}

#di-adios .txt-a {
    font-weight: 900;
    font-style: italic;
}

#di-hola .txt-di {
    font-weight: 900;
}

#di-hola .txt-a {
    font-weight: 200;
    font-style: italic;
    font-size: 120px;
}

.scroll-txt-cont .scroll-txt {
    font-family: 'Inter', sans-serif;
    font-size: 120px;
    line-height: normal;
    font-weight: 900;
}

.scroll-txt-cont .scroll-txt:nth-child(odd) {
    font-weight: 200;
    font-style: italic;
}

@media (max-width: 999px){
    .scroll-txt-cont .scroll-txt {
        font-size: 80px;
    }
}

@media (max-width: 689px){
    .txt-a,
    .txt-di {
        font-size: 80px!important;
    }
}

/*///////////////////////
///SUB TITULO CENTRADO///
///////////////////////*/
.subtitulo-centrado {
    font-style: italic;
    font-size: 30px;
    line-height: normal;
}

#di-hola-cont .subtitulo-centrado {
    color: var(--gris-3);
}

/* scroll horiz */
body {
    overflow: unset!important;
}

.sticky-container {
    position: sticky!important;
    top:0!important;
    width: 100vw!important;
    margin-left: 50%!important;
    transform: translateX(-50%);
}

.main > div > .wpb_wrapper {
    overflow-x: hidden!important;
    display: flex!important;
}

.slide {
    font-size: 10vw!important;
    font-weight: 900!important;
    color: var(--negro);
    min-width: 100vw;
    min-height: 100vh;
    /* border: 5px solid red; */
    /* background-color: teal; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide:nth-child(odd) {
    min-width: 100vw;
    min-height: 100vh;
    /* border: 5px solid teal; */
    /* background-color: red; */
}

/*fin scroll horiz */

@media (max-width: 689px){
    .subtitulo-centrado {
        font-size: 20px;
    }
}

/*////////////
///CARRUSEL///
////////////*/
#di-adios,
#di-hola,
#di-adios-cont,
#di-hola-cont {
    padding-top: 0!important;
}

#di-adios-cont,
#di-hola-cont {
    padding-bottom: 100px!important;
}

#di-adios-cont .flickity-viewport,
#di-hola-cont .flickity-viewport {
    margin: 0!important;
}

#di-adios-cont .cell,
#di-hola-cont .cell {
    padding: 0 10vw!important;
}

@media (max-width: 999px){
    #di-adios-cont .cell,
    #di-hola-cont .cell {
        padding: 0 6vw!important;
    }
}

/*///////////////////
///GESTIONAR MEJOR///
///////////////////*/
#gestionar-mejor {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    overflow: hidden;
    padding: 100px 15vw!important;
}

#gestionar-mejor * {
    margin: 0!important;
}

.gestionar-mejor-txt-cont {
    font-weight: 200;
    font-size: 5.3vw;
}

.gestionar-mejor-txt-cont .nectar-split-heading:last-child {
    font-weight: 600;
    font-size: 1.6vw!important;
}

@media (max-width: 999px){
    .gestionar-mejor-txt-cont {
        font-size: 7.3vw;
    }

    .gestionar-mejor-txt-cont .nectar-split-heading:last-child {
        font-size: 3vw!important;
    }
    
    .gestionar-mejor-txt-cont .nectar-split-heading:nth-child(2) {
        text-align: right;
    }

    #gestionar-mejor {
        border-radius: 0 0 var(--border-radius) var(--border-radius)!important;
    }
}

@media (max-width: 689px){
    .gestionar-mejor-txt-cont .nectar-split-heading:nth-child(2) {
        text-align: left;
    }

    .gestionar-mejor-txt-cont {
        font-size: 10vw!important;
    }

    .gestionar-mejor-txt-cont .nectar-split-heading:last-child {
        font-size: 3vw!important;
    }
}

/*///////////
///SABEMOS///
///////////*/
#sabemos {
    padding-left: 10vw!important;
    padding-right: 10vw!important;
}

.sabemos-titulo h2 {
    font-size: 3.5vw!important;
    font-family: 'Inter', sans-serif!important;
    font-weight: 400;
}

.sabemos-titulo h2 span {
    line-height: 1!important;
}

.sabemos-txt {
    padding-top: 1vw;
    color: var(--gris-3);
    margin-bottom: 100px!important
}

.sabemos-img-cont {
    padding-top: 100px;
}

.sabemos-img-cont img {
    width: 100%!important;
}

.sabemos-img-cont-piezas > div > div > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sabemos-img-cont-piezas .img-with-aniamtion-wrap:nth-child(8) {
    position: relative;
}

.sabemos-img-cont-piezas .sabemos-img-nubes-1,
.sabemos-img-cont-piezas .sabemos-img-nubes-2 {
    transform-origin: left top;
    transform: scale(3)!important;
    left: 0;
    animation: anima-nubes 15s linear infinite;
    top: -3vw
}

@keyframes anima-nubes {
    0% {
        left: 0%;
    }
    
    100% {
        left: -100%;
    }
}

.sabemos-img-cont-piezas .sabemos-img-nubes-2 {
    transform-origin: right top;
    right: 0;
    left: auto;
    animation: anima-nubes-2 10s linear infinite;
    top: 0;
}

@keyframes anima-nubes-2 {
    0% {
        right: 0%;
    }

    100% {
        right: -100%;
    }
}

.sabemos-img-cont-piezas .onda-cont .onda-img {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid var(--negro);
    border-right: .1vw solid var(--negro);
    border-top-right-radius: 1000px;
    position: absolute;
    left: 42.2vw;
    top: 10.7vw;
    transform-origin: left bottom!important;
    animation: 2s anima-ondas linear infinite;
}

.sabemos-img-cont-piezas .onda-cont .onda-img:nth-child(2) {
    animation-delay: calc(var(--delay-onda) * 2);
}

.sabemos-img-cont-piezas .onda-cont .onda-img:nth-child(3) {
    animation-delay: calc(var(--delay-onda) * 4);
}

.sabemos-img-cont-piezas .onda-cont .onda-img:nth-child(4) {
    animation-delay: calc(var(--delay-onda) * 6);
}

.sabemos-img-cont-piezas .onda-cont .onda-img:nth-child(5) {
    animation-delay: calc(var(--delay-onda) * 8);
}

.sabemos-img-cont-piezas .onda-cont .onda-img:nth-child(6) {
    animation-delay: calc(var(--delay-onda) * 10);
}

@keyframes anima-ondas {
    0% {
        transform: scale(0);
    }
    
    50% {
        opacity: 1;
    }
    
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

.sabemos-img-cont-piezas .lineas-portatil {
    left: 23vw;
    bottom: 5.3vw;
    width: 72px;
    height: 1px;
    background: var(--negro);
    position: absolute;
    animation: anima-linea-portatil 3s ease-in-out infinite;
}

.sabemos-img-cont-piezas .lineas-portatil:last-child {
    width: 51px;
    bottom: 5vw;
    animation: anima-linea-portatil 4s ease-in-out infinite;
    animation-direction: reverse;
}

@keyframes anima-linea-portatil {
    0% {
        width: 1vw;
    }

    33% {
        width: 3vw;
    }

    50% {
        width: 1.5vw;
    }

    70% {
        width: 3vw;
    }    
    
    100% {
        width: 1vw;
    }
}

.sim-container {
    background-color: transparent;
    width: 3vw;
    height: 110px;
    perspective: 1000px;
    left: 27.5vw;
    position: absolute;
    top: .3vw;
}

.sim-container .card {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 1s;
    transform-style: preserve-3d;
    animation: anima-sim 5s ease infinite;
}

.sim-container .front, .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sim-container .back {
    transform: rotateY(180deg);
}

@keyframes anima-sim {
    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

.sabemos-img-mapa {
    animation: mueve-mapa 4s ease-out infinite;
}

@keyframes mueve-mapa {
    0% {
        top: 0;
        left: 0;
    }

    25% {
        top: -3vw;
        left: -2vw;
    }

    50% {
        top: 4vw;
        left: -5vw;
    }

    75% {
        top: 2vw;
        left: 10vw;
    }

    100% {
        top: 0;
        left: 0;
    }
}

@media (max-width: 999px){
    .sabemos-titulo h2 {
        font-size: 10vw!important;
        line-height: 8vw!important;
    }

    .sim-container {
        width: 5vw;
        height: 95px;
        left: 42.5vw;
        top: 0.3vw;
    }

    .sabemos-img-cont-piezas .lineas-portatil {
        left: 35.5vw;
        bottom: 8.3vw;
        animation: anima-linea-portatil 3s ease-in-out infinite;
    }
    
    .sabemos-img-cont-piezas .lineas-portatil:last-child {
        bottom: 7.9vw;
    }

    .sabemos-img-cont-piezas .onda-cont .onda-img {
        left: 64.7vw;
        top: 17.7vw;
    }
}

@media (max-width: 689px){
    #sabemos {
        padding-left: 5vw!important;
        padding-right: 5vw!important;
    }

    .sim-container {
        width: 6vw;
        height: 6vw;
        left: 47.5vw;
        top: 2.3vw;
    }

    .sabemos-img-cont-piezas .lineas-portatil {
        left: 39vw;
        bottom: 8.5vw;
        animation: anima-linea-portatil 3s ease-in-out infinite;
    }

    @keyframes anima-linea-portatil {
        0% {
            width: 2vw;
        }
    
        33% {
            width: 6vw;
        }
    
        50% {
            width: 3vw;
        }
    
        70% {
            width: 6vw;
        }    
        
        100% {
            width: 2vw;
        }
    }
    
    .sabemos-img-cont-piezas .lineas-portatil:last-child {
        bottom: 8.1vw;
    }

    .sabemos-img-cont-piezas .onda-cont .onda-img {
        left: 70.7vw;
        top: 19.7vw;
        border-top: 0.01vw solid var(--negro)!important;
        border-right: 0.01vw solid var(--negro)!important;
    }

    @keyframes anima-ondas {
        0% {
            transform: scale(1);
        }
        
        50% {
            opacity: 1;
        }
        
        100% {
            opacity: 0;
            transform: scale(3);
        }
    }
}

/*////////////
///CONTACTO///
////////////*/
#contacto-cont{
    padding-right: 15vw!important;
    padding-left: 15vw!important;
}

.contacto-bloque > div {
    border-radius:  calc(var(--border-radius) / 2);
    padding: 70px!important;
    background: var(--azul);
}

.contacto-bloque h2 {
    color: var(--verde)!important;
    font-size: 4vw;
    line-height: normal;
    font-family: 'Inter', sans-serif!important;
    font-weight: 400;
}

.contacto-bloque:last-child h2 {
    color: var(--azul)!important;
}

.contacto-bloque p {
    color: var(--blanco);
    margin: 0!important;
}

.contacto-bloque .contacto-precio {
    font-weight: 700;
    font-size: 2.5vw;
    margin-top: 20px;
    margin-bottom: 10px!important;
}

.contacto-bloque:last-child > div {
    background: var(--verde);
}

.contacto-bloque h2 {
    font-size: 3vw;
    line-height: 3vw;
}

.contacto-borde-redondeado {
    overflow: hidden;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    height: 100px;
}

#contacto-cont .nectar-button {
    margin-right: 10px;
    padding: 11px 62px;
    letter-spacing: 2px;
    font-size: 15px;
    FONT-WEIGHT: 400;
}

#contacto-cont .nectar-button:last-child {
    margin-right: 0!important;
}

@media (max-width: 999px){
    #contacto-cont{
        padding-right: 5vw!important;
        padding-left: 5vw!important;
    }

    .contacto-bloque .contacto-precio {
        font-size: 5vw;
    }

    .contacto-bloque h2 {
        font-size: 6vw;
        line-height: 6vw;
    }
}

@media (max-width: 689px){
    .contacto-bloque > div {
        padding: 50px!important;
    }

    .contacto-bloque h2 {
        font-size: 13vw;
        line-height: 13vw;
    }
}

/*//////////
///FOOTER///
//////////*/
#footer {
    padding: 40px 0!important;
}

#footer .wpb_text_column {
    margin: 0!important;
}

#footer .wpb_text_column p {
    font-size: 24px!important;
    color: var(--blanco);
}

#footer .wpb_text_column:nth-child(1) p {
    margin-bottom: 30px!important;
}

#footer .wpb_text_column:nth-child(1) p a {
    color: var(--blanco)!important;
}

#footer .wpb_text_column:nth-child(1) p a:hover {
    color: var(--azul)!important;
}

#footer img {
    width: 150px;
}

.descarga-app img {
    height: 50px!important;
    width: auto!important;
    margin: 30px 20px!important;
}

.copyright-cont * {
    font-size: 14px!important;
    color: var(--blanco)!important;
}

.copyright-cont p {
    padding: 10px 0!important;
}

.copyright-cont a:hover {
    color: var(--azul)!important;
}