/* V161 - Un solo sistema de columnas. Corrige espacio fantasma y proporciones. */
@media (min-width: 821px) {
  html body .app { display:flex!important; flex-direction:row!important; align-items:stretch!important; grid-template-columns:none!important; gap:0!important; padding:0!important; margin:0!important; width:100%!important; max-width:none!important; min-width:0!important; }
  html body .app>.sidebar-backdrop {display:none!important; flex:0 0 0!important; width:0!important; min-width:0!important;}
  html body .app>.mobile-menu-toggle {display:none!important; position:absolute!important;}
  html body .app>#mainSidebar {position:sticky!important;top:0!important;left:auto!important;bottom:auto!important;flex:0 0 290px!important;width:290px!important;min-width:290px!important;max-width:290px!important;height:100vh!important;box-sizing:border-box!important;transform:none!important;margin:0!important;padding:16px 18px!important;overflow-x:hidden!important;overflow-y:auto!important;}
  html body .app>.main {position:relative!important;display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;grid-column:auto!important;transform:none!important;box-sizing:border-box!important;}
  html body .app>.main>.topbar,html body .app>.main>.content {width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;}
  html body .app>.main>.content {padding:16px 22px 30px!important;}
  html body #mainSidebar .nav {width:100%!important;max-width:100%!important;min-width:0!important;}
  html body #mainSidebar .nav button {width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;gap:9px!important;padding:9px 10px!important;}
  html body #mainSidebar .nav button span:last-child {font-size:14px!important;letter-spacing:-.025em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
}
/* Tarjetas compactas, sin estirar las fotografías */
#inicio.home-page .home-premium-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}
#inicio.home-page .home-premium-grid .premium-tile {aspect-ratio:auto!important;height:220px!important;min-height:220px!important;max-height:220px!important;padding:15px 18px!important;background-size:cover!important;background-position:center center!important;border-radius:22px!important;}
#inicio.home-page .home-premium-grid .premium-tile .premium-icon {width:43px!important;height:43px!important;flex:0 0 43px!important;margin-bottom:10px!important;}
#inicio.home-page .home-premium-grid .premium-tile .premium-icon svg {width:24px!important;height:24px!important;}
#inicio.home-page .home-premium-grid .premium-tile b {font-size:clamp(18px,1.65vw,25px)!important;line-height:1.12!important;}
#inicio.home-page .home-premium-grid .premium-tile small {font-size:clamp(12px,.95vw,15px)!important;line-height:1.35!important;max-width:65%!important;margin-top:6px!important;}
#inicio.home-page .home-premium-grid .premium-tile i {width:35px!important;height:35px!important;left:17px!important;bottom:14px!important;font-size:22px!important;}
@media (min-width:821px) and (max-width:1180px) {html body .app>#mainSidebar{flex-basis:275px!important;width:275px!important;min-width:275px!important;max-width:275px!important;}#inicio.home-page .home-premium-grid .premium-tile{height:190px!important;min-height:190px!important;max-height:190px!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:205px!important;min-height:205px!important;max-height:205px!important;} }
@media (max-width:560px) {#inicio.home-page .home-premium-grid{grid-template-columns:1fr!important;}#inicio.home-page .home-premium-grid .premium-tile{height:205px!important;min-height:205px!important;max-height:205px!important;} }