html,body{max-width:100%;overflow-x:hidden}body{margin:0}.layout,.panel{min-height:100vh;width:100%;max-width:100%}.main,.panel-main{box-sizing:border-box;min-width:0;max-width:100%;padding:28px!important}.main>* ,.panel-main>*{max-width:100%}.head,.page-head{flex-wrap:wrap}.head h1,.page-head h1,.panel-main>h1{max-width:100%;font-size:clamp(2rem,4vw,3.35rem)!important;line-height:1.07!important;margin:.18em 0!important}.tablewrap{width:100%;overflow:auto}.panel-card,.card{box-sizing:border-box}.form-grid{max-width:100%}@media(max-width:900px){.main,.panel-main{padding:18px!important}}
/* V220.8 - responsive común para paneles históricos */
img,video,iframe,canvas,svg{max-width:100%}iframe{width:100%}.tablewrap,.table-container,.responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:700px){.main,.panel-main{padding:14px!important}.head,.page-head{align-items:flex-start!important;flex-direction:column}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select,.toolbar button{max-width:100%;min-width:0}.form-grid{grid-template-columns:1fr!important}.panel-grid{grid-template-columns:1fr!important}.modal,.modal-card{max-width:96vw!important}.table{min-width:680px}}