/*
Theme Name: Tecnolux Industrial
Theme URI: https://tecnolux.cl/
Description: Tema hijo de Astra con el diseño Tecnolux Industrial. Incluye plantillas reutilizables para la home y para las páginas de categoría/servicio. Todo el diseño vive en el tema, no en el contenido de las páginas.
Author: Manager Digital
Version: 1.1.3
Template: as-tra
Text Domain: tecnolux-industrial
*/

/* Los estilos reales están en assets/css/tecnolux.css (encolado desde functions.php). */

/* SUBMENU-FIX: el desplegable del encabezado heredaba texto blanco sobre fondo
   blanco y las categorias quedaban invisibles. Solo afecta al submenu. */
#ast-desktop-header .sub-menu .menu-link,
#ast-desktop-header .sub-menu a,
.ast-mobile-popup-drawer .sub-menu .menu-link {
	color: #0D2B18 !important;
}
#ast-desktop-header .sub-menu .menu-link:hover,
#ast-desktop-header .sub-menu a:hover,
#ast-desktop-header .sub-menu .current-menu-item > .menu-link {
	color: #4F9200 !important;
}

/* ==== TLX HEADER GLOBAL — inicio (generado desde la home, no editar a mano) ==== */
.hdr,.hdr *,.mnav,.mnav *{box-sizing:border-box;}
.hdr,.mnav{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.hdr a,.mnav a{text-decoration:none;}
.hdr ul,.hdr li,.mnav ul,.mnav li{margin:0;padding:0;list-style:none;}
.hdr__logo img{display:block;}
.hdr{position: sticky; top: 0px; z-index: 800; background: rgb(255, 255, 255); border-bottom: 1px solid #E2E8F0; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 8px;}
.hdr__in{max-width: 1200px; margin: 0px auto; padding: 0px 52px; height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.hdr__logo img{height: 70px; width: auto; display: block;}
.nav{display: flex; align-items: center; gap: 4px;}
.nav a{padding: 8px 13px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #6B7280; border-radius: 6px; transition: color 0.2s, background 0.2s;}
.nav a:hover{color: #0F172A; background: #F1F5F9;}
.nav__dd{position: relative; display: flex; align-items: center;}
.nav__dd > a{display: block; line-height: 19.04px;}
.nav__dd > a::after{content: "▾"; font-size: 0.7rem; margin-left: 5px; opacity: 0.55; display: inline-block; transition: transform 0.2s, opacity 0.2s;}
.nav__dd:hover > a::after{transform: rotate(180deg); opacity: 1;}
.nav__sub{display: none; position: absolute; top: calc(100% + 8px); left: 0px; min-width: 240px; background: rgb(255, 255, 255); border: 1px solid #E2E8F0; border-radius: 10px; padding: 8px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 32px; z-index: 100;}
.nav__dd::after{content: ""; position: absolute; top: 100%; left: 0px; right: -12px; height: 14px; z-index: 99;}
.nav__dd:hover .nav__sub, .nav__sub:hover{display: block;}
.nav__dd:hover > a{color: #0F172A; background: #F1F5F9;}
.nav__sub a{display: block; padding: 10px 18px; font-size: 0.76rem; text-transform: none; letter-spacing: 0.02em; color: #6B7280; border-left: 2px solid transparent; transition: 0.2s;}
.nav__sub a:hover{color: #69C200; border-left-color: #69C200; background: #f0fae0;}
.nav__cta{background: #69C200 !important; color: rgb(255, 255, 255) !important; border-radius: 7px !important; padding: 9px 18px !important;}
.nav__cta:hover{background: #4A8800 !important; box-shadow: rgba(90, 178, 0, 0.35) 0px 3px 12px !important;}
.hdr__burger{display: none; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 0px; flex-shrink: 0; cursor: pointer; background: none; border: 1px solid #E2E8F0; border-radius: 8px; transition: border-color 0.2s;}
.hdr__burger, .hdr__burger:hover, .hdr__burger:focus, .hdr__burger:active{background: none transparent !important; box-shadow: none !important; outline: none !important;}
.hdr__burger:hover{border-color: #69C200 !important;}
.hdr__burger:focus-visible{outline-offset: 2px; outline: 2px solid #69C200 !important;}
.hdr__burger span{display: block; width: 18px; height: 2px; background: #0F172A; border-radius: 2px; transition: transform 0.25s, opacity 0.18s;}
.hdr__burger.is-open span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.hdr__burger.is-open span:nth-child(2){opacity: 0;}
.hdr__burger.is-open span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.mnav{display: none; position: absolute; top: 100%; left: 0px; right: 0px; background: rgb(255, 255, 255); border-top: 1px solid #E2E8F0; box-shadow: rgba(0, 0, 0, 0.12) 0px 14px 34px; padding: 6px 0px 18px; z-index: 900; max-height: calc(-68px + 100vh); overflow-y: auto;}
.mnav.is-open{display: block;}
.mnav a{display: block; padding: 14px 24px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #6B7280; border-bottom: 1px solid #F1F5F9; transition: color 0.2s, background 0.2s;}
.mnav a:hover{color: #69C200; background: #f0fae0;}
.mnav__lbl{padding: 14px 24px 8px; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #69C200;}
.mnav__sub a{padding: 11px 24px 11px 36px; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.01em; text-transform: none; color: #374151; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.mnav__sub a::before{content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #E2E8F0; margin-right: 11px; vertical-align: middle;}
.mnav__sub a:hover::before{background: #69C200;}
.mnav__sub{border-bottom: 1px solid #F1F5F9; padding-bottom: 6px;}
.mnav__cta{margin: 16px 24px 0px; text-align: center; border-radius: 7px; letter-spacing: 0.04em; background: #69C200 !important; color: rgb(255, 255, 255) !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important;}
.mnav__cta:hover{background: #4A8800 !important; color: rgb(255, 255, 255) !important;}
@media (max-width: 1000px){
.hdr__burger{display: flex;}
}
@media (min-width: 1001px){
.mnav{display: none !important;}
}
@media (max-width: 1000px){
 .hdr__in{padding-left: 24px; padding-right: 24px;}
.nav{display: none;}
}

/* ==== TLX HEADER GLOBAL — fin ==== */

/* ==== TLX FOOTER GLOBAL — inicio (generado desde la home, no editar a mano) ==== */
.footer,.footer *{box-sizing:border-box;}
.footer{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.footer a{text-decoration:none;}
.footer ul,.footer li{margin:0;padding:0;list-style:none;}
.footer img{display:block;}
.footer{background: rgb(6, 14, 23); border-top: 1px solid rgb(13, 26, 40); padding: 64px 0px 32px;}
.footer__g{max-width: 1200px; margin: 0px auto 44px; padding: 0px 52px; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 44px;}
.footer__logo{height: 70px; width: auto; margin-bottom: 14px;}
.footer__tag{font-size: 0.8rem; color: rgb(61, 79, 99); line-height: 1.75; max-width: 260px; margin-bottom: 18px;}
.footer__c{display: flex; flex-direction: column; gap: 6px; font-size: 0.8rem; color: rgb(61, 79, 99);}
.footer__c a{color: rgb(61, 79, 99); transition: color 0.2s;}
.footer__c a:hover{color: rgb(90, 178, 0);}
.fcol-h{font-size: 0.58rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(90, 178, 0); margin-bottom: 16px; padding-bottom: 9px; border-bottom: 0.8px solid rgb(13, 26, 40);}
.footer__links{display: flex; flex-direction: column; gap: 8px;}
.footer__links a{font-size: 0.8rem; color: rgb(61, 79, 99); transition: color 0.2s;}
.footer__links a:hover{color: rgb(90, 178, 0);}
.footer__btm{max-width: 1200px; margin: 0px auto; padding: 20px 52px 0px; border-top: 0.8px solid rgb(13, 26, 40); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.footer__cp{font-size: 0.7rem; color: rgb(30, 45, 61);}
.footer__bl{display: flex; gap: 20px;}
.footer__bl a{font-size: 0.7rem; color: rgb(30, 45, 61); transition: color 0.2s;}
.footer__bl a:hover{color: rgb(90, 178, 0);}
@media (max-width: 1000px){
 .footer__g, .footer__btm{padding-left: 24px; padding-right: 24px;}
.footer__g{grid-template-columns: 1fr 1fr; gap: 32px; padding-left: 24px; padding-right: 24px;}
}
@media (max-width: 580px){
.footer__g{grid-template-columns: 1fr;}
}


/* El pie viejo del constructor sigue imprimiéndose; se oculta en todo el sitio. */
#colophon,.site-footer,footer.site-footer,.ehf-footer .footer-width-fixer{display:none!important;}
/* ==== TLX FOOTER GLOBAL — fin ==== */

/* Bloque de criterios de seleccion de cada categoria (.sec--ed).
   Sus estilos viven ahora en assets/css/tecnolux.css y, en linea, en
   tlx_css_editorial() de functions.php — ambos scopeados bajo #tlx.
   Aqui no queda nada a proposito: las reglas antiguas NO estaban scopeadas
   y su `.sec--ed .wrap{max-width:860px}` seguia estrangulando la seccion. */

/* ==== TLX-HEADER-LOGO-SIZE-FIX — solicitud de gerencia: agrandar el logo del menu.
   Aditivo sobre el bloque TLX HEADER GLOBAL de arriba (no se edita a mano); para revertir, borrar este bloque.
   Sube el logo de 70px a 92px y el alto de la barra de 68px a 90px para que no se corte. */
.hdr__in{height:90px;}
.hdr__logo img{height:92px;}
@media (max-width:1000px){
.hdr__in{height:78px;}
.hdr__logo img{height:74px;}
}
/* ==== TLX-HEADER-LOGO-SIZE-FIX — fin ==== */

/* ==== TLX-FOOTER-CONTRAST-FIX — mejora de legibilidad del pie (texto muy oscuro sobre fondo oscuro, ratio ~2.2:1).
   Aditivo sobre el bloque TLX FOOTER GLOBAL de arriba (no se edita a mano); para revertir, borrar este bloque. */
.footer__tag,.footer__c,.footer__c a,.footer__links a{color:#94a3b8;}
.footer__c a:hover,.footer__links a:hover{color:#8fd400;}
.footer__cp,.footer__bl a{color:#7a8fa3;}
.footer__bl a:hover{color:#8fd400;}
/* ==== TLX-FOOTER-CONTRAST-FIX — fin ==== */