/*
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
*/
#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top .slide-out-widget-area-toggle[data-custom-color="true"] a::before, #header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav > ul > li[class*="button_"] > a::before {
border-bottom-right-radius: 0 !important;
}
#header-outer.scrolling {
box-shadow: 0 3px 45px rgba(0,0,0,0.15) !important;
}
#slide-out-widget-area .bottom-text {
font-size: 16px !important;
font-family: 'Nothing You Could Do', sans-serif;
}
.frasepie p{
font-family: 'Nothing You Could Do', sans-serif;
}
#slide-out-widget-area img{
max-width: 24px;
position: relative;
top: 6px;
margin-right: 7px;
}
/*#header-outer.at-top .container::after {
content: "";
position: absolute;
left: 2%;
bottom: 0;
height: 10px;
width: 0;
background: red;
animation: crecer 1s ease forwards;
}*/
@keyframes crecer {
from { width: 0; }
to { width: 96%; }
}
.cursor-verde {
position: fixed;
top: -50px;
left: 0;
width: 10px;
height: 10px;
background: #3EA65C;
z-index:99;
transition: filter 0.3s ease; /* transición suave */
pointer-events: none; /* no bloquea clics */
transform: rotate(45deg) translate(-50%, -50%);
}
#footer {
position: relative;
}
#footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #3EA65C; /* verde */
z-index: -1; /* detrás */
border-radius:30px;
transition: all 1s ease;
}
#footer.active::before {
left: 10px; /* se desliza desde la izquierda */
top:10px;
}
#footer > .row-bg-wrap{
box-shadow: 0px 3px 11px rgb(0, 0, 0,0.5) !important;
}
#footer .nectar-cta.has-icon .link_wrap i {
margin-right: 0.5em;
line-height: 1;
font-size: 1.1em;
position: relative;
top: 0.5px;
color: #3ea65c;
}
.textodoc h1 {
font-size: 45px !important;
margin-bottom: 20px;
}
.textodoc h2 {
font-size: 22px !important;
font-family: Work Sans !important;
letter-spacing: -1px !important;
font-weight: 600 !important;
}
.textodoc p, .textodoc li {
color:#555;
}
.textodoc a{
color:#2d5bff;
}
/* bloquea scroll global */
html.noscroll,
body.noscroll {
overflow: hidden !important;
height: 100% !important;
padding-right: var(--scrollbar-compensate, 0px); /* evita salto */
}
/* scroll interno en el panel */
html.noscroll .nectar-global-section.nectar_hook_global_section_after_footer {
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.overlay-blur {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
backdrop-filter: blur(6px);
opacity: 0;
visibility: hidden;
transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1),
backdrop-filter 0.8s cubic-bezier(0.77, 0, 0.175, 1),
visibility 0s linear 0.6s; /* 👈 espera al fade para ocultar */
z-index: 9998;
}
.overlay-blur.activo {
opacity: 1;
visibility: visible;
backdrop-filter: blur(10px);
transition-delay: 0s, 0s, 0s; /* 👈 visibility inmediata al abrir */
}
.nectar-global-section.nectar_hook_global_section_after_footer {
position: fixed;
top: 0;
right: 0;
width: 80%;
height: 100vh;
background: #fff;
z-index: 9999;
box-shadow: -2px 0 10px rgba(0,0,0,0.3);
/* estado inicial (oculto) */
clip-path: inset(0 0 0 100%);
transition: clip-path 0.6s ease-in-out;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.nectar-global-section.nectar_hook_global_section_after_footer.activo {
/* estado visible (se abre la cortina) */
clip-path: inset(0 0 0 0);
}
.nectar-global-section-megamenu{
background:none !important;
border-radius:20px;
overflow:hidden;
}
.menumegaservices h3 {
font-size: 20px !important;
line-height: 30px !important;
font-family: "Exo 2";
color: #3da65b !important;
border-bottom: 1px solid;
}
.menumegaservices p {
line-height: 22px;
font-size: 15px;
letter-spacing: 0;
color:#666 !important;
margin-top: 15px;
}
.menumegaservices .vc_col-sm-3 .box-bg {
background:#fff !important;
transition: all 600ms ease;
}
.menumegaservices .vc_col-sm-3:hover .box-bg {
background:#3da65b !important;
}
.menumegaservices .vc_col-sm-3:hover h3 {
color:#000 !important;
}
.menumegaservices .vc_col-sm-3:hover p {
color:#fff !important;
}
.menumegaservices .vc_col-sm-3 {
border-right:1px solid #eee;
}
.menumegaservices .link-text {
color: #000 !important;
}
.menumegaservices .nectar-fancy-box .link-text .arrow, .menumegaservices .nectar-fancy-box[data-style="parallax_hover"] .inner > .arrow {
border: 2px solid rgba(0,0,0,.4);
}
.menumegaservices .nectar-fancy-box .link-text .arrow::before, .menumegaservices .nectar-fancy-box[data-style="parallax_hover"] .inner > .arrow::before {
color: #000 !important;
}
.menumegaservices .nectar-fancy-box .link-text .arrow::after, .menumegaservices .nectar-fancy-box[data-style="parallax_hover"] .inner > .arrow::after {
background-color: #000 !important;
}
.menumegaservices .vc_col-sm-3 .box-bg::before {
content: '';
background: url('https://gocopra.com.mx/wp-content/uploads/2025/11/pixeleadonegro.png');
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-position: unset;
transform: rotate(90deg);
top: -6px;
left: -80px;
opacity: 0.10;
}
.menumegaservices .vc_col-sm-3 .box-bg::after {
content: '';
background: url('data:image/svg+xml;utf8,');
width: 100px;
height: 100px;
position: absolute;
background-size: 100px !important;
right: 8px;
opacity: 0.1;
bottom: 0;
top: auto;
left: auto;
}
.menumegaservices .vc_col-sm-3:nth-child(2) .box-bg::after {
background: url('data:image/svg+xml;utf8,') !important;
background-size: 100px !important;
}
.menumegaservices .vc_col-sm-3:nth-child(3) .box-bg::after {
background: url('data:image/svg+xml;utf8,') !important;
background-size: 95px !important;
background-repeat:no-repeat !important;
}
.menumegaservices .vc_col-sm-3:nth-child(4) .box-bg::after {
background: url('data:image/svg+xml;utf8,') !important;
background-size: 95px !important;
background-repeat:no-repeat !important;
}
@media only screen and (max-width: 999px) {
#header-outer .menu-item-363 > a::before {
border-bottom-right-radius: 0 !important;
}
#header-outer.at-top .container::after {
left: -1%;
bottom: -10px;
}
@keyframes crecer {
from { width: 0; }
to { width: 102.5%; }
}
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a, body #slide-out-widget-area.fullscreen .inner-wrap > .inner .off-canvas-menu-container li > a, body #slide-out-widget-area.fullscreen-alt .inner-wrap > .inner .off-canvas-menu-container li > a, body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap > .inner .off-canvas-menu-container li > a, body #nectar-ocm-ht-line-check {
font-size: 18px;
line-height: 26px;
color: #fff !important;
}
#slide-out-widget-area.slide-out-from-right {
padding-left: 20px;
padding-right: 20px;
}
.off-canvas-menu-container.mobile-only::after {
content: "";
position: absolute;
left: 0;
bottom: -9px;
height: 1px;
width: 40px;
background: #3da65b;
}
.cursor-verde {
display:none !important;
}
body.material #slide-out-widget-area[class*="slide-out-from-right"]
.off-canvas-menu-container li a:not(:hover)::after {
border-top-width: 0;
}
}