/* SOCIOS PRO V1.3.0 - refinamiento de inicio, iconografia y altura visual. 
   Layout natural: el final del contenido sigue accesible incluso si el menu es alto. */
html,body,#root{min-width:0;max-width:100%;min-height:100%;}
html body .containerGrid{min-width:0;min-height:100dvh;max-width:100%;align-items:stretch;}
html body .navbarDashboard{align-self:stretch;min-height:100dvh;height:auto;max-height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;}
html body .containerSection{flex:1;min-width:0;min-height:100dvh;height:auto!important;max-height:none!important;overflow-x:hidden;overflow-y:visible;padding-bottom:clamp(24px,3vw,48px);}
html body .containerSection .containerMain{min-height:0;height:auto!important;max-height:none!important;gap:clamp(14px,1.8vw,24px)!important;}
html body .containerSection .deFLexMain{min-height:0;height:auto!important;grid-template-columns:minmax(0,1fr) minmax(250px,30%)!important;gap:clamp(14px,1.6vw,22px)!important;align-items:start!important;}
html body .containerSection .CardsCantidad{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(10px,1vw,15px)!important;}
html body .containerSection .CardsCantidad .cardCantidad{min-width:0!important;min-height:78px!important;height:auto!important;padding:12px 14px!important;gap:11px!important;border-radius:12px;}
html body .containerSection .CardsCantidad .cardCantidad>.icons{width:38px!important;min-width:38px!important;height:38px!important;flex:0 0 38px!important;padding:8px!important;border-radius:9px!important;font-size:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}
html body .containerSection .CardsCantidad .cardCantidad>.icons :is(svg,i){width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;font-size:18px!important;flex:0 0 auto!important;}
html body .containerSection .CardsCantidad .cardCantidad .deColumn{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 8px!important;}
html body .containerSection .CardsCantidad .cardCantidad :is(h2,h3){font-size:clamp(13px,1.05vw,16px)!important;line-height:1.3!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;min-width:0!important;max-width:100%!important;}
html body .containerSection .CardsCantidad .cardCantidad h3{margin-left:auto!important;font-weight:650!important;white-space:nowrap!important;}
html body .containerSection .deFLexMain :is(.table-containerUsuarios,.table-containerProductos){height:auto!important;min-height:0!important;max-height:clamp(250px,42dvh,520px)!important;overflow:auto!important;scrollbar-width:thin;}
html body .containerSection .deFLexMain :is(.table-containerUsuarios,.table-containerProductos) :is(th,td){vertical-align:middle!important;}
html body .containerSection .deFLexMain .infoUser{height:auto!important;min-height:180px!important;max-height:none!important;width:100%!important;}
html body .containerSection .deFLexMain .infoUser :is(img,svg){max-width:64px!important;max-height:64px!important;object-fit:contain;}
html body .containerSection :is(.btnWhatsapp,.cartIconFixed){width:45px!important;height:45px!important;min-width:45px!important;min-height:45px!important;box-shadow:0 6px 16px #0002;}
html body .btnWhatsapp::before{font-size:23px!important;}
html body .cartIconFixed::before{font-size:20px!important;}
html body .btnWhatsapp{bottom:107px!important;}
html body .cartIconFixed{bottom:50px!important;}
/* Header and menu icon scales, without changing their functional click targets */
html body .navbarDashboard a{min-height:42px;gap:12px!important;line-height:1.3;}
html body .navbarDashboard a :is(svg,i){height:19px!important;width:19px!important;max-height:19px!important;max-width:19px!important;font-size:18px!important;flex-shrink:0!important;}
html body .navbarDashboard a.active,html body .navbarDashboard a[aria-current="page"]{color:var(--sp-ink)!important;}
html[data-theme="dark"] body .navbarDashboard a.active,html[data-theme="dark"] body .navbarDashboard a[aria-current="page"]{color:var(--sp-on-nav)!important;}
html[data-theme="light"] body .navbarDashboard a.active :is(span,svg,i){color:var(--sp-ink)!important;}
/* Large screens: the dashboard ends naturally instead of cropping at 100vh. */
@media(min-width:1600px){html body .containerSection .CardsCantidad .cardCantidad{min-height:86px!important;}html body .containerSection .CardsCantidad .cardCantidad>.icons{width:42px!important;height:42px!important;flex-basis:42px!important;}}
@media(max-width:1400px){html body .containerSection .CardsCantidad{grid-template-columns:repeat(2,minmax(0,1fr))!important;}html body .containerSection .deFLexMain{grid-template-columns:minmax(0,1fr) minmax(230px,31%)!important;}}
@media(max-width:1100px){html body .containerSection .deFLexMain{grid-template-columns:1fr!important;}html body .containerSection .CardsCantidad{grid-template-columns:repeat(3,minmax(0,1fr))!important;}html body .containerSection .deFLexMain :is(.table-containerUsuarios,.table-containerProductos){max-height:none!important;}}
@media(max-width:820px){html body .containerGrid{min-height:100dvh;flex-direction:column!important;}html body .navbarDashboard{min-height:0!important;height:auto!important;max-height:calc(100dvh - 12px)!important;overflow-y:auto;}html body .containerSection{min-height:calc(100dvh - 64px)!important;padding-inline:12px!important;}html body .containerSection .CardsCantidad{grid-template-columns:repeat(2,minmax(0,1fr))!important;}html body .containerSection .CardsCantidad .cardCantidad{padding:11px!important;}}
@media(max-width:520px){html body .containerSection .CardsCantidad{grid-template-columns:1fr!important;}html body .containerSection .CardsCantidad .cardCantidad{min-height:68px!important;padding:10px 12px!important;}html body .containerSection .CardsCantidad .cardCantidad>.icons{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;}html body .containerSection .CardsCantidad .cardCantidad :is(h2,h3){font-size:14px!important;}html body .containerSection .deFLexMain{gap:12px!important;}html body .containerSection :is(.btnWhatsapp,.cartIconFixed){width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;right:10px!important;}html body .btnWhatsapp{bottom:106px!important;}html body .cartIconFixed{bottom:54px!important;}html body .containerSection{padding-bottom:76px!important;}}