/* V162: geometría única y sidebar legible. Sobrescribe versiones anteriores. */
@media (min-width: 821px) {
  html, body {overflow-x:hidden!important;}
  html body .app {display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;grid-template-columns:none!important;}
  html body .app>#mainSidebar {position:fixed!important;inset:0 auto 0 0!important;display:flex!important;flex-direction:column!important;flex:none!important;width:310px!important;min-width:310px!important;max-width:310px!important;height:100dvh!important;padding:16px 17px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;margin:0!important;z-index:60!important;}
  html body .app>.main {display:block!important;position:relative!important;float:none!important;clear:none!important;flex:none!important;width:calc(100% - 310px)!important;min-width:0!important;max-width:none!important;margin:0 0 0 310px!important;padding:0!important;box-sizing:border-box!important;transform:none!important;left:auto!important;right:auto!important;}
  html body .app>.main>.topbar {width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;}
  html body .app>.main>.content {width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:18px 22px 28px!important;box-sizing:border-box!important;}
  html body .app>.main>.content>.page {max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;}
  html body #mainSidebar .nav {width:100%!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;}
  html body #mainSidebar .nav button {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;padding:10px 12px!important;}
  html body #mainSidebar .nav button .nav-ico {flex:0 0 23px!important;width:23px!important;min-width:23px!important;}
  html body #mainSidebar .nav button span:last-child {display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;font-size:14px!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  html body #mainSidebar .sidebar-credit {margin-top:auto!important;flex:0 0 auto!important;}
  html body .app>.sidebar-backdrop,html body .app>.mobile-menu-toggle {display:none!important;}
}
/* Fondos completos, sin cortar teléfonos ni chip. Tarjetas más bajas. */
#inicio.home-page .home-premium-wrap {width:100%!important;max-width:100%!important;}
#inicio.home-page .home-premium-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important;}
#inicio.home-page .home-premium-grid .premium-tile {height:180px!important;min-height:180px!important;max-height:180px!important;aspect-ratio:auto!important;padding:12px 14px!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:18px!important;}
#inicio.home-page .home-premium-grid .premium-tile .premium-icon {width:35px!important;height:35px!important;flex-basis:35px!important;margin-bottom:7px!important;}
#inicio.home-page .home-premium-grid .premium-tile .premium-icon svg {width:21px!important;height:21px!important;}
#inicio.home-page .home-premium-grid .premium-tile b {font-size:clamp(17px,1.5vw,23px)!important;}
#inicio.home-page .home-premium-grid .premium-tile small {font-size:clamp(11px,.9vw,14px)!important;line-height:1.25!important;margin-top:5px!important;max-width:65%!important;}
#inicio.home-page .home-premium-grid .premium-tile i {width:29px!important;height:29px!important;left:14px!important;bottom:10px!important;font-size:20px!important;}
@media (min-width:821px) and (max-width:1100px) {#inicio.home-page .home-premium-grid {gap:9px!important;}#inicio.home-page .home-premium-grid .premium-tile{height:155px!important;min-height:155px!important;max-height:155px!important;}}
@media (max-width:820px) {#inicio.home-page .home-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#inicio.home-page .home-premium-grid .premium-tile{height:170px!important;min-height:170px!important;max-height:170px!important;background-size:100% 100%!important;}}
@media (max-width:550px) {#inicio.home-page .home-premium-grid{grid-template-columns:1fr!important;}#inicio.home-page .home-premium-grid .premium-tile{height:190px!important;min-height:190px!important;max-height:190px!important;}}