/*
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=Montserrat:wght@400;500;700&display=swap');

:root {
    --negro: #1d1d1b;
    --gris: #e7e7e5;
    --gris-2: #B5B5B5;
    --gris-3: #888888;
    --blanco: #ffffff;
    --padding: 14px;
    --anima-dura-header: .05s;
    --anima-delay: 3s;
    --size-custom-cursor-over: 25px;
    --grosor-linea: 15px;
    --grosor-linea-margin: 15px;
}

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

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

/*///////////
///GENERAL///
///////////*/
.display-none {
    display: none!important;
}

.container-wrap {
    transition: 1s;
}

.fila-general,
.columna-general {
    padding: 0 var(--padding)  var(--padding) var(--padding)!important;
}

.fila-general.seccion {
    margin-top: 100px!important;
    padding-top: 50px!important;
}

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

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

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

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

.back-gris-2 {
    background: var(--gris-2);
}

.with-50 {
    width: 50%!important;
}

.with-10 {
    width: 10%!important;
}

.linea-gruesa-deco .wpb_wrapper {
    background: var(--negro)!important;
    height: var(--grosor-linea)!important;
    margin-top: var(--grosor-linea-margin)!important;
}

div:has( > .linea-gruesa-deco):has( > .span_12) {
    display: none!important;
}

@media (max-width: 999px){
    .fila-general.seccion {
        margin-top: 50px!important;
    }
}

/* cuadrados */
.cuadrado-cont {
    display: block!important;
}

.cuadrado-deco {
    margin: 0 var(--padding) var(--padding) 0!important;
    width: 100%;
    transition: var(--anima-dura-header);
    float: left!important;
    display: block!important;
    height: fit-content!important;
    background: var(--negro);
}

.cuadrado-deco:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* fancybox */
.fancybox-caption.fancybox-caption--separate {
    display: none;
}

.fancybox-slide--image {
    padding: 44px 0!important;
}

/* custom cursor */
.cursor-cont {
    position: absolute!important;
    z-index: 111111;
    mix-blend-mode: exclusion;
}
  
a:hover:after{
    width: 100%;
    left: 0%;
}

.custom-cursor {
    width: 40px;
    height: 40px;
    border: 1px solid var(--blanco);
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    display: block!important;
}
  
  .custom-cursor2 {
    width: 8px;
    height: 8px;
    background-color: var(--blanco);
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width .3s, height .3s, opacity .3s;
    display: block!important;
}
  
.hover {
    width: var(--size-custom-cursor-over);
    height: var(--size-custom-cursor-over);
}

.cursorinnerhover {
    width: var(--size-custom-cursor-over);
    height: var(--size-custom-cursor-over);
}

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

h2 {
    font-size: 200px!important;
    line-height: normal!important;
    margin: 0!important;
}

.subtitulo-cont p {
    font-size: 47px!important;
    line-height: 52px;
    font-family: 'Rubik', sans-serif;
}

h3 {
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 999px){
    h2 {
        font-size: 18vw!important;
    }

    .subtitulo-cont p {
        font-size: 37px!important;
        line-height: 42px!important;
    }
}

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

#header-outer.entrance-animation #top {
    animation-duration: var(--anima-dura-header)!important;
    animation-delay: 0!important;
    animation-fill-mode: both!important;
}

#header-outer[data-full-width=true] header>.container, 
body[data-slide-out-widget-area-style=simple] #header-outer[data-full-width=true] #mobile-menu {
    padding: 0 calc(var(--padding) * 2)!important;
}

.sf-menu.sf-js-enabled.sf-arrows > li:nth-last-child(3) a:before {
    content: '';
    width: 2px;
    height: 2px;
    background: var(--negro);
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sf-menu.sf-js-enabled.sf-arrows > li:nth-last-child(3) a {
    padding-left: 20px!important;
}

.off-canvas-menu-container.mobile-only .menu > li:nth-last-child(2) a {
    border-top: 1px solid var(--blanco);
    padding-top: 10px;
}

/*//////////
///HEADER///
//////////*/
.header-titulo-desktop {
    display: flex;
}

.header-titulo-movil {
    display: none;    
    position: absolute;
}

#header-cont .cuadrado-deco {
    position: relative;
    left: calc(var(--padding) * 2);
    bottom:  calc(var(--padding) * 2);
    transform: translateY(-100%);
    animation-name: animaCuadraHeader!important;
    animation-duration: var(--anima-dura-header);
    animation-fill-mode: both;
    animation-delay: var(--anima-delay);
    background: var(--blanco);
}

#header-cont .cuadrado-cont {
    z-index: 11111!important;
    position: relative;
    top: -100%;
}

#header-cont .cuadrado-cont .cuadrado-deco:last-child {
    width: 5%!important;
}

@keyframes animaCuadraHeader {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#header-cont > div:nth-child(2),
#header-cont .columna-general,
#header-cont .columna-general > div > div > div * {
    height: 100%;
}

#header-cont .columna-general > div > div > div:first-child {
    height: 60%;
}

#header-cont .columna-general > div > div > div:nth-child(2) {
    height: 40%;
}

#header-cont .header-bloque .vc_column-inner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation-name: animaBorderHeader;
    animation-duration: var(--anima-dura-header);
    animation-fill-mode: both;
    animation-delay: calc(var(--anima-delay) + .5s);
    animation-delay: var(--anima-delay);
}

@keyframes animaBorderHeader {
    from {
    box-shadow: inset 0px 0px 0px 6px var(--blanco);
    }
    
    to {
    box-shadow: inset 0px 0px 0px 0 var(--blanco);
    }
}

#header-cont .header-bloque img {
    height: auto!important;
    position: absolute;
}

#header-cont .header-bloque-cont-1 .header-bloque:last-child img,
#header-cont .header-bloque-cont-2 .header-bloque:last-child img {
    right: 0;    
}

#header-cont .header-bloque > div > .wpb_wrapper .header-show-mobile {
    top: -100%!important;
    position: relative!important;
}

.header-hide-mobile {
    display: flex!important;
}

.header-show-mobile {
    display: none!important;
}

.header-titulo-1,
.header-titulo-2 {
    background: var(--blanco);
    width: max-content;
}

.header-titulo-1,
.header-titulo-2 {
    font-size: 4.05vw;
    font-family: 'Montserrat', sans-serif;
    line-height: 4.5vw;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    right: 3vw;
    background: var(--blanco);
    padding: 2vw;
    height: max-content!important;
    z-index: 2;
    text-align: right;
}

.header-titulo-1,
.header-titulo-2 {
    animation-name: headerTitulo1;
    animation-duration: var(--anima-dura-header);
    animation-fill-mode: forwards;
    animation-delay: var(--anima-delay);
    opacity: 0;
}

.header-titulo-2 {
    animation-name: headerTitulo2;
    font-size: 3.15vw;
    line-height: 3vw;
    text-transform: lowercase;
    font-weight: 300!important;
    z-index: 1;
    width: auto!important;
}

@keyframes headerTitulo1 {
    from {
        opacity: 0;
        top: 0;
    }

    to {
        opacity: 1;
        top: 3vw;
    }
}

@keyframes headerTitulo2 {
    from {
        opacity: 0;
        top: 15vw;
    }

    to {
        opacity: 1;
        top: 14vw;
    }
}

@media (max-width: 1250px){
    .header-titulo-desktop {
        display: none;
    }

    .header-titulo-movil .wpb_wrapper .wpb_wrapper {
        width: calc(100vw - var(--padding) - var(--padding) - var(--padding) - var(--padding))!important;
        left: 0!important;
        top: 1vw;
    }
    
    .header-titulo-movil .header-titulo-1,
    .header-titulo-movil .header-titulo-2 {
        width: min-content;
        right: var(--padding)!important;
        font-size: 7vw;
        line-height: 8vw;
    }
    
    .header-titulo-movil .header-titulo-2 {
        font-size: 5vw;
        line-height: 5vw;
        animation-name: headerTitulo2movil;
    }

    .header-titulo-movil {
        display: flex;
        width: 100%;
        top: 0;
        z-index: 11111!important;
        height: 100vh;
        left: 0;
    }

    #header-cont .header-bloque img {
        width: auto!important;
        height: 100vh!important;
        max-width: inherit!important;
    }

    #header-cont .header-bloque img {
        height: 100vh;
        width: fit-content;
    }

    #header-cont .header-bloque-cont-1 .header-bloque:last-child img {
        left: 0;
        transform: translateX(calc(-33.3333333vw + 18px));
    }
    
    #header-cont .header-bloque-cont-2 .header-bloque:last-child img {
        left: calc(-66.666666vw + 36px)!important;
    }

    #header-cont > div:nth-child(2) > .columna-general > .vc_column-inner  {
        height: 100%!important;
    }

    .header-hide-mobile {
        display: none!important;
    }

    .header-show-mobile {
        display: flex!important;
    }
}

@keyframes headerTitulo2movil {
    from {
        opacity: 0;
        top: 23vw;
    }

    to {
        opacity: 1;
        top: 22vw;
    }
}

@media (max-width: 689px){
    #header-cont .cuadrado-deco {
        position: relative;
        left: calc(var(--padding) * 2);
        bottom:  calc(var(--padding) * 2);
        transform: translateY(-100%);
        animation-name: animaCuadraHeader!important;
        animation-duration: var(--anima-dura-header);
        animation-fill-mode: both;
        animation-delay: var(--anima-delay);
        background: var(--blanco);
    }
    
    #header-cont .cuadrado-cont .cuadrado-deco:last-child {
        width: 20%!important;
    }
}

/*//////////
///A-ECO////
//////////*/
#aeco h2 {
    font-size: 8vw!important;
    line-height: 7vw!important;
}

.aeco-imgs .columna-general {
    padding-top: var(--padding)!important;
}

@media (max-width: 999px){
    #aeco h2 {
        font-size: 21vw!important;
        line-height: 21vw!important;
    }
}

/*//////////////
///PROYECTOS////
//////////////*/
#proyectos h2,
#proyectos h2 span {
    font-size: 9vw!important;
    line-height: 9vw!important;
}

.portfolio-items .element {
    padding: var(--padding)!important;
    padding-bottom: 0!important;
    padding-top: calc(var(--padding) * 2)!important;
}

.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
    opacity: 0!important;
}

.proyectos-cont .cuadrado-cont {
    margin-top: 20px!important;
}

.proyectos-cont .cuadrado-cont .cuadrado-deco.back-negro {
    width: 20%!important;
}

p.subtitulo-sticky {
    font-size: 4.2vw!important;
}

#proyectos .subtitulo-cont p {
    font-size: 4vw!important;
    line-height: normal;
}

@media (max-width: 999px){
    #proyectos h2,
    #proyectos h2 span {
        font-size: 16vw!important;
        line-height: 19vw!important;
    }

    #proyectos .subtitulo-cont p {
        font-size: 10vw!important;
        line-height: 17vw!important;
    }

    .portfolio-items {
        margin: 0!important;
        width: 100%!important;
    }

    .portfolio-items .element {
        padding-top: calc(var(--padding) * 2)!important;
    }

    .portfolio-items .element:nth-child(even) {
        padding-right: var(--padding);
    }

    .portfolio-items .element:nth-child(odd) {
        padding-left: var(--padding);
    }

    #proyectos .columna-general:last-child {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

/*////////////
///VENTAJAS///
////////////*/
#ventajas .nectar-split-heading {
    margin: 0;
}

#ventajas .ventajas-titulo > div {
    padding: 0!important;
}

.ventajas-fila .columna-general {
    margin-bottom: 30px;
}

.ventajas-fila .columna-general:first-child {
    padding-left: 0!important;
}

.ventajas-fila .columna-general:last-child {
    padding-right: 0!important;
    border-right-width: 0;
}

.ventajas-fila .columna-general > div > .wpb_wrapper {
    display: flex!important;
    align-items: flex-start;
}

.ventajas-fila .columna-general > div > .wpb_wrapper > div:first-child img {
    width: 406px!important;
    max-width: 100px;
    filter: invert(1) brightness(0.1);
}

.ventajas-fila .columna-general:nth-child(4n){ 
    padding-left: 0!important;
}

.ventajas-fila .columna-general .ventaja-txt {
    padding-left: 20px!important;
}

@media (max-width: 999px){
    .ventajas-fila .columna-general:nth-child(2n){ 
        padding-left: 10px!important;
    }
    
    #proyectos h2,
    #proyectos h2 span {
        font-size: 16vw;
        line-height: 8vw;
    }
    
    .ventajas-fila .columna-general {
        padding-left: 0!important;
        padding-right: 0!important;
        margin-top: 40px!important;
    }
    
    .ventajas-fila .columna-general > div > .wpb_wrapper > div:last-child,
    .ventajas-fila {
        padding: 0!important;
    }
    
    .ventajas-fila .columna-general > div > .wpb_wrapper {
        display: flex!important;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .ventajas-fila .columna-general > div > .wpb_wrapper > div:first-child img {
        margin-bottom: 20px;
    }
    
    .ventajas-fila .columna-general > div > .wpb_wrapper > div:first-child img,
    .ventajas-fila .columna-general > div > .wpb_wrapper > div:first-child,
    .ventajas-fila .columna-general > div > .wpb_wrapper > div:last-child {
        width: 100%!important;
    }
    
    .ventajas-fila .columna-general > div > .wpb_wrapper > div:last-child{
        padding-left: 10px!important;
    }
}

@media (max-width: 689px){
    .ventajas-fila .columna-general:nth-child(2n),
    .ventajas-fila .columna-general > div > .wpb_wrapper > div:last-child,
    .ventajas-fila .columna-general .ventaja-txt,
    .ventajas-fila .columna-general {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

/*///////////
///COLLAGE///
///////////*/   
#sostenibilidad h2 {
    font-size: 12vw!important;
    line-height: 12vw!important;
}

.soldadura-txt .heading-line div {
    font-size: 5vw;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 5vw;
    text-transform: uppercase;
}

.collage-imgs .columna-general {
    padding-top: var(--padding)!important;
}

@media (max-width: 999px){
    .soldadura-txt .heading-line div {
        font-size: 8vw!important;
        line-height: 8vw!important;
    }
}
    
@media (max-width: 1300px){
    .ventajas-fila .columna-general:nth-child(odd){
        padding-left: 0px!important;
    }
}

/*//////////////////
///SOSTENIBILIDAD///
//////////////////*/
.sostenibilidad-puntos .sostenibilidad-titulo{
    margin-bottom: 10px;
}

.sostenibilidad-titulo .wpb_wrapper {
    display: flex;
    align-items: center;
}

.sostenibilidad-titulo .wpb_wrapper p {
    padding: 0!important;
}

.sostenibilidad-titulo .wpb_wrapper p img {
    width: 90px!important;
    padding-right: 20px;
    filter: invert(1) brightness(0.1);
}

.sostenibilidad-puntos .columna-general:nth-child(3) .sostenibilidad-titulo .wpb_wrapper p img {
    width: 80px!important;
}

.sostenibilidad-puntos h3 {
    font-size: 35px;
    line-height: normal;
}

.sostenibilidad-puntos .columna-general > div > .wpb_wrapper {
    padding: calc(var(--padding) * 2)!important;
    padding-bottom: var(--padding) !important;
}

.sostenibilidad-puntos .columna-general .columna-general:first-child {
    padding-left: 0!important;
}

.sostenibilidad-puntos .columna-general .columna-general:last-child {
    padding-right: 0!important;
}

@media (max-width: 999px){
    .sostenibilidad-puntos .columna-general {
        /* padding-left: 0!important;
        padding-right: 0!important; */
    }
}

@media (max-width: 689px){
    .sostenibilidad-titulo .wpb_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .sostenibilidad-puntos .columna-general > div > .wpb_wrapper {
        padding: var(--padding)!important;
        padding-bottom: var(--padding) !important;
    }

    .sostenibilidad-puntos .columna-general .columna-general > div > .wpb_wrapper {
        padding: calc(var(--padding) * 2)!important;
    }
}

/*//////////
///FOOTER///
//////////*/
.copyright-cont {
    font-size: 16px!important;
    margin-bottom: 0!important;
}

.copyright-cont a {
    color: var(--negro)!important;
    box-shadow: inset 0 -0.05em 0 0 var(--negro);
    width: max-content;
    transition: 0!important;
}

.copyright-cont a:hover {
    box-shadow: none;
}

.contacto-datos a {
    font-size: 40px;
    line-height: normal;
    display: block;
    margin-bottom: 20px;
}

.contacto-datos br {
    display: none!important;
}

@media (max-width: 689px){
    .contacto-datos a {
        font-size: 30px;
        line-height: normal;
    }
}

/*///////////
///trabajo///
///////////*/
#trabajo h2 {
    font-size: 11vw!important;
}

.trabajo-img-carrusel .flickity-slider .wpb_wrapper {
    height: 800px!important;
}

.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input {
    border-radius: 0!important;
    font-family: 'Rubik', sans-serif!important;
    font-size: 18px!important;
    font-weight: 200!important;
}

.wpcf7-form-control-wrap input[type=text]:focus,
.wpcf7-form-control-wrap textarea:focus {
    box-shadow: none!important;
}

.wpcf7 form > *:nth-last-child(2) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.wpcf7-response-output,
.wpcf7 form .wpcf7-not-valid-tip {
    padding-left: 0;
    box-shadow: none;
    font-weight: 300;
    color: #db6363;
    border: none!important;
    padding-right: 0!important;
    padding-left: 0!important;
    margin-right: 0!important;
    margin-left: 0!important;
}

.wpcf7-response-output {
    text-align: right;
}

.wpcf7 form[data-status="sent"] .wpcf7-response-output {
    color: var(--negro);
}

/* custom adjuntar archivo */
input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type="file"]::before {
    content: 'Curriculum';
    display: inline-block;
    background: var(--negro)!important;
    padding: 11px 15px!important;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    font-size: 10pt;
    padding: 12px;
    color: var(--blanco);
    border: 2px solid var(--negro)!important;
}

input[type="file"] {
    color: var(--blanco)!important;
}

@media (max-width: 999px){
    #trabajo h2 {
        font-size: 18vw!important;
    }
}

@media (max-width: 689px){
    .trabajo-h3 h3 {
        font-size: 60px;
        line-height: 55px;
    }
}