/* KELMATEC — acabado profesional basado en el boceto aprobado. Exclusivamente visual. */
:root{--km-bg:#edf4fa;--km-navy:#102337;--km-blue:#1175e7;--km-stroke:#d8e5f0}
.app>aside{background:linear-gradient(180deg,#101f30 0%,#10283e 68%,#0c2034 100%)!important}
.app>aside .nav{font-size:13px;font-weight:500;min-height:42px!important;margin:2px 9px!important;border-radius:8px!important}
.app>aside .nav.on{background:#0876f8!important;box-shadow:0 3px 11px #003f8530!important}
.app>main{background:#edf4fa!important}
.km-toolbar{background:linear-gradient(90deg,#0e1e2f,#1a3855)!important;box-shadow:none!important}
.km-brand-mark{display:none!important}
.km-hero{height:112px!important;margin:9px 0 15px!important;padding:16px 25px!important;border-radius:12px!important;background:linear-gradient(100deg,#10283f,#13588e 75%,#092238)!important;box-shadow:0 3px 10px #15324c16!important}
.km-hero:before{background:linear-gradient(90deg,#0c223e 0%,#0d3152 36%,transparent 73%)!important;z-index:1!important}
.km-hero:after{background:none!important}
.km-hero-copy{z-index:3!important;max-width:70%!important}
.km-hero h1{font-size:clamp(22px,2vw,31px)!important;letter-spacing:-.5px!important;margin:5px 0!important}
.km-hero p{font-size:12px!important;color:#dceeff!important}
.km-kicker{font-size:9px!important;letter-spacing:1.5px!important}
.km-hero-art{width:55%!important;opacity:1!important;background-position:center right!important;background-size:cover!important;mask-image:linear-gradient(90deg,transparent 0%,#000 33%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 33%)!important}
.km-hero-refrigeracion .km-hero-art,.km-hero-mantenimiento .km-hero-art{background-image:url('/static/hero_hvac_pro.jpg')!important}
.km-hero-electricidad .km-hero-art{background-image:url('/static/hero_electrical_pro.jpg')!important}
.km-hero-facturacion .km-hero-art,.km-hero-fiscal .km-hero-art,.km-hero-contabilidad .km-hero-art,.km-hero-bancos .km-hero-art,.km-hero-pagos .km-hero-art{background-image:url('/static/hero_finance_pro.svg')!important}
.km-hero-panel .km-hero-art,.km-hero-clientes .km-hero-art{background-image:url('/static/hero_finance_pro.svg')!important}
.app main .card,.app main .panel,.app main .box,.app main .kpi{border-color:#d9e5f0!important;box-shadow:0 2px 8px #183b5910!important}
.app main th{background:#e8f0f8!important;color:#2d4a69!important}
.app main .kpis .kpi{padding:14px 17px!important}
.app main .kpis .kpi b{font-size:clamp(24px,2vw,31px)!important}
@media(max-width:850px){.km-hero{height:106px!important}.km-hero-copy{max-width:83%!important}.km-hero-art{width:58%!important;opacity:.72!important}}
@media(max-width:550px){.km-hero{height:105px!important;padding:12px 15px!important}.km-hero-copy{max-width:100%!important}.km-hero-art{opacity:.32!important}.km-hero h1{font-size:21px!important}}