/* EVIAL: ancho fluido de escritorio. Móvil conserva sus estilos. */
@media screen and (min-width:1024px){
  :root{--desktop-gutter:clamp(16px,1.25vw,28px)}
  .container{width:calc(100% - var(--desktop-gutter) * 2);max-width:none;margin-inline:auto}
  .hero{min-width:0}
  .hero-copy,.hero-visual{min-width:0}
  .hero-visual:before{inset:0 0 -30px}
  .calendar-demo{transform:none}
  .floating.top{right:0}
  .shell{min-width:0;max-width:none}
  .shell>header,.shell>main,.shell>footer,
  .platform-page>header,.platform-page>main,
  .agenda-page>main{padding-inline:var(--desktop-gutter)}
  .platform-page>main,.agenda-page>main{width:100%;max-width:none;margin-inline:0}
  .columns{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .columns>*,.stats>*,.settings-grid>*,.table-wrap,.calendar-wrap{min-width:0}
  .header-right{flex-wrap:wrap;justify-content:flex-end}
  .login-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .login-story{padding-inline:var(--desktop-gutter)}
  .login-form{width:100%;max-width:none;padding-inline:var(--desktop-gutter)}
  .login-form form{width:100%}
  body.dashboard #content{width:auto;max-width:none}
  body:not(.login) #container>#main>.content{padding-inline:var(--desktop-gutter)}
}