:root{--hx-bar:40px;--h-H:84px;--h-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--hx-g:linear-gradient(135deg,#F76B2C 0%,#EF4A21 45%,#ED2A25 100%);--hx-ink:#14110F;--hx-mute:#5B5651;--hx-line:rgba(20,17,15,.1);--hx-cream:#FAF6F2;--hx-acc:#C2410C;--hx-max:1360px}
@media(max-width:960px){:root{--hx-bar:38px;--h-H:64px}}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hx-bar) + var(--h-H) + 16px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html body{padding-top:calc(var(--hx-bar) + var(--h-H))!important}
html body.h12hero{padding-top:var(--hx-bar)!important}
body.h12locked{overflow:hidden!important}
body.admin-bar{--wpab:32px}
@media(max-width:782px){body.admin-bar{--wpab:46px}}
@media(max-width:960px){html body{padding-bottom:0!important}}
#dxh12-bar,#dxh12,#dxh12-mob,.hx-sticky{font-family:var(--h-font);-webkit-font-smoothing:antialiased}
#dxh12-bar *,#dxh12 *,#dxh12-mob *,.hx-sticky *{box-sizing:border-box}
#dxh12 a,#dxh12-mob a,.hx-sticky a,#dxh12-bar a{text-decoration:none}
#dxh12 svg,#dxh12-mob svg,.hx-sticky svg,#dxh12-bar svg{display:block;flex:none}
.hx-bar{position:absolute;top:var(--wpab,0px);left:0;right:0;height:var(--hx-bar);z-index:99997;background:linear-gradient(90deg,#F76B2C 0%,#EF4A21 50%,#ED2A25 100%);color:#0A0A0B}
.hx-bar-in{max-width:var(--hx-max);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:500}
.hx-bar a{color:#0A0A0B;display:flex;align-items:center;gap:7px}
.hx-bar-l{font-weight:700;gap:10px!important}
.hx-bar-l i{width:8px;height:8px;border-radius:50%;background:#0A0A0B;box-shadow:0 0 0 4px rgba(10,10,11,.18)}
.hx-bar-l b{display:flex;align-items:center;gap:5px;font-weight:700}
.hx-bar-r{display:flex;align-items:center;gap:22px}
.hx-bar-r>span{color:rgba(10,10,11,.82)}
.hx-bar-r>em{width:1px;height:14px;background:rgba(10,10,11,.3)}
#dxh12{position:fixed;top:calc(var(--hx-bar) + var(--wpab,0px));left:50%;width:100%;height:var(--h-H);transform:translateX(-50%);z-index:99999;background:rgba(255,255,255,.97);border-bottom:1px solid var(--hx-line);color:var(--hx-ink);transition:top .22s ease,width .22s ease,height .22s ease,border-radius .22s ease,box-shadow .22s ease;contain:layout style}
#dxh12.h12scrolled{top:calc(12px + var(--wpab,0px));width:min(1280px,calc(100% - 32px));height:64px;border:1px solid var(--hx-line);border-radius:22px;background:#fff;box-shadow:0 18px 40px -16px rgba(20,17,15,.28)}
.hx-in{max-width:var(--hx-max);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#dxh12.h12scrolled .hx-in{padding:0 18px 0 24px}
.hx-logo{flex:none;display:block}
.hx-logo img{display:block;width:158px;height:auto}
#dxh12.h12scrolled .hx-logo img{width:132px}
.hx-nav{display:flex;align-items:center;gap:4px}
.hx-ni{position:relative}
.hx-ni.hx-svc{position:static}
.hx-nl{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;margin:0;border:0;border-radius:11px;background:transparent;font:600 15px/1 var(--h-font);color:#2E2A27;cursor:pointer;white-space:nowrap}
.hx-nl:hover,.hx-ni.is-open>.hx-nl{background:rgba(20,17,15,.07);color:var(--hx-ink)}
.hx-nl.is-cur{color:var(--hx-acc)}
.hx-nl .hx-chev{width:15px;height:15px;stroke:#5B5651;transition:transform .18s ease}
.hx-ni.is-open>.hx-nl .hx-chev{transform:rotate(180deg);stroke:var(--hx-acc)}
.hx-nl:focus-visible,.hx-cta:focus-visible,.hx-tel:focus-visible,.hx-card:focus-visible,.hx-ham:focus-visible{outline:2px solid var(--hx-acc);outline-offset:2px}
.hx-ni[data-dd]::after{content:"";position:absolute;left:0;right:0;top:100%;height:30px;display:none}
.hx-ni.is-open::after{display:block}
.hx-act{flex:none;display:flex;align-items:center;gap:10px}
.hx-tel{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(20,17,15,.2);border-radius:50%;color:var(--hx-acc);background:#fff}
.hx-tel:hover{background:var(--hx-cream)}
.hx-cta{display:flex;align-items:center;gap:9px;height:46px;padding:0 20px;border-radius:12px;background:var(--hx-g);box-shadow:0 10px 28px -8px rgba(237,64,33,.6);color:#0A0A0B;font:700 15px/1 var(--h-font);white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}
.hx-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px -8px rgba(237,64,33,.7)}
.hx-ham{display:none}
.hx-mega,.hx-pop{opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.is-open>.hx-mega,.is-open>.hx-pop{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hx-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line);box-shadow:0 40px 80px -20px rgba(20,17,15,.24)}
#dxh12.h12scrolled .hx-mega{top:calc(100% + 10px);border:1px solid var(--hx-line);border-radius:22px}
.hx-mega-in{max-width:var(--hx-max);margin:0 auto;padding:28px 24px 32px;display:flex;gap:28px;max-height:calc(100vh - 170px);overflow-y:auto}
.hx-main{flex:1;min-width:0}
.hx-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.hx-head span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hx-mute)}
.hx-head a{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--hx-acc)}
.hx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.hx-card{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:16px;background:var(--hx-cream);border:1px solid rgba(20,17,15,.1);color:var(--hx-ink);transition:background .15s ease,border-color .15s ease}
.hx-card:hover{background:#fff;border-color:rgba(255,110,60,.55)}
.hx-card.is-feat{background:rgba(232,67,10,.09);border-color:rgba(255,110,60,.5)}
.hx-ico{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(20,17,15,.07);display:flex;align-items:center;justify-content:center;color:var(--hx-acc)}
.is-feat .hx-ico{background:rgba(232,67,10,.14)}
.hx-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hx-card b{display:block;font-size:15.5px;font-weight:700;line-height:1.25}
.hx-card small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--hx-mute)}
.hx-aside{flex:none;width:360px;position:relative;overflow:hidden;padding:26px;border-radius:22px;background:linear-gradient(140deg,#F76B2C 0%,#EF4A21 50%,#ED2A25 100%);color:#0A0A0B}
.hx-aside>svg{position:absolute;right:-56px;bottom:-56px;width:220px;height:220px}
.hx-aside>div{position:relative}
.hx-aside i{display:block;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(10,10,11,.78)}
.hx-aside strong{display:block;margin-top:10px;font-size:26px;font-weight:800;line-height:1.12;letter-spacing:-.02em}
.hx-aside ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600}
.hx-aside li{display:flex;align-items:center;gap:9px}
.hx-aside li svg{width:17px;height:17px;stroke:#0A0A0B;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hx-aside a{display:flex;align-items:center;justify-content:center;gap:9px;height:50px;margin-top:20px;border-radius:13px;background:#0A0A0B;color:#fff;font:700 15px/1 var(--h-font)}
.hx-aside p{margin:12px 0 0;font-size:13px;font-weight:600;color:rgba(10,10,11,.8)}
.hx-pop{position:absolute;top:calc(100% + 10px);left:0;min-width:340px;padding:10px;background:#fff;border:1px solid var(--hx-line);border-radius:18px;box-shadow:0 30px 60px -20px rgba(20,17,15,.28);display:flex;flex-direction:column;gap:6px}
#dxh12.h12scrolled .hx-pop{top:calc(100% + 8px)}
.hx-pop .hx-card{background:transparent;border-color:transparent}
.hx-pop .hx-card:hover{background:var(--hx-cream);border-color:var(--hx-line)}
#dxh12-mob,.hx-sticky,.hx-sticky-pad{display:none}
@media(max-width:1180px){.hx-nl{padding:0 10px}.hx-logo img{width:136px}.hx-tel{display:none}.hx-bar-r>span,.hx-bar-r>em{display:none}.hx-aside{width:300px}.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
.hx-bar-in{justify-content:center;padding:0 12px;font-size:12.5px}.hx-bar-r{display:none}
#dxh12,#dxh12.h12scrolled{top:calc(var(--hx-bar) + var(--wpab,0px));left:0;width:100%;height:var(--h-H);transform:none;border-radius:0;border:0;border-bottom:1px solid var(--hx-line);box-shadow:none}
#dxh12.h12scrolled{top:var(--wpab,0px);box-shadow:0 8px 24px -14px rgba(20,17,15,.3)}
.hx-in,#dxh12.h12scrolled .hx-in{padding:0 16px}
.hx-logo img,#dxh12.h12scrolled .hx-logo img{width:128px}
.hx-nav,.hx-cta,.hx-tel{display:none}
.hx-ham{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(20,17,15,.2);border-radius:14px;background:var(--hx-cream);color:var(--hx-ink);cursor:pointer;padding:0}
#dxh12-mob{position:fixed;inset:0;z-index:100001;display:flex;flex-direction:column;background:radial-gradient(520px 320px at 100% 0,rgba(247,107,44,.14),transparent 70%),#fff;color:var(--hx-ink);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
#dxh12-mob.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hx-m-top{flex:none;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 16px;border-bottom:1px solid var(--hx-line)}
.hx-m-top img{display:block;width:128px;height:auto}
.hx-m-x{width:46px;height:46px;border:0;border-radius:14px;background:var(--hx-g);color:#0A0A0B;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.hx-m-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 20px 16px}
.hx-m-body details{border-bottom:1px solid var(--hx-line)}
.hx-m-body summary,.hx-m-link{display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--hx-ink);list-style:none;cursor:pointer;border-bottom:1px solid var(--hx-line)}
.hx-m-body details summary{border:0}
.hx-m-body summary::-webkit-details-marker{display:none}
.hx-m-body summary svg{width:20px;height:20px;stroke:#5B5651;transition:transform .18s ease}
.hx-m-body details[open] summary svg{transform:rotate(180deg);stroke:var(--hx-acc)}
.hx-m-sub{display:flex;flex-direction:column;gap:2px;margin:0 0 16px;padding-left:14px;border-left:2px solid #E8430A}
.hx-m-sub a{display:flex;align-items:center;gap:14px;padding:9px 6px;font-size:16px;font-weight:600;color:var(--hx-ink);border-radius:12px}
.hx-m-sub .hx-ico{width:36px;height:36px;border-radius:10px}
.hx-m-sub .hx-ico svg{width:18px;height:18px}
.hx-m-sub .is-feat .hx-ico{background:rgba(232,67,10,.14)}
.hx-m-foot{flex:none;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hx-line);background:#fff;display:flex;flex-direction:column;gap:10px}
.hx-m-foot .hx-cta{display:flex;justify-content:center;height:54px;font-size:16px;border-radius:14px}
.hx-m-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-m-row a{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border:1px solid rgba(20,17,15,.22);border-radius:13px;font-size:15px;font-weight:600;color:var(--hx-ink);background:#fff}
.hx-m-row svg{width:17px;height:17px;stroke:var(--hx-acc);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hx-sticky{position:fixed;left:0;right:0;bottom:0;z-index:99990;display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid var(--hx-line)}
body.h12locked .hx-sticky{display:none}
.hx-sticky .hx-tel{display:flex;width:52px;height:52px;border-radius:14px;background:var(--hx-cream);flex:none}
.hx-sticky .hx-cta{display:flex;flex:1;justify-content:center;height:52px;font-size:16px;border-radius:14px}

}
@media(prefers-reduced-motion:reduce){#dxh12,#dxh12 *,#dxh12-mob,.hx-mega,.hx-pop{transition:none!important}}
/* v22 fixes: theme button reset, alignment, mobile */
/* v26 call */
html body #dxh12 a.hx-call{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px 0 16px;border-radius:999px;background:#14110F;color:#fff!important;border:0;font-weight:700;font-size:14.5px;line-height:1;text-decoration:none;box-shadow:0 6px 16px -8px rgba(20,17,15,.6);transition:transform .2s,background .2s}
html body #dxh12 a.hx-call svg{width:18px;height:18px;flex:none;stroke:#fff;fill:none}
html body #dxh12 a.hx-call:hover{background:#2A2522;transform:translateY(-1px)}
@media(max-width:1180px){html body #dxh12 a.hx-call{display:none}}
/* v25 whatsapp */
html body #dxh12 a.hx-wa{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px 0 14px;border-radius:999px;background:#25D366;color:#fff!important;border:0;font-weight:700;font-size:14.5px;line-height:1;text-decoration:none;box-shadow:0 6px 16px -6px rgba(37,211,102,.75);transition:transform .2s,box-shadow .2s,background .2s}
html body #dxh12 a.hx-wa svg{width:24px;height:24px;flex:none;fill:#fff;stroke:none}
html body #dxh12 a.hx-wa:hover{background:#1EBE5A;transform:translateY(-1px);box-shadow:0 10px 20px -8px rgba(37,211,102,.9)}
@media(max-width:1180px){html body #dxh12 a.hx-wa{display:none}}
html body #dxh12 .hx-m-row a.hx-wa-m{background:#25D366;color:#fff!important;border-color:#25D366;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}
html body #dxh12 .hx-m-row a.hx-wa-m svg{width:22px;height:22px;fill:#fff;stroke:none}
/* old wa rules */
html body #dxh12 .hx-wa{color:#16A34A;border-color:rgba(22,163,74,.5)}
html body #dxh12 .hx-wa:hover{background:#ECFDF3}
.hx-m-row .hx-wa-m svg{stroke:#16A34A;width:19px;height:19px}
/* v23 white text on orange */
html body .hx-bar,html body .hx-bar a,html body .hx-bar-l,html body .hx-bar-r>span{color:#fff!important}
.hx-bar-l i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.3)}
.hx-bar-r>em{background:rgba(255,255,255,.55)}
html body .hx-aside,html body .hx-aside i,html body .hx-aside strong,html body .hx-aside p,html body .hx-aside li{color:#fff}
html body .hx-aside li svg{stroke:#fff}
html body .hx-aside a{background:#14110F;color:#fff}
html body #dxh12 .hx-cta,html body #dxh12-mob .hx-cta,html body #dxh12 .hx-cta:hover{color:#fff!important}
@media(max-width:600px){html body.admin-bar #dxh12.h12scrolled{top:0!important}}
@media(max-width:960px){html body .x7-hero-c{padding-top:40px}}
html body #dxh12 button,html body #dxh12-mob button{-webkit-appearance:none;appearance:none;margin:0;text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none;min-height:0;font-family:var(--h-font)}
html body #dxh12 button.hx-nl{display:flex!important;align-items:center;gap:7px;height:42px;padding:0 14px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#14110F!important;font:600 15px/1 var(--h-font)!important}
html body #dxh12 button.hx-nl:hover,html body #dxh12 button.hx-nl:focus,html body #dxh12 button.hx-nl:active,html body #dxh12 .hx-ni.is-open>button.hx-nl{background:rgba(20,17,15,.07)!important;color:#14110F!important}
html body #dxh12 button.hx-nl:focus-visible,html body #dxh12 button.hx-ham:focus-visible,html body #dxh12-mob button:focus-visible{outline:2px solid #C2410C!important;outline-offset:2px}
html body #dxh12 .hx-nl.is-cur{color:#C2410C!important}
html body #dxh12 button.hx-ham{display:none!important}
#dxh12.h12scrolled{width:min(1360px,calc(100% - 20px))}
#dxh12.h12scrolled .hx-in{padding:0 14px}
@media(min-width:1380px){#dxh12.h12scrolled .hx-in{padding:0 24px}}
.hx-bar-r>span{color:rgba(10,10,11,.92)}
@media(max-width:960px){
html body{padding-bottom:0!important}
html body #dxh12,html body #dxh12.h12scrolled{left:0!important;width:100%!important;height:var(--h-H)!important;transform:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--hx-line)!important;box-shadow:none!important}
html body #dxh12.h12scrolled{top:var(--wpab,0px)!important;box-shadow:0 8px 22px -14px rgba(20,17,15,.35)!important}
html body #dxh12 .hx-in,html body #dxh12.h12scrolled .hx-in{padding:0 20px!important}
html body #dxh12 .hx-logo img,html body #dxh12.h12scrolled .hx-logo img{width:128px}
html body #dxh12 button.hx-ham{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;border:0!important;border-radius:13px!important;background:#14110F!important;color:#fff!important;cursor:pointer}
html body #dxh12 button.hx-ham:hover,html body #dxh12 button.hx-ham:focus,html body #dxh12 button.hx-ham:active{background:#14110F!important;color:#fff!important}
html body .hx-sticky,html body #dxf-trigger{display:none!important}
.hx-m-top{height:var(--h-H);padding:0 20px}
html body #dxh12-mob button.hx-m-x{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;border:0!important;border-radius:13px!important;background:#14110F!important;color:#fff!important}
html body #dxh12-mob button.hx-m-x:hover,html body #dxh12-mob button.hx-m-x:focus,html body #dxh12-mob button.hx-m-x:active{background:#14110F!important;color:#fff!important}
.hx-m-body{padding:6px 20px 18px}
.hx-m-body summary,.hx-m-link{padding:17px 0;font-size:19px}
.hx-m-link::after{content:"";flex:none;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235B5651%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 6l6 6-6 6%22/%3E%3C/svg%3E") center/contain no-repeat}
.hx-m-sub{gap:8px;margin:0 0 18px;padding-left:0;border-left:0}
.hx-m-sub a{padding:10px 12px;background:#FAF6F2;border:1px solid rgba(20,17,15,.08);border-radius:14px;font-size:15.5px}
.hx-m-sub a.is-feat{background:rgba(232,67,10,.09);border-color:rgba(232,67,10,.35)}
.hx-m-sub .hx-ico{background:#fff}
.hx-m-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 24px -18px rgba(20,17,15,.3)}
}