/* Socios Pro V1.5.0: ajuste visual no destructivo.
   Última capa CSS, conserva eventos, colores editables y módulos PHP/React. */
html,body,#root{min-width:0;max-width:100%;}
/* En escritorio: el panel acompaña la altura real del menú hasta Salir.
   No se fuerza max-height de 100vh ni se recortan los enlaces inferiores. */
@media (min-width:821px){
 html body .containerGrid{display:flex!important;align-items:stretch!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important;}
 html body .navbarDashboard{align-self:stretch!important;position:relative!important;min-height:100dvh!important;max-height:none!important;height:auto!important;overflow:visible!important;overflow-x:clip!important;}
 html body .containerSection{align-self:stretch!important;flex:1 1 0%!important;min-width:0!important;min-height:100dvh!important;height:auto!important;max-height:none!important;overflow:visible!important;overflow-x:clip!important;}
 html body .containerSection .containerMain{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}
}
/* Tarjetas del inicio: medidas próximas al diseño original, sin iconos gigantes. */
html body .containerSection .CardsCantidad{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(10px,1.25vw,17px)!important;align-items:stretch!important;}
html body .containerSection .CardsCantidad .cardCantidad{width:100%!important;height:auto!important;min-height:72px!important;max-height:none!important;padding:12px!important;gap:12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;}
html body .containerSection .CardsCantidad .cardCantidad>.icons{box-sizing:border-box!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex:0 0 36px!important;border-radius:7px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important;}
html body .containerSection .CardsCantidad .cardCantidad>.icons :is(svg,i,img){box-sizing:border-box!important;display:block!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;font-size:17px!important;line-height:1!important;object-fit:contain!important;flex:0 0 18px!important;}
html body .containerSection .CardsCantidad .cardCantidad .deColumn{display:flex!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:5px 10px!important;flex-wrap:wrap!important;}
html body .containerSection .CardsCantidad .cardCantidad :is(h2,h3){font-size:clamp(13px,1vw,16px)!important;font-weight:600!important;line-height:1.35!important;margin:0!important;min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;letter-spacing:normal!important;}
html body .containerSection .CardsCantidad .cardCantidad h3{margin-left:auto!important;white-space:nowrap!important;font-size:clamp(13px,.95vw,15px)!important;}
html body .containerSection .deFLexMain{align-items:start!important;gap:clamp(14px,1.5vw,24px)!important;min-height:0!important;max-height:none!important;}
html body .containerSection .deFLexMain > *{min-width:0!important;}
/* Desplazamiento horizontal solo dentro de tablas; sin superposición de encabezados. */
html body .containerSection :is(.table-containerUsuarios,.table-containerProductos,.table-container,.content_tables){max-width:100%!important;min-width:0!important;overscroll-behavior-x:contain;}
html body .containerSection .deFLexMain :is(.table-containerUsuarios,.table-containerProductos){overflow-x:auto!important;overflow-y:auto!important;max-height:none!important;height:auto!important;}
html body .containerSection :is(.table-containerUsuarios,.table-containerProductos) table{width:max-content!important;min-width:100%!important;table-layout:auto!important;}
html body .containerSection :is(.table-containerUsuarios,.table-containerProductos) :is(td,th){height:auto!important;white-space:normal!important;overflow-wrap:break-word!important;vertical-align:top!important;}
/* Iconos del menú en escala original discreta. */
html body .navbarDashboard a :is(svg,i){width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;font-size:17px!important;flex:0 0 18px!important;}
html body .navbarDashboard a{line-height:1.35!important;min-height:44px;}
html[data-theme="light"] body .navbarDashboard :is(a.active,a.activeLink,a[aria-current="page"]) :is(span,svg,i){color:var(--sp-ink)!important;}
/* Evita recortes de controles al cambiar tema o hacer zoom. */
html body .containerSection :is(button,input,select,textarea){max-width:100%;}
html body .containerSection :is(.btnWhatsapp,.cartIconFixed){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;}
@media(min-width:821px) and (max-width:1400px){
 html body .containerSection .CardsCantidad{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:1100px){
 html body .containerSection .deFLexMain{grid-template-columns:minmax(0,1fr)!important;}
}
/* Tablets y móviles: menú desplegable independiente y contenidos en flujo natural. */
@media(max-width:820px){
 html body .containerGrid{min-height:100dvh!important;height:auto!important;}
 html body .containerSection{min-height:calc(100dvh - 64px)!important;height:auto!important;max-height:none!important;overflow-x:clip!important;overflow-y:visible!important;}
 html body .containerSection .CardsCantidad{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html body .containerSection .deFLexMain{grid-template-columns:minmax(0,1fr)!important;}
 html body .containerSection .CardsCantidad .cardCantidad{min-height:69px!important;padding:10px!important;}
 html body .containerSection :is(.table-containerUsuarios,.table-containerProductos){overflow-x:auto!important;}
}
@media(max-width:520px){
 html body .containerSection .CardsCantidad{grid-template-columns:minmax(0,1fr)!important;}
 html body .containerSection .CardsCantidad .cardCantidad{min-height:64px!important;}
 html body .containerSection .CardsCantidad .cardCantidad>.icons{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex-basis:32px!important;padding:7px!important;}
 html body .containerSection .CardsCantidad .cardCantidad>.icons :is(svg,i,img){width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;font-size:15px!important;}
 html body .containerSection .CardsCantidad .cardCantidad :is(h2,h3){font-size:14px!important;}
}