/* KELMATEC ETAPA 36 — ancho completo y estilo transversal */
:root{--bg:#f1f5fa;--surf:#fff;--bd:#dce5f0;--bd2:#eaf0f6;--th:#f5f8fc;--tx:#1a2d46;--mu:#647991;--ac:#176fd4;--sel:#eef6ff;--side:#142b48;--sideon:#244b78}
html[data-theme=dark]{--bg:#0e1725;--surf:#18283d;--bd:#314761;--bd2:#263b54;--th:#20344d;--tx:#e7effb;--mu:#a6b7cb;--sel:#254565;--side:#0d1e32;--sideon:#244b78}
html,body{width:100%;min-height:100%}.app{width:100%;max-width:none;grid-template-columns:246px minmax(0,1fr)}
.app>main{width:100%;max-width:none;min-width:0;padding:25px clamp(14px,2vw,38px) 38px;align-items:stretch}
.app>main>*{max-width:none;min-width:0}.app>main>.card,.app>main>section,.app>main>form,.app>main>div{width:100%}
.app>main>form.card,.app>main>section.card{max-width:none!important}
.app>main>.cols,.app>main>.grid2,.app>main>.kpis{width:100%}
.app>main .card{border-radius:13px;box-shadow:0 3px 14px rgba(19,48,82,.045)}
.app>main .pad{padding:clamp(16px,1.6vw,26px)}.app>main .head{padding:2px 0 6px}
.app>main h1{font-size:clamp(23px,2vw,30px);font-weight:700;letter-spacing:-.5px}.app>main h2{font-size:16px}
.app>main .kpis{border-radius:13px;overflow:hidden;background:var(--surf);border:1px solid var(--bd)}.app>main .kpi{min-width:155px}
.app>main .bar{padding:16px 18px}.app>main .btn{border-radius:8px;transition:background-color .15s,border-color .15s}
.app>main .btn.p{background:#1676df;border-color:#1676df}.app>main .fld{border-radius:8px;max-width:100%}
.app>main .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.app>main .cols{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.app>main .card:has(>table){overflow-x:auto}.app>main .card>div:has(>table){max-width:100%;overflow-x:auto}
.app>main table{width:100%}aside{padding:24px 13px 18px;box-shadow:3px 0 18px rgba(10,27,48,.07);z-index:2}
.logo{padding-bottom:24px}.nav{padding:12px 14px;border-radius:9px;margin:1px 0;transition:background .15s}
.nav:hover:not(.off){background:#234264;color:#fff}.nav.on{background:linear-gradient(95deg,#1d75d3,#285f9e);box-shadow:0 4px 13px rgba(3,18,36,.17)}
.sidefoot{margin-top:auto}.mp35{max-width:none!important;width:100%!important;margin:0!important}.mp-body{grid-template-columns:minmax(270px,24%) minmax(0,1fr)}
@media(min-width:1600px){.app{grid-template-columns:260px minmax(0,1fr)}.app>main{padding-left:38px;padding-right:38px}}
@media(max-width:1050px){.app{grid-template-columns:208px minmax(0,1fr)}.app>main{padding:20px 16px}.app>main .cols{grid-template-columns:1fr}}
@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}aside{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:12px;gap:4px}.logo{padding:0 10px}.logo img{width:85px}.sidefoot{margin-left:auto;margin-top:0;border:0}.creador{display:none}.nav{padding:9px 11px;font-size:12px}.app>main .grid2{grid-template-columns:1fr}}
@media(max-width:600px){.app>main{padding:15px 10px}.app>main .pad{padding:14px}.app>main .kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.app>main .kpi{min-width:0;padding:14px}.app>main .kpi b{font-size:22px}.app>main .row{gap:8px}.app>main .fld{min-width:0}.app>main .box{grid-template-columns:1fr}}
body:has(.login) .login{max-width:380px}