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

body.page-template-template-portfolio-php .container-wrap, body.single-portfolio .container-wrap, body.tax-project-type .container-wrap, body[data-bg-header=true] .container-wrap {
    padding-bottom: 0px !important;
}

/* HEADER */

body #header-outer.scrolling, body[data-header-color="dark"] #header-outer.scrolling {
    background-color: #000 !important;
}

#header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
    transition: margin 0.5s ease-in-out !important;
}

#header-outer.scrolling #logo, #header-outer.scrolling .logo-clone, #header-outer.scrolling .logo-spacing {
    margin-top: 16px;
    margin-bottom: 16px;
}

#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    transition: height 0.5s ease-in-out !important;
}

#header-outer.scrolling #logo img, #header-outer.scrolling .logo-clone img, #header-outer.scrolling .logo-spacing img {
    height: 46px;
}

body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul, #header-outer nav > ul > .megamenu > .sub-menu{
    background: #000 !important;
    border: #000;
}

body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul, #header-outer nav > ul > .megamenu > .sub-menu{
    justify-content: right;
}

#header-outer .sf-menu > .nectar-megamenu-menu-item > ul.sub-menu > li {
    /*width: fit-content !important;*/
    padding-top: 0px !important;
}

#header-outer .sf-menu > .nectar-megamenu-menu-item > ul.sub-menu > li span{
    font-size: 18px;
}

#header-outer  .menu-no-pointer {
    cursor: pointer !important;
    /*pointer-events: none;*/
}

.sf-menu {
    z-index: 9999999998;

}

/*.sf-menu .sub-menu {
    top: calc(100% - 28px) !important;
    z-index: 9999999999;

}

.detached.scrolling .sf-menu .sub-menu {
    top: calc(100% - 16px) !important;
    z-index: 9999999999;
}*/

body .sf-menu > li.sfHover > ul, #header-outer #top .sf-menu > li.sfHover > ul {
    transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.25, 1), opacity 0.55s cubic-bezier(0.2, 0.8, 0.25, 1);
}

#top .sf-menu li ul .current-menu-item > a, #header-outer nav > ul > .megamenu > ul ul .current-menu-item > a{
    background: transparent !important;
    color: #fff !important;
}

#top .sf-menu li ul li.menu-item a:hover, #header-outer nav > ul > .megamenu > ul ul li a:hover{
    background: transparent !important;
}

body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul ul .current-menu-item > a{
    background: transparent !important;
}


body[data-hhun="1"] #header-outer.detached{
    padding: 10px 0px !important;
}

#header-outer.scrolling #logo{
    margin-top: 0px;
    margin-bottom: 0px;
}

.megamenu .sub-menu .sf-with-ul {
    
    margin-bottom: 4px !important;
}

.megamenu .sub-menu .sf-with-ul span{
    
    color: #FF6633;
}

.megamenu .sub-hidden{
    visibility: hidden;
}

/* POSITIONS */

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

.fixed{
    position: fixed !important;
}

.sticky{
    position: sticky;
}
.absolute_centrado{
    transform: translate(-50%,-50%);
}

/* OVERFLOWS */

.overflow_invisible{
 overflow: hidden;
}

.bloqueado{
    overflow-y: hidden !important;
}

/* FLEX */

.contenedor_flex{
    display: flex;
    flex-wrap: wrap;
}

.COL10{
    flex-basis: 10%;
    overflow: hidden;
}

.COL15{
    flex-basis: 15%;
    overflow: hidden;
}

.COL20{
    flex-basis: 20%;
    overflow: hidden;
}

.COL25{
    flex-basis: 25%;
    overflow: hidden;
}

.COL33{
    flex-basis: 33.3%;
    overflow: hidden;
}

.COL40{
    flex-basis: 40%;
    overflow: hidden;
}

.COL50{
    flex-basis: 50%;
    overflow: hidden;
}

.COL60{
    flex-basis: 60%;
    overflow: hidden;
}

.COL70{
    flex-basis: 70%;
    overflow: hidden;
}

.COL75{
    flex-basis: 75%;
    overflow: hidden;
}

.COL66{
    flex-basis: 66.6%;
    overflow: hidden;
}

.COL80{
    flex-basis: 80%;
    overflow: hidden;
}

.COL100{
    flex-basis: 100%;
}

/* CONTENEDORES */

#Custom_Body .contenedor_margenes{
    padding: 120px 90px;
}

#Custom_Body .contenedor_margenes_peq {
    padding: 80px 50px;
}

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

    #Custom_Body .contenedor_margenes {
    padding: 100px 60px;
    }

}

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

    #Custom_Body .contenedor_margenes {
    padding: 80px 50px;
    }

}

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

    #Custom_Body .contenedor_margenes {
    padding: 50px 18px;
    }

}

/* ANIMACIONES */

@keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.aparece {
    opacity: 1 !important;
    visibility: visible !important;
}

.desaparece {
    opacity: 0;
    visibility: hidden;
}

/* TEXTOS */

p {
	color: #4F4F4F;

}

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

    body h2{
    font-size: 41px;
    line-height: 41px;
    }

    body p{
    font-size: 16px;
    line-height: 20px; 
    }

}

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

    body h2{
    font-size: 31px;
    line-height: 31px;
    }

    body p{
    font-size: 13px;
    line-height: 17px; 
    }

}

.TXT-Naranja{
	color: #FF6633;

}

.TXT-Negro{
	color: #4F4F4F;
}

.TXT-Blanco{
    color: #fff;

}

/* BACKGROUNDS */

.BG-Black{
background: #151716;
}

.BG-Naranja{
background: #FF6633;
}

.BG_Negro {
    background: #000 !important; /* O el color original del header */
}

div#header-outer.BG_Negro {
    background: #000 !important;
}

.BG_Transparente {
    background: transparent !important; /* O el color original del header */
}

/* FOOTER */

#IronLock-Footer {
    position: relative;
    padding: 40px 40px 0px;
}

#IronLock-Footer .Carrusel-Clientes-Footer {
    width: 100vw;
    margin: 0px -40px !important;
}

#IronLock-Footer .Logo-Footer {
    width: 20%;
    margin: auto;
}

#IronLock-Footer .ROW_Menu {
    justify-content: space-between;
    margin-top: 40px;
}

#IronLock-Footer p {
    color: #fff;
}

#IronLock-Footer .Cabecera p {
    color: #fff;
    font-weight: 700 !important;
    padding-bottom: 8px;
}

#IronLock-Footer a:hover {
    color: #FF6633 !important;
}

#IronLock-Footer li {
    text-transform: uppercase;
    padding-bottom: 4px;
}

#IronLock-Footer .ROW_Copyright {
    width: 100vw;
    margin: 60px -40px 0px;
    text-align: center;
    padding: 18px 0px 10px;
    border-top: 1px solid #fff;
}

#IronLock-Footer .ROW_Copyright p {
    padding: 0px;
    width: 100%;
}

#IronLock-Footer .ROW_Copyright .TXT_Blanco.Takamaka {
    font-size: 10px;
    margin-top: 4px;
}

#IronLock-Footer .slick-track {
    display: flex;
    align-items: center;
}

#IronLock-Footer .CELL-Partner {
    margin: 0px 25px
}

#IronLock-Footer .CELL-Partner img {
    margin: auto;
    height: 26px;
}

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

    #IronLock-Footer li {
        padding-bottom: 0px;
    }

    #IronLock-Footer li a {
    font-size: 13px;
    line-height: 11px;
    }

}

@media only screen and (max-width: 999px){
    
    #IronLock-Footer .Logo-Footer {
        width: 50%;
    }

    #IronLock-Footer .ROW_Menu .COL {
    flex-basis: 50%;
    text-align: center;
    margin-bottom: 40px;
    }

}

@media only screen and (max-width: 700px){
    #IronLock-Footer {
    padding: 40px 18px 0px;
    }
}

@media only screen and (max-width: 540px){
    
    #IronLock-Footer .ROW_Menu .COL {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 40px;
    }

    #IronLock-Footer .ROW_Copyright {
    margin: 10px -40px 0px;
    }

}

/* CTA´s */

.cta{
    position: absolute;
    z-index: 999;
    background: #FF6633;
}

.cta_lateral-drch {
    position: fixed;
    transform: rotate(270deg) translate(50%, 150%); /* Oculto fuera de la pantalla */
    transform-origin: center right;
    right: 44px;
    top: 50%;
    color: #fff;
    width: fit-content;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 11px 30px;
    transition: transform 0.5s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

/* Aparece al hacer scroll */
.cta_lateral-drch.show {
    transform: rotate(270deg) translate(50%, 50%);
}

/* Efecto de ampliación en hover (izquierda, arriba y abajo) */
.cta_lateral-drch:hover {
    transform: rotate(270deg) translate(calc(50% + 1.5%), 50%) scale(1.05, 1.05); /* Escala en X e Y */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* Mayor sombra */
}


.cta_lateral-drch p{
    color: #fff;
    padding: 0px;
}

.cta_tel {
    bottom: 10PX;
    left: 10PX;
    border-radius: 10px;
    padding: 16px 17px;
    opacity: 0; /* Oculto al inicio */
    transform: translateY(20px); /* Leve desplazamiento */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.cta_tel.show {
    opacity: 1;
    transform: translateY(0);
}

.cta_tel .Cabecera {
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.cta_tel .Cabecera p{
    width: 100%;
    padding: 0px;
}

.cta_tel .Cabecera img{
    flex-wrap: wrap;
    right: 0px;
    top: 0px;
}

.cta_tel input.input-box {
    background: rgba(255, 255, 255, 0.5);
    padding: 5px 10px !important;
}

#CTA-Tel .BTN_Enviar {
    right: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#CTA-Tel .BTN_Enviar p{
    padding: 0px;
    color: #fff;
}

.form_nosotros .wpcf7 form.sent .wpcf7-response-output {
    border-color: #fff;
}

.form_nosotros .wpcf7 .wpcf7-response-output, #Form-Main .wpcf7 .wpcf7-response-output{
    background-color: transparent;
    color: #fff;
    margin: 20px 0px;
    border: 1px solid #fff !important;
}

.BOX-Form {
    max-height: 90vh;
    overflow-y: auto;
}

@media only screen and (max-height: 832px){

    #Form-Unete .BOX-Form {
    padding: 65px 40px 40px !important;
    }

}

@media only screen and (max-height: 732px){

    #Form-Unete .BOX-Form .Cabecera {
        width: 100%;
        margin-bottom: 40px;
    }

}

#Form-Main {
    z-index: 999999999999999;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.8);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    top: 0;
}

#MSG-CTA-Tel {
    z-index: 999999999999999;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.8);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.BOX-MSG {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
    background: #ff6533;
    border-radius: 0px;
    padding: 58px 40px 50px;
    width: 500px;
}

.BOX-MSG h2, .BOX-MSG p{
    color: #fff;
}

.BOX-MSG p{
    padding-bottom: 0px;
}

.BOX-MSG h2{
    margin-bottom: 40px;
}

#Form-Main h2, #Form-Main p, #Form-Main span{
    color: #fff !important;
}

#Form-Main .BOX-Form {
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    padding: 40px 40px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
    width: auto;
}

#Form-Main .BOX-Form {
    background: #ff6533;
    border-radius: 0px;
    padding: 96px 40px 100px;
    width: 500px;
}

#Form-Main .cursor-parpadeante {
    width: 20px;
    animation: blink 0.7s infinite alternate;
    float: left;
    width: 24px;
    shape-outside: inset(0px);
    clip-path: inset(0px);
    margin: 34px 9px 0px 0px;
}

#Form-Main .Cabecera{
    width: 100%;
    margin-bottom: 80px;
}

#Form-Main .wpcf7-textarea {
    height: 50px; /* Ajusta la altura automáticamente */
    min-height: 50px; /* Establece una altura mínima */
    resize: vertical; /* Permite que el usuario redimensione verticalmente */
}

#Form-Main .Cabecera h2{
    font-size: 40px;
}

#Form-Main div#wpcf7-f751-o1 {
    width: 100%;
}

#Form-Main .submit {
    text-align: left;
}

#Form-Main body[data-form-submit="regular"] input[type=submit]{
/*    background: transparent !important;
    color: #FF6633;*/
    background: #fff !important;
    color: #ff6533;
}

body[data-form-submit=regular] .container-wrap input[type=submit] {
    background: #fff !important;
    color: #ff6533;
}

#Form-Main body[data-form-submit=regular].page-id-505 .container-wrap input[type=submit] {
    padding: 0px !important;
}

#Form-Main a {
    color: #fff !important;
    text-decoration: underline;
}
#Form-Main .wpcf7-spinner {
    display: none;
}

#Form-Main .wpcf7-form .ROWCOLS {
    margin: 0px -20px;
}

#Form-Main .wpcf7-form .COL50{
    padding: 0px 20px;
}

#Form-Main .material.woocommerce-page[data-form-style=default] input#coupon_code, #Form-Main input[type=date], #Form-Main input[type=email], #Form-Main input[type=number], #Form-Main input[type=password], #Form-Main input[type=search], #Form-Main input[type=tel], #Form-Main input[type=text], #Form-Main input[type=url], #Form-Main select, #Form-Main textarea {
    background-color: transparent !important;
    border-radius: 4px;
    border: 2px solid transparent;
    /*border-bottom: 1px solid #4A3B29 !important;*/
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
}

#Form-Main ::placeholder {
    color: #fff; /* Color rojo */
    opacity: 1; /* Asegura que el color sea completamente visible */
}

#Form-Main  input[type=date]:focus, #Form-Main  input[type=email]:focus, #Form-Main  input[type=number]:focus, #Form-Main  input[type=password]:focus, #Form-Main  input[type=search]:focus, #Form-Main  input[type=tel]:focus, #Form-Main  input[type=text]:focus, #Form-Main  input[type=url]:focus, #Form-Main  select:focus, #Form-Main  textarea:focus {
    box-shadow: none !important;
}

#Form-Main select{
    padding: 10px 0px;
}

#Form-Main .wpcf7-form-control.wpcf7-acceptance.optional span {
    margin-left: 0px;
}

#Form-Main input[type=date], #Form-Main input[type=email], #Form-Main input[type=number], #Form-Main input[type=password], #Form-Main input[type=search], #Form-Main input[type=tel], #Form-Main input[type=text], #Form-Main input[type=url], #Form-Main textarea {
    padding: 10px 0px 10px 0px !important;
    font-family: Roboto !important;
    font-size: 14px !important;
    opacity: 1;
}

#Form-Main .COL100.acepta p {
    font-size: 12px;
}

#Form-Main .wpcf7-form .wpcf7-not-valid-tip {
    color: #ff6633 !important;
}

#Form-Main .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #fff;
}

#Close-Form{
    position: absolute;
    top: 21px;
    right: 21px;
    cursor: pointer;
    font-size: 38px;
    color: #fff;
}

.Close-Form{
    position: absolute;
    top: 21px;
    right: 21px;
    cursor: pointer;
    font-size: 38px;
    color: #fff;
}

.html-scroll-locked {
    overflow: hidden;
}


@media only screen and (max-width: 1501px){
    .cta_lateral-drch {
    right: 42px;
    }
}

@media only screen and (max-width: 999px){
    .cta_lateral-drch {
    right: 39px;
    }
}

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

    .cta_lateral-drch {
        right: 31px;
    padding: 8px 30px 6px;
    }
}

@media only screen and (max-width: 500px){
    .cta_tel {
    padding: 10px 11px;
    width: 202px;
    }
    .cta_tel .Cabecera img {
    width: 24px;
    }

    .cta_tel input.input-box {
    background: rgba(255, 255, 255, 0.5);
    padding: 2px 6px !important;
    }

    #Form-Main .BOX-Form {
    width: calc(100% - 36px);
    }

    #MSG-CTA-Tel .BOX-MSG {
    width: calc(100% - 36px);
    }

    #Form-Unete .BOX-Form {
    width: calc(100% - 36px);
    }

    #Form-Colabora .BOX-Form {
    width: calc(100% - 36px);
    }

}


/* NOTICIAS */

.single-post #breadcrumbs {
    DISPLAY: NONE;
}

.single-post .comments-section {
    display: none;
}

.single-post .blog-title a{
    pointer-events: none;
}