/*
 * Colores, medidas del encabezado y ajustes propios del sitio.
 * Este archivo se puede editar para cambiar detalles de diseño.
 */
:root {--primary-color: #0f4b41;--fs-color-primary: #0f4b41;--fs-color-secondary: #90b723;--fs-color-success: #f7df02;--fs-color-alert: #054521;--fs-color-base: #151d2c;--fs-experimental-link-color: #90b723;--fs-experimental-link-color-hover: #111;}
.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}
.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1270px}
.row.row-collapse{max-width: 1240px}
.row.row-small{max-width: 1262.5px}
.row.row-large{max-width: 1300px}
.header-main{height: 90px}
#logo img{max-height: 90px}
#logo{width:258px;}
.header-bottom{min-height: 55px}
.header-top{min-height: 30px}
.transparent .header-main{height: 90px}
.transparent #logo img{max-height: 90px}
.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 120px;}
.header.show-on-scroll,.stuck .header-main{height:70px!important}
.stuck #logo img{max-height: 70px!important}
.header-bottom {background-color: #f1f1f1}
.top-bar-nav > li > a{line-height: 16px }
.header-main .nav > li > a{line-height: 16px }
@media (max-width: 549px) {.header-main{height: 70px}
#logo img{max-height: 70px}
}
.nav-dropdown{border-radius:15px}
.nav-dropdown{font-size:100%}
.nav-dropdown-has-arrow li.has-dropdown:after{border-bottom-color: #0f4b41;}
.nav .nav-dropdown{background-color: #0f4b41}
h1,h2,h3,h4,h5,h6,.heading-font{color: #0f4b41;}
body{font-size: 100%;}
body{font-family: Lato, sans-serif;}
body {font-weight: 400;font-style: normal;}
.nav > li > a {font-family: Jost, sans-serif;}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Jost, sans-serif;}
.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Jost, sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}
.alt-font{font-family: "Dancing Script", sans-serif;}
.alt-font {font-weight: 400!important;font-style: normal!important;}
.header:not(.transparent) .header-nav-main.nav > li > a {color: #0f4b41;}
.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #90b723;}
.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #90b723;}
.widget:where(:not(.widget_shopping_cart)) a{color: #87b016;}
.widget:where(:not(.widget_shopping_cart)) a:hover{color: ;}
.widget .tagcloud a:hover{border-color: ; background-color: ;}
.footer-1{background-image: url('https://sanmarquena.com/wp-content/uploads/2024/05/pie.jpg');}
.footer-1{background-color: #0f4b41}
.absolute-footer, html{background-color: #0f4b41}
.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}

/* ===== Ajustes propios del sitio ===== */
.banner {border-radius:25px !important}
.flickity-prev-next-button {width:46px}
.nomargen {line-height:1em; margin-bottom:0em}
.bordes3 {border: 1px solid #0e4b41 !important}
.sobrebanners a:hover {background-color:#047f42 !important; border-radius:25px; color:#ffffff}
.df-ui-nav .df-ui-btn:before {color:#0e4b41; filter: drop-shadow(0 0 0px black)}
.df-container .df-loading-info {display:none}
.icon-box-left .icon-box-img, .icon-box-right .icon-box-img {max-width:280px}
li {margin-bottom:0em}
.header:not(.transparent) .header-nav-main.nav > li > a {letter-spacing:0em}
.tamanomenu a{color:#0f4b41 !important; font-size:1.2em !important; font-weight:700}
#payment2, #payment3{display:none}
.calculator {width:90% !important}
.calculator input[type=text], .calculator select, .calculator textarea {background:#ffffff !important; margin-bottom:2px}
input[type=text] {height:2em}
.calculator .c-data {margin:0px}
.calculator {border:1px solid #0e4b41; border-radius:11px !important; padding: 5%}
.calculator input[type=button], .calculator input[type=reset]{border-radius:20px !important; padding:0px 15px 0px 15px !important; font-size:1em !important}
/* ======================================================== CORRECCIÓN CONTACT FORM 7 - HERENCIA DE REPRODUCCIÓN HUMANA ======================================================== *//* Contenedor transparente para heredar solo inputs y botón */.form-contacto-rh.sin-iconos {padding: 0 !important;box-shadow: none !important;background: transparent !important;max-width: 100% !important;}
/* Flexbox para Nombre y Apellido */.form-contacto-rh.sin-iconos .form-row-2 {display: flex;gap: 20px;margin-bottom: 14px;}
.form-contacto-rh.sin-iconos .form-row-2 .form-campo {flex: 1;margin-bottom: 0;}
/* Tipografía de las etiquetas */.form-contacto-rh.sin-iconos label {display: block;font-size: 16px;font-weight: 600;color: #333333;margin-bottom: 8px;}
.form-contacto-rh.sin-iconos .req { color: #e53935; }
/*Forzar estilos del archivo cc.txt sobre los inputsAnula el padding de los iconos (48px original)[cite: 1]*/.form-contacto-rh.sin-iconos input.campo-rh,.form-contacto-rh.sin-iconos textarea.campo-rh {padding-left: 18px !important;padding-right: 18px !important;border-radius: 8px !important;border: 1px solid #dfe3e1 !important;background: #ffffff !important;box-shadow: none !important;height: 50px !important; }
.form-contacto-rh.sin-iconos textarea.campo-rh {height: 105px !important;padding-top: 14px !important;}
/* Eliminar la pseudoclase que generaba los iconos SVG[cite: 1] */.form-contacto-rh.sin-iconos .form-campo::before {display: none !important;}
/* ======================================================== BOTÓN VERDE LIMA (Estilo Captura 2) ======================================================== */.form-contacto-rh.sin-iconos .form-boton-wrap {margin-top: 20px;text-align: left;}
.form-contacto-rh.sin-iconos input.boton-enviar-rh.boton-lima {width: auto !important;background-color: #8cbf39 !important; /* Verde lima */color: #ffffff !important;padding: 0 40px !important;border-radius: 99px !important;text-transform: uppercase !important;font-weight: 600 !important;letter-spacing: 1px !important;box-shadow: 0 4px 12px rgba(140, 191, 57, 0.3) !important;border: none !important;}
.form-contacto-rh.sin-iconos input.boton-enviar-rh.boton-lima:hover {background-color: #7aa832 !important; /* Verde oscuro al pasar cursor */transform: translateY(-2px);}
/* ======================================================== RESPONSIVO (MÓVIL) ======================================================== */@media (max-width: 767px) {.form-contacto-rh.sin-iconos .form-row-2 {flex-direction: column;gap: 14px;}
.form-contacto-rh.sin-iconos input.boton-enviar-rh.boton-lima {width: 100% !important;}
}
/* ======================================================== ESTILOS PARA EL CAMPO SELECT (FILIAL) ======================================================== */.form-contacto-rh.sin-iconos select.campo-rh {padding-left: 18px !important;border-radius: 8px !important;border: 1px solid #dfe3e1 !important;background-color: #ffffff !important;box-shadow: none !important;height: 50px !important; color: #333333 !important;width: 100% !important;/* Configuración de la flecha nativa recuperada de tu cc.txt */appearance: none !important;-webkit-appearance: none !important;padding-right: 44px !important;background-image: linear-gradient(45deg, transparent 50%, #555 50%), linear-gradient(135deg, #555 50%, transparent 50%) !important;background-position: calc(100% - 19px) 24px, calc(100% - 13px) 24px !important;background-size: 6px 6px, 6px 6px !important;background-repeat: no-repeat !important;}
.form-contacto-rh.sin-iconos select.campo-rh:focus {border-color: #65B347 !important;box-shadow: 0 0 0 3px rgba(101, 179, 71, 0.10) !important;outline: none !important;}
.borderadio,.borderadio img {border-radius: 12px !important;overflow: hidden;}
/* ================================================== VIÑETAS MODERNAS - SOLO CONTENIDO FRONTEND FLATSOME No afecta Dashboard ni menús================================================== */body:not(.wp-admin) #main .section-content .col-inner ul:not(.nav):not(.menu):not(.sub-menu) {list-style: none !important;padding-left: 0 !important;margin-left: 0 !important;}
body:not(.wp-admin) #main .section-content .col-inner ul:not(.nav):not(.menu):not(.sub-menu) > li {position: relative;list-style: none !important;padding-left: 24px !important;margin-bottom: 8px;line-height: 1.55;}
/* Flecha naranja */body:not(.wp-admin) #main .section-content .col-inner ul:not(.nav):not(.menu):not(.sub-menu) > li::before {content: "›";position: absolute;left: 2px;top: 0;color: #fc9323;font-size: 19px;font-weight: 700;line-height: 1.4;}
/* Sin espacio adicional después de la última viñeta */body:not(.wp-admin) #main .section-content .col-inner ul:not(.nav):not(.menu):not(.sub-menu) > li:last-child {margin-bottom: 0;}

/* ===== Tablet ===== */
@media (max-width: 849px){.footer {text-align:center}
.off-canvas-left .mfp-content {background-color:#047f42}
.footer {text-align:center}
.dark .is-divider {display:none}
.nav-sidebar.nav-vertical>li+li {border:0px}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {color:#ffffff}
.nav>li>a>i.icon-menu {color:#0f4b41; font-size:2.8em}
}

/* ===== Celular ===== */
@media (max-width: 549px){.footer {text-align:center}
.off-canvas-left .mfp-content {background-color:#047f42}
.footer {text-align:center}
.dark .is-divider {display:none}
.nav-sidebar.nav-vertical>li+li {border:0px}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {color:#ffffff}
.nav>li>a>i.icon-menu {color:#0f4b41; font-size:2.8em}
.textomovilbanners {font-size:0.7em}
}