/* La Casa del Hule — estilos de sitio (header/footer HYCA 2026) */
body{background:#fff}
body.lch-lock{overflow:hidden}
.elementor-location-header{position:sticky;top:0;z-index:40}
.admin-bar .elementor-location-header{top:32px}
@media(max-width:782px){.admin-bar .elementor-location-header{top:0}}

/* ---- Header ---- */
.lch-hdr{background:var(--surface);border-bottom:1px solid var(--border);transition:box-shadow .2s}
.lch-hdr.is-scrolled{box-shadow:var(--shadow-1)}
.lch-hdr .elementor-widget{margin-bottom:0!important}
.lch-top{background:var(--night)!important;color:var(--ink-inverse-muted)}
.lch-top .elementor-widget-text-editor,.lch-top p{color:var(--ink-inverse-muted);font-size:13px;line-height:16px;margin:0}
.lch-top a{color:var(--ink-inverse)!important;text-decoration:none;font-weight:600}
.lch-top a:hover{text-decoration:underline}
.lch-top>.e-con-inner,.lch-main>.e-con-inner,.lch-nav>.e-con-inner{max-width:1280px;margin:0 auto}
.lch-top{padding:9px 32px!important}
.lch-main{padding:4px 4px!important;min-height:56px}
.lch-main>.e-con-inner{display:flex;flex-direction:row!important;align-items:center;gap:4px;flex-wrap:nowrap}
.lch-logo{margin-right:auto;flex:0 0 auto}
.lch-logo img{height:30px!important;width:auto!important;max-width:none!important;display:block}
.lch-logo a{display:flex;align-items:center;min-height:48px;padding:0 4px}
.lch-dsearch{flex:1 1 auto;max-width:640px;display:none}
.lch-msearch{padding:0 16px 12px!important}
.lch-nav{border-top:1px solid var(--surface-100);padding:0 20px!important}
.lch-sbtn{display:none}
.lch-acc{display:flex;align-items:center;gap:4px}
.lch-acc .lch-wa{color:var(--whatsapp)}
.lch-q-desk{display:none!important}
.lch-q-desk .hy-count{margin-left:2px}
@media(max-width:1024px){
 .lch-hdr.is-scrolled .lch-msearch{display:none}
 .lch-hdr.is-scrolled .lch-sbtn{display:inline-flex}
 .lch-top,.lch-nav,.lch-dsearch{display:none!important}
}
@media(min-width:1025px){
 .lch-main{padding:0 32px!important;min-height:80px}
 .lch-main>.e-con-inner{gap:24px}
 .lch-logo img{height:40px!important}
 .lch-menubtn,.lch-sbtn,.lch-acc .lch-q,.lch-acc .lch-wa{display:none!important}
 .lch-q-desk{display:inline-flex!important}
 .lch-dsearch{display:block}
 .lch-dsearch .hy-search{height:52px}
 .lch-msearch{display:none!important}
}
/* Menú de escritorio (widget Nav Menu nativo) */
.lch-nav .elementor-nav-menu--main .elementor-item{font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--ink)!important;padding:14px 12px!important;border-bottom:3px solid transparent}
.lch-nav .elementor-nav-menu--main .elementor-item:hover,.lch-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--hyca-blue)!important;border-bottom-color:var(--hyca-blue)}
.lch-nav .elementor-nav-menu--main .elementor-item::before,.lch-nav .elementor-nav-menu--main .elementor-item::after{display:none!important}
.lch-nav .sub-menu{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(14,30,43,.12);overflow:hidden}
.lch-nav .sub-menu a{font-weight:500!important;color:var(--ink)!important;background:#fff!important}
.lch-nav .sub-menu a:hover{background:var(--blue-50)!important;color:var(--hyca-blue-dark)!important}

/* Sugerencias del buscador */
.lch-search{position:relative}
.lch-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;border:1px solid var(--border);box-shadow:0 12px 32px rgba(14,30,43,.16);max-height:70vh;overflow:auto}
.lch-suggest .hy-suggest__item{cursor:pointer}
.lch-suggest .lch-empty{padding:14px 16px;font-size:14px;color:var(--ink-muted)}
.lch-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}

/* Drawer, barra inferior y flotante */
.lch-drawer-open .lch-overlay{opacity:1;pointer-events:auto}
#lch-drawer .hy-menu__item{font-size:15px}
#lch-drawer .hy-menu__item .hy-ico:first-child{color:var(--hyca-blue)}
.lch-bottomnav{display:grid}
.lch-wafab{display:none}
@media(max-width:1024px){body{padding-bottom:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom))}}
@media(min-width:1025px){.lch-bottomnav{display:none}.lch-wafab{display:inline-flex}}
@media print{.lch-bottomnav,.lch-wafab,#lch-drawer,.lch-overlay{display:none!important}}

/* ---- Footer ---- */
.lch-ftr{background:var(--night)!important;color:var(--ink-inverse-muted);padding:40px 16px 24px!important}
.lch-ftr>.e-con-inner{max-width:1280px;margin:0 auto}
.lch-ftr .elementor-widget{margin-bottom:0!important}
.lch-ftr,.lch-ftr p,.lch-ftr .elementor-widget-text-editor{color:var(--ink-inverse-muted)!important;font-size:14px;line-height:20px}
.lch-ftr .elementor-heading-title{color:var(--ink-inverse)!important;font-family:var(--font-sans)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;line-height:16px!important}
.lch-ftr a{color:var(--ink-inverse)!important;text-decoration:none}
.lch-ftr a:hover{text-decoration:underline}
.lch-ftr ul{list-style:none;margin:8px 0 0;padding:0}
.lch-ftr li a{display:flex;align-items:center;min-height:40px}
.lch-ftr-logo img{height:40px!important;width:auto!important}
.lch-ftr-cols{gap:8px 32px!important;margin-top:8px}
.lch-ftr-col{gap:4px!important}
.lch-ftr-legal{border-top:1px solid rgba(255,255,255,.14)!important;margin-top:24px;padding-top:16px!important}
.lch-ftr-legal p{font-size:12px!important;line-height:16px!important}
@media(min-width:1025px){.lch-ftr{padding:56px 32px 32px!important}}
/* layout robusto (no depende del CSS de contenedores de Elementor) */
.lch-hdr,.lch-ftr{display:block!important}
.lch-top>.e-con-inner{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;gap:24px}
.lch-msearch{display:block}
.lch-nav>.e-con-inner{display:block}
.lch-menu-w,.lch-acc-w{flex:0 0 auto}
.lch-menu-w .elementor-shortcode{display:flex}
.lch-ftr>.e-con-inner{display:block!important}
.lch-ftr-cols{display:grid!important;grid-template-columns:1fr;gap:8px 32px!important}
.lch-ftr-col{display:flex!important;flex-direction:column}
.lch-ftr-col .elementor-widget-heading{margin-top:16px!important}
.lch-ftr-desc{max-width:44ch;margin-top:12px!important}
@media(min-width:768px){.lch-ftr-cols{grid-template-columns:1fr 1fr}}
@media(min-width:1025px){.lch-ftr-cols{grid-template-columns:1.3fr 1fr 1.2fr 1fr}}
/* Neutraliza estilos globales del tema/kit sobre los componentes hy- */
button.hy-iconbtn,button.hy-btn,button.hy-search__go,button.hy-pcard__add,.hy-stepper button,.hy-listbar__view button,.hy-tabs button,button.hy-chip{border-radius:var(--radius-pill);text-transform:none;letter-spacing:normal;line-height:inherit}
button.hy-iconbtn{background:transparent!important;border:0!important;padding:0!important;color:var(--ink)!important}
button.hy-iconbtn:hover,button.hy-iconbtn:focus{background:var(--surface-100)!important}
.hy-menu__top button.hy-iconbtn{color:var(--ink-inverse)!important}
.hy-menu__top button.hy-iconbtn:hover,.hy-menu__top button.hy-iconbtn:focus{background:rgba(255,255,255,.12)!important}
button.hy-search__go{padding:0!important;border:0!important;background:var(--hyca-blue)!important;color:var(--ink-inverse)!important}
button.hy-search__go:hover{background:var(--hyca-blue-dark)!important}
a.hy-iconbtn{color:var(--ink)!important}
a.hy-iconbtn.lch-wa{color:var(--whatsapp)!important}
a.hy-menu__item{color:var(--ink)!important}
a.hy-suggest__item{color:var(--ink)!important}
a.hy-suggest__all,.lch-empty a{color:var(--hyca-blue)!important}
a.hy-btn--primary,button.hy-btn--primary,a.hy-btn--whatsapp,button.hy-btn--whatsapp,a.hy-wa-fab{color:var(--ink-inverse)!important}
a.hy-btn--secondary,button.hy-btn--secondary{color:var(--hyca-blue)!important}
a.hy-btn--secondary:hover,button.hy-btn--secondary:hover{color:var(--hyca-blue-dark)!important}
.hy-bottomnav a{color:var(--ink-muted)!important}
.hy-bottomnav a[aria-current=page]{color:var(--hyca-blue)!important}
.hy-bottomnav a.is-wa{color:var(--whatsapp)!important}
.hy-bottomnav a:hover,.hy-bottomnav a:focus{background:var(--surface-50)}
.lch-ftr-logo,.lch-ftr-logo .elementor-widget-container,.lch-logo,.lch-logo .elementor-widget-container{text-align:left!important}
.lch-ftr-logo a{display:inline-block}
/* Páginas internas: FAQ y distribuidores */
.lch-faq-acc .elementor-accordion-item{border:1px solid var(--border)!important;border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden;background:#fff}
.lch-faq-acc .elementor-tab-title{padding:16px!important;font-weight:700;font-size:16px;color:var(--ink)!important;border:0!important}
.lch-faq-acc .elementor-tab-title a{color:var(--ink)!important}
.lch-faq-acc .elementor-tab-title.elementor-active a,.lch-faq-acc .elementor-tab-title.elementor-active{color:var(--hyca-blue)!important}
.lch-faq-acc .elementor-tab-content{padding:0 16px 16px!important;border:0!important;color:var(--ink-muted);font-size:15px;line-height:24px}
.lch-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lch-steps li{counter-increment:s;position:relative;padding:14px 14px 14px 60px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink-muted)}
.lch-steps li::before{content:counter(s);position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--hyca-blue);color:#fff;font-weight:800;display:grid;place-content:center}
.lch-steps strong{color:var(--ink)}
.lch-ben{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}

/* ---- Fix oct-03: header fijo en móvil sin saltos de scroll ---- */
@media(max-width:1024px){
 .elementor-location-header{position:fixed!important;top:0;left:0;right:0}
 .admin-bar .elementor-location-header{top:0}
 body{padding-top:var(--lch-hdr-full,0px)}
}

/* overflow-x:hidden en html+body convierte a body en contenedor de scroll y rompe position:sticky (barra Filtrar/Ordenar) */
html,body{overflow-x:clip!important;overflow-y:visible!important}
@media(max-width:1024px){.admin-bar .elementor-location-header{top:32px!important}}
@media(max-width:782px){.admin-bar .elementor-location-header{top:46px!important}}
