/* KELMATEC WEB: cierre visual transversal */
main,main .card,main .panel{min-width:0}
main :is(input,select,textarea){max-width:100%}
main :is(a,button,input,select,textarea):focus-visible{outline:3px solid #4c9cec;outline-offset:2px}
main :is(.table-wrap,.table-responsive,.scroll-table){max-width:100%;overflow-x:auto}
main :is(.grid2,.grid3,.cols,.kpis)>*{min-width:0}
main :is(.head,.toolbar,.actions,.filters) .row{flex-wrap:wrap}
main :is(.badge,.pill,.err,.ok){overflow-wrap:anywhere}
.km-hero-copy,.km-toolbar-actions{min-width:0}
@media(max-width:800px){main :is(.grid3,.grid4){grid-template-columns:repeat(2,minmax(0,1fr))}main :is(.grid2,.cols){grid-template-columns:1fr}}
@media(max-width:540px){main :is(.grid3,.grid4,.kpis){grid-template-columns:1fr!important}main :is(table) :is(th,td){padding:9px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.km-toolbar,.km-hero,.km-skip,.sidefoot{display:none!important}main :is(.card,.panel){break-inside:avoid;box-shadow:none!important}}