/*
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=Hepta+Slab:wght@300;400;500;600&display=swap');

:root {
    --negro: #1D1D1D;
    --gris-1: #3C3C3C;
    --gris-2: #9B9B9B;
    --gris-3: #C6C6C6;
    --gris-4: #F4F4F4;
    --marron: #745036;
    --blanco: #ffffff;
    --padding-general: calc(10.5vw + var(--padding-columna));
    --padding-columna: 10px;
    --fix-time-msk: .5s; 
    --size-custom-cursor-over: 25px
}

::-moz-selection { 
    color: var(--blanco);
    background: var(--gris-1);
}

::selection {
    color: var(--blanco);
    background: var(--gris-1);
}

/*///////////
///GENERAL///
///////////*/
.fila-general {
    padding: 0 var(--padding-general)!important;
}

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

.cursor-cont {
    position: absolute!important;
    z-index: 111111;
    mix-blend-mode: exclusion;
    transition: all 200ms ease-out;
}
  
.custom-cursor {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    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;
  border-radius: 100%;
  background-color: var(--blanco);
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width .3s, height .3s, opacity .3s;
  display: block!important;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: none!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);
}

.display-none {
    display: none!important;
}

@media (max-width: 999px){
    .columna-general {
        padding: 0!important;
    }
}

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

h2 {
    font-size: 6vw;
    line-height: normal!important;
    font-family: 'Hepta Slab', serif;
}

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

@media (max-width: 689px){
    h2 {
        font-size: 13vw!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;
}

#top .container {
    padding: 0 var(--padding-general)!important;
}

.current-lang span {
	color: var(--blanco);
}

/*//////////
///HEADER///
//////////*/
.header-cont {
    padding: 0 var(--padding-general)!important;
}

.header-titulo-txt {
    padding-top: 3.5vw!important;
    padding-right: 30px!important;
}

.header-titulo {
    padding-bottom: 30px;
}

.header-cont .header-titulo .nectar-split-heading p {
    font-size: 5.7vw;
    font-family: 'Hepta Slab', serif;
    color: var(--blanco);
    font-weight: 400;
}

.header-cont .header-titulo .nectar-split-heading p > span {
    line-height: 20px;
}

.header-txt {
    padding-top: 30px;
    padding-bottom: 30px;
    color: var(--gris-2);
}

.header-txt > div:last-child > div {
    padding: 0 var(--padding-columna)!important
}

.header-year p {
    font-family: 'Hepta Slab', serif;
    color: var(--gris-2);
    padding-top: 10px;
}

.header-img-mask-cont {
    cursor: none;
    padding-left: 30px!important;
}

.header-img-cont {
    width: 50%!important;
    overflow: hidden;
}

.header-tapa-negra-cont .header-tapa-negra {
    opacity: 1;
    animation: anima-img 2s;
    animation-fill-mode: forwards;
    animation-delay: calc(var(--fix-time-msk) + 1s);
    background: var(--negro)!important;
    height: 50%!important;
}

.header-tapa-negra-cont .header-tapa-negra:nth-child(4) {
    right: 0;
    animation-delay: calc(var(--fix-time-msk) + 1.1s);
}

.header-tapa-negra-cont .header-tapa-negra:nth-child(3) {
    left: 0;
    animation-delay: calc(var(--fix-time-msk) + 1.2s);
}

.header-tapa-negra-cont .header-tapa-negra:nth-child(2) {
    right: 0;
    top: 0;
    animation-delay: calc(var(--fix-time-msk) + 1.3s);
}

.header-img-cont .wpb_wrapper > .img-with-aniamtion-wrap:last-child {
    position: relative;
    z-index: 20!important;
    width: 100%;
}

.header-tapa-negra-cont,
.header-tapa-negra-cont * {
    height: 100%!important;
}

@keyframes anima-img {
    0%{
        opacity: 1;
    }

    5%{
        opacity: 0;
    }

    10%{
        opacity: 1;
    }

    15%{
        opacity: 0;
    }

    20%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}

.header-scroll-1,
.header-scroll-2 {
    font-family: 'Hepta Slab', serif;
    color: var(--gris-1);
    font-weight: 700;
    padding: 200px 0 20px 0!important;
}

.header-scroll-2 {
    padding-top: 20px!important;
}

.header-scroll-2 div {
    color: var(--gris-3)!important;
}

.header-scroll-1 .nectar-scrolling-text-inner__text-chunk,
.header-scroll-2 .nectar-scrolling-text-inner__text-chunk {
    padding-left: 4vw!important;
}

.header-luz {
    z-index: 10;
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 1000px;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
    mix-blend-mode: overlay;
    position: fixed;
    transition: all 200ms ease-out;
    left: calc(calc(-50vw + 25px) - var(--padding-general) + 50px);
    top: -150px;
}

.header-msk {
    z-index: 20!important;
}

@media (max-width: 999px){
    .header-titulo-txt,
    .header-img-mask-cont {
        padding: 0!important;
    }
    
    .header-cont .header-titulo .nectar-split-heading p {
        font-size: 10vw!important;
    }
}

@media (max-width: 689px){
    .header-scroll-1 {
        padding-top: 100px!important;
    }
}

/*/////////////
///PROYECTOS///
/////////////*/
.proyectos-subtitulo {
    color: var(--gris-1);
    font-family: 'Hepta Slab', serif;
    font-size: 2.5vw;
    font-size: 48px;
    line-height: normal;
}

.proyectos-masonry-grid .nectar-post-grid-filters {
    padding-top: 7vw!important;
}

.proyectos-masonry-grid .nectar-post-grid-filters h4 {
    display: none!important;
}

.proyectos-masonry-grid .nectar-post-grid-filters > div:last-child {
    display: block!important;
}

.proyectos-masonry-grid .nectar-post-grid,
.proyectos-subtitulo {
    padding-top: 4vw!important;
}

.nectar-post-grid-filters > div > a {
    font-family: 'Hepta Slab', serif;
    font-weight: 600;
    font-size: 14px;
    color: var(--gris-2);
}

.nectar-post-grid-filters > div > a:hover,
.nectar-post-grid-filters > div > a.active {
    color: var(--gris-1);
}

.nectar-post-grid-wrap[data-style=content_overlaid] .nectar-post-grid[data-grid-item-height*=vh][data-masonry=yes] .nectar-post-grid-item {
    min-height: 400px!important;
}

.nectar-post-grid .post-heading span {
    display: none;
}

@media (max-width: 999px){
    .proyectos-masonry-grid .nectar-post-grid {
        margin: 0!important;
    }
}

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

/* PROYECTO */
.project-title h1 {
    font-family: 'Hepta Slab', serif!important;
    line-height: normal!important;
    font-weight: 300!important;
    font-size: 5vw!important;
    padding-bottom: 20px!important;
}

.proyecto-txt-cont > div > .wpb_wrapper {
    padding: 100px 8.5vw!important;
}

.proyecto-txt p {
    color: var(--gris-2)!important;
}

.proyeto-negrita {
    font-family: 'Hepta Slab', serif!important;
    font-weight: 500!important;
    font-size: 20px!important;
    text-transform: uppercase!important;
    color: var(--gris-1);
}

.sidebar-proyecto p {
    display: flex;
    flex-direction: column;
    padding: 0!important;
}

.sidebar-proyecto p > .proyeto-negrita {
    padding-top: 20px;
}

.sidebar-proyecto p > .proyeto-negrita:first-child {
    padding-top: 0;
}

#portfolio-nav {
    padding-bottom: 150px;
    background: var(--blanco)!important;
}

#portfolio-nav .controls {
    display: flex!important;
    justify-content: space-between!important;
    flex-wrap: nowrap;
}

#portfolio-nav li {
    width: 49%!important;
    align-items: flex-end!important;
    display: flex!important;
}

.sidebar-proyecto p > .proyeto-negrita:after {
    content: '';
    width: 50px!important;
    height: 2px!important;
    background: var(--gris-1)!important;
    display: block;
    margin: 15px 0!important;
}

.fancybox-caption.fancybox-caption--separate {
    display: none!important;
}

.container-wrap .bottom_controls h3 .text {
    text-align: left!important;
    font-family: 'Hepta Slab', serif!important;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
}

.container-wrap .bottom_controls .controls li {
    padding: 2% 5%!important;
    background: var(--gris-1)!important;
    transition: .4s;
}

.container-wrap .bottom_controls .controls li:hover {
    background: var(--negro)!important;
}

.container-wrap .bottom_controls .controls li .proj-bg-img {
    display: none!important;
}

.container-wrap .bottom_controls .controls h3 {
    margin: 0!important;
    transform: translateX(0)!important;
}

.container-wrap .bottom_controls .controls .previous-project * {
    text-align: right!important;
}

.container-wrap .bottom_controls .controls .next-project * {
    text-align: left!important;
}

.container-wrap .bottom_controls .controls .previous-project {
    justify-content: flex-end!important;
}

.container-wrap .bottom_controls .controls .next-project {
    justify-content: flex-start!important;
}

.container-wrap .bottom_controls .controls .previous-project .prev-img,
.container-wrap .bottom_controls .controls .next-project .prev-img {
    min-width: 13vw!important;
    height: 250px!important;
    position: relative!important;
    opacity: 1!important;
    margin: 0 20px!important;
    background-position: center!important;
    background-size: cover!important;
}

.container-wrap .bottom_controls .controls li:after {
    background: none!important;
}

.container-wrap[data-nav-pos=after_project_2] .bottom_controls .only span:not(.text) {
    text-align: left!important;
}

.proyecto-datos > div > .wpb_wrapper * {
    margin: 0!important;
}

.proyecto-datos {
    padding-left: 30px!important;
}

.proyecto-datos > div > .wpb_wrapper *:nth-child(even) {
    margin-bottom: 30px!important;
}

.container-wrap .bottom_controls .controls svg,
.container-wrap .bottom_controls .controls .line {
    display: none!important;
}

.container-wrap .bottom_controls .controls h3 > span {
    padding-bottom: 20px!important;
}

.container-wrap .bottom_controls .controls h3 > span:last-child:after {
    content: url('https://demo5.miltrescientosgramos.com/wp-content/uploads/2023/10/proyect-arrow.svg');
    display: block;
    bottom: 0;
    position: relative;
    width: 100px!important;
}

.previous-project h3 > span:last-child:after {
    left: 100%!important;
    transform: translateX(-100%) scale(-1, 1)!important; 
}

@media (max-width: 999px){
    .proyecto-datos {
        padding-left: 0!important;
        padding-top: 50px!important;
    }

    .container-wrap .bottom_controls .controls .previous-project:after,
    .container-wrap .bottom_controls .controls .next-project:before {
        display: none!important;
    }

    #portfolio-nav li {
        width: 100%!important;
        margin-top: 20px;
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }

    #portfolio-nav li:first-child {
        order: 2;
    }

    #portfolio-nav li:last-child {
        order: 1;
    }

    .container-wrap .bottom_controls .controls .previous-project:after,
    .container-wrap .bottom_controls .controls .next-project:before {
        display: block!important;
        height: 150px!important;
    }
    .container-wrap .bottom_controls h3 .text {
        font-size: 25px;
    }

    .proyectos-masonry-grid.fila-general {
        padding-left: calc(var(--padding-general) / 2)!important;
        padding-right: calc(var(--padding-general) / 2)!important;
    }

    .container-wrap .bottom_controls .controls .prev-img {
        width: 50%!important;
        min-width: 50%!important;
    }
}

@media (max-width: 689px){
    .project-title h1 {
        font-size: 14vw!important;
        padding-bottom: 20px!important;
    }
    
    .proyecto-txt-cont > div > .wpb_wrapper {
        padding: 50px 8.5vw!important;
    }
}

@media (max-width: 500px){
    #portfolio-nav .controls li {
        display: flex!important;
        flex-direction: column;
    }

    #portfolio-nav .controls li {
        align-items: flex-start!important;
    }

    #portfolio-nav .controls .prev-img {
        margin-left: 0!important;
    }

    .container-wrap .bottom_controls .controls .previous-project * {
        text-align: left!important;
    }

    .previous-project h3 > span:last-child:after {
        left: 0%!important;
        transform: translateX(0) scale(-1, 1)!important;
    }
}

/*//////////
///MÉTODO///
//////////*/
#metodo h2 {
    font-weight: 400;
    padding-top: 8vw!important;
}

.metodo-txt,
.metodo-txt-doble p{
    line-height: 1.5!important;
    padding-top: 20px!important;
}

.metodo-txt {
    padding-top: 30px!important;
    color: var(--gris-2);
}

.metodo-txt-doble {
    padding: 80px calc(var(--padding-general) + 3vw)!important;
}

.metodo-txt-doble p {
    color: var(--gris-4);
}

.metodo-scrolling-txt-1,
.metodo-scrolling-txt-2 {
    font-family: 'Hepta Slab', serif;
    color: var(--gris-2);
    font-size: 5vw!important;
    line-height: normal;
    text-transform: lowercase;
    left: 50vw;
    transform: translateX(-50vw);
}

.metodo-scrolling-txt-1 {
    padding-top: 10.5vw;
}

.img-scroll-txt-1,
.img-scroll-txt-2 {
    padding: 0 var(--padding-general);
}

.img-scroll-txt-1 img,
.img-scroll-txt-2 img {
    width: 100%!important;
}

#metodo-2 {
    padding-top: 6vw!important;
    background: var(--gris-1);
    -webkit-box-shadow: inset 0px 23vw 0px 0px var(--gris-4);
    -moz-box-shadow: inset 0px 23vw 0px 0px var(--gris-4);
    box-shadow: inset 0px 23vw 0px 0px var(--gris-4);
}

.metodo-txt-doble {
    padding: 0 10vw;
}

@media (max-width: 689px){
    .metodo-scrolling-txt-1,
    .metodo-scrolling-txt-2 {
        font-size: 13vw!important;
        
    }

    .metodo-scrolling-txt-1 {
        padding-top: 6vw;
    }

    #metodo-2 {
        -webkit-box-shadow: inset 0px 29vw 0px 0px var(--gris-4);
        -moz-box-shadow: inset 0px 29vw 0px 0px var(--gris-4);
        box-shadow: inset 0px 29vw 0px 0px var(--gris-4);
    }

    .metodo-txt-doble {
        padding: 40px var(--padding-general) 80px var(--padding-general)!important;
    }
}

/*///////////
///HACEMOS///
///////////*/
.hacemos-titulo {
    font-family: 'Hepta Slab', serif;
    color: var(--gris-2);
    font-weight: 400!important;
    padding-top: 100px;
    line-height: normal!important;
    font-size: 2.7vw;
}

.hacemos-txt {
    padding: 60px 0!important;
}

body[data-form-submit=regular] .container-wrap button[type=submit],
.hacemos-btn {
    background: var(--gris-4)!important;
    padding: 20px 0 20px 30px!important;
    width: max-content;
    left: 50%!important;
    transform: translateX(-50%)!important;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 120px!important;
    cursor: pointer;
    overflow: hidden;
    border-radius: 0!important;
    line-height: 12px!important;
}

.container-wrap button[type=submit]:focus {
    background: var(--gris-4)!important;
}

body[data-form-submit=regular] .container-wrap button[type=submit] {
    color: var(--gris-1);
    padding: 20px 0 20px 30px!important;
    margin-bottom: 0!important;
    opacity: 1!important;
    left: 0!important;
    transform: translateX(0)!important;
}

.wpcf7-form-control.wpcf7-submit:hover {
    background: var(--gris-4)!important;
}

.wpcf7-form-control.wpcf7-submit span,
.hacemos-btn span {
    color: var(--gris-1);
    font-size: 25px;
    font-weight: 500;
}

.wpcf7-form-control.wpcf7-submit img,
.hacemos-btn img {
    position: relative;
    padding-left: 10px;
    width: 30px!important;
    top: 0;
    right: 0;
    transition: .4s;
}

.wpcf7-form-control.wpcf7-submit img:last-child,
.hacemos-btn img:last-child {
    top: 50px;
    right: 50px;
    transform: translateX(-100%);
}

.wpcf7-form-control.wpcf7-submit:hover img,
.hacemos-btn:hover img {
    top: -50px;
    right: -50px;
}

.wpcf7-form-control.wpcf7-submit:hover img:last-child,
.hacemos-btn:hover img:last-child {
    top: 0;
    right: 0;
}

.wpcf7-spinner {
    background: var(--gris-3);
}

.wpcf7-spinner::before {
    background: var(--gris-1);
}

@media (max-width: 999px){
    .hacemos-titulo {
        font-size: 5vw!important;
    }
}

@media (max-width: 689px){
    .hacemos-titulo {
        font-size: 8vw!important;
    }
}

/*////////////
///CONTACTO///
////////////*/
.contacto-formulario-cont {
    padding: 0 calc(var(--padding-general) + 50px) 0 100px!important;
}

.contacto-formulario-cont label {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.contacto-formulario-cont label > span:first-child {
    font-family: 'Hepta Slab', serif;
    color: var(--gris-1);
    font-weight: 400!important;
    padding-right: 10px;
}

.contacto-formulario-cont label > span:nth-child(2) {
    width: 80%!important;
}

.contacto-txt-formu {
    top: 50%!important;
    transform: translateY(-50%)!important;
}

.formulario-legal-txt {
    padding-bottom: 10px!important;
}

#contacto .wpcf7-list-item span,
.formulario-legal-txt {
    font-size: 10px!important;
    color: var(--blanco)!important;
    line-height: 1.4!important;
    width: 100%!important
}

#contacto .wpcf7-list-item {
    margin: 0!important;
}

#contacto input[type="checkbox"] {
    margin-left: 0!important;
}

@media (max-width: 999px){
    .contacto-formulario-cont {
        padding-top: 100px!important;
        padding-bottom: 100px!important;
    }
}

@media (max-width: 689px){
    .contacto-formulario-cont {
        padding: 100px 30px!important;
    }
}

/* formulario */
.wpcf7-form textarea,
.wpcf7-form input {
    background: none;
    border: none;
    border-bottom: 1px solid var(--gris-3)!important;
    border-radius: 0!important;
    padding: 0;
    font-size: 20px!important;
    right: 0!important;
    position: relative;
    color: var(--gris-2);
}

.wpcf7-form textarea {
    resize: none;
    height: 100px;
}

.wpcf7-form input[type="submit"] {
    border: none!important;
}

.wpcf7-form textarea:focus,
.wpcf7-form input:focus {
    border: none;
    border-bottom: 1px solid var(--gris-2)!important;
    box-shadow: none;
}

.wpcf7-form-control-wrap,
.wpcf7 form > *:nth-last-child(2) {
    display: flex!important;
    flex-direction: column!important;
    align-items: flex-end!important;
    padding: 0!important;
}

.wpcf7-response-output,
.wpcf7-not-valid-tip {
    padding: 0!important;
    margin: 0!important;
    background: none!important;
    box-shadow: none!important;
    color: var(--marron)!important;
    text-align: right;
}

.wpcf7-response-output {
    border: none!important;
    margin-bottom: 100px!important;
    font-weight: 400;
}

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


.contacto-formulario-cont .contacto-txt a {
    color: var(--gris-2);
}

.contacto-formulario-cont .contacto-txt  {
    line-height: 1.5!important;
}

.contacto-logo-cont.proyecto-activo .column-bg-overlay {
    background: var(--blanco)!important;
}

@media (max-width: 999px){
    .contacto-txt-formu {
        top: 0!important;
        transform: translateY(0)!important;
    }
}

/*/////////////
///POLITICAS///
/////////////*/
.politicas-cont-txt {
    padding-bottom: 100px!important;
}

.politicas-cont-txt a {
    text-decoration: underline;
}

.politicas-cont-txt h2 {
    font-size: 30px!important;
    margin-top: 30px;
}

/*//////////
///FOOTER///
//////////*/
.copyright-cont {
    font-size: 14px!important;
    position: absolute;
    bottom: 15px;
    color: var(--gris-2);
}

.copyright-cont a {
    color: var(--gris-4);
}

@media (max-width: 999px){
    .copyright-cont {
        position: relative;
        bottom: 0;
        padding-top: 50px;
    }

    .contacto-formulario-cont {
        padding-bottom: 15px!important;
    }
}