/* Correcciones dirigidas para dashboard, menú, botones flotantes y temas. V1.2.0 */
html,body,#root{min-width:0;max-width:100%}
html body .containerGrid{min-width:0;width:100%;max-width:100%}
html body .containerSection{min-width:0;min-height:0;height:auto;max-width:100%;overflow-x:hidden;padding-bottom:32px}
html body .containerSection .containerMain{min-width:0;width:100%;max-width:100%;display:flex;flex-direction:column;gap:24px}
html body .containerSection .deFLexMain{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(270px,.36fr);gap:20px!important;align-items:start!important;min-width:0;width:100%}
html body .containerSection .deFLexMain>*{min-width:0;max-width:100%}
html body .containerSection .CardsCantidad{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;min-width:0;width:100%;align-items:stretch}
html body .containerSection .CardsCantidad .cardCantidad{display:flex!important;min-width:0!important;max-width:100%!important;width:100%!important;height:auto!important;min-height:108px;padding:15px!important;gap:12px!important;align-items:center!important;overflow:hidden}
html body .CardsCantidad .cardCantidad>.icons{flex:0 0 48px;width:48px;min-width:48px;height:48px;padding:11px}
html body .CardsCantidad .cardCantidad .deColumn{display:flex!important;flex:1;min-width:0!important;width:auto!important;margin:0!important;gap:5px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important}
html body .CardsCantidad .cardCantidad :is(h2,h3){display:block!important;min-width:0!important;max-width:100%;font-size:clamp(14px,1.25vw,18px)!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.35!important;margin:0!important;height:auto!important}
html body .CardsCantidad .cardCantidad h2{font-weight:750!important}
html body .containerSection .deFLexMain :is(.table-containerUsuarios,.table-containerProductos){max-width:100%!important;min-width:0!important;width:100%!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:auto!important;overscroll-behavior-x:contain}
html body .containerSection .deFLexMain .table-containerUsuarios table,html body .containerSection .deFLexMain .table-containerProductos table{width:max-content;min-width:100%;border-collapse:collapse}
html body .containerSection .deFLexMain .table-containerUsuarios :is(th,td),html body .containerSection .deFLexMain .table-containerProductos :is(th,td){white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;min-width:100px!important;max-width:360px!important;padding:12px!important;vertical-align:top!important}
html body .containerSection .deFLexMain :is(.infoUser,.cardCantidad,.table-containerUsuarios,.table-containerProductos){border-color:var(--sp-line)!important;background:var(--sp-surface)!important}
html body .containerSection .deFLexMain .table-containerProductos :is(tr,td,th),html body .containerSection .deFLexMain .table-containerUsuarios :is(tr,td,th){background:transparent;color:var(--sp-ink)!important}
html body .containerSection .deFLexMain :is(.table-containerProductos,.table-containerUsuarios) th{background:var(--sp-soft)!important}
html body .navbarDashboard{max-width:100%;min-width:0}
html body .navbarDashboard .links{min-width:0;max-width:100%}
html body .navbarDashboard :is(a,a.active,a.activeLink,a[aria-current="page"],a:hover,a:focus-visible){color:var(--sp-on-nav)!important}
html body .navbarDashboard :is(a.active,a.activeLink,a[aria-current="page"]){background:var(--sp-nav)!important;box-shadow:inset 4px 0 var(--sp-on-nav)!important}
html[data-theme="light"] body .navbarDashboard :is(a.active,a.activeLink,a[aria-current="page"]){background:var(--sp-tint)!important;color:var(--sp-ink)!important;box-shadow:inset 4px 0 var(--sp-link)!important}
html[data-theme="light"] body .navbarDashboard :is(a.active,a.activeLink,a[aria-current="page"]) :is(span,svg,i){color:var(--sp-ink)!important}
html[data-theme="light"] body .navbarDashboard :is(a:hover,a:focus-visible):not(.active):not(.activeLink){color:var(--sp-on-nav)!important;background:color-mix(in srgb,var(--sp-nav) 82%,white)!important}
html[data-theme="dark"] body .navbarDashboard :is(a.active,a.activeLink,a[aria-current="page"]) :is(span,svg,i){color:var(--sp-on-nav)!important}
html body .navbarDashboard a span{white-space:normal!important;overflow-wrap:normal;word-break:normal}
/* Both floating actions keep their existing onClick handlers; icons are rendered independently of broken images. */
html body :is(.btnWhatsapp,.cartIconFixed){right:clamp(14px,3vw,28px)!important;left:auto!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:50%!important;z-index:110!important}
html body .btnWhatsapp{bottom:130px!important;background:#159e32!important;color:white!important}
html body .cartIconFixed{bottom:58px!important;background:var(--sp-action)!important;color:var(--sp-on-action)!important}
html body .btnWhatsapp img{display:none!important}
html body .btnWhatsapp::before{content:"\f232";font:normal 34px/1 FontAwesome!important;color:white!important;display:block!important}
html body .cartIconFixed>:is(svg,img,i){display:none!important}
html body .cartIconFixed::before{content:"\f073";font:normal 27px/1 FontAwesome!important;color:var(--sp-on-action)!important;display:block!important}
html body :is(.btnWhatsapp,.cartIconFixed):focus-visible{outline:3px solid var(--sp-link);outline-offset:3px}
/* Product categories: retain horizontal scroll while avoiding clipping mid-word */
html body .categoriasInputs{width:100%;max-width:100%;min-width:0;gap:12px!important;overflow-x:auto!important;scrollbar-width:thin;padding:10px 0 14px}
html body .categoriasInputs input[type=button]{flex:0 0 auto;max-width:min(80vw,480px)!important;min-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 20px!important;border-radius:28px!important}
html body :is(.modalNav,.modal-cart,.table-container,.table-containerUsuarios,.table-containerProductos,.content_tables){min-width:0;max-width:100%}
html body :is(.containerSection,.modal-content) :is(.table-container,.table-containerUsuarios,.table-containerProductos,.content_tables){overflow-x:auto;overscroll-behavior-x:contain}
html body :is(.containerSection,.modal-content) :is(button,input[type=button],input[type=submit],.btnPost,.btnSave){text-align:center;min-width:0}
@media(max-width:1200px){html body .containerSection .deFLexMain{grid-template-columns:1fr!important}html body .containerSection .CardsCantidad{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){html body .containerSection .CardsCantidad{grid-template-columns:repeat(2,minmax(0,1fr))}html body .containerSection .containerMain{padding-inline:10px}html body .navbarDashboard .links{overflow-y:auto}}
@media(max-width:480px){html body .containerSection .CardsCantidad{grid-template-columns:1fr!important}html body .containerSection .CardsCantidad .cardCantidad{min-height:84px}html body :is(.btnWhatsapp,.cartIconFixed){width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;right:12px!important}html body .btnWhatsapp{bottom:150px!important}html body .cartIconFixed{bottom:86px!important}html body .categoriasInputs input[type=button]{max-width:78vw!important}}