/*
 EIC ACADEMY / v36.21.3 - Portada compacta de altura natural
 - Sin espacios verticales vacios en categorias de una fila.
 - Una segunda fila aumenta solo la altura de su categoria.
 - Conserva diseno anterior, modos de escritorio, navegacion y menu flotante.
 - Reparto: PRÓXIMAMENTE permanece visible; Owner puede entrar.
*/
@media (max-width:780px) {
  /* El alto disponible sirve para centrar, NO para estirar las categorias. */
  body #portal.n17-home-mode .e3615-home {
    display:flex!important;
    flex-direction:column!important;
    justify-content:safe center!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
  }
  body #portal.n17-home-mode .e3615-groups {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:none!important;
    grid-auto-rows:max-content!important;
    align-content:center!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin-block:auto!important;
    gap:clamp(7px,1.1svh,11px)!important;
    overflow:visible!important;
  }
  body #portal.n17-home-mode .e3615-section {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    border-radius:18px!important;
    padding:clamp(9px,1.2svh,13px) 9px clamp(11px,1.35svh,14px)!important;
    gap:clamp(6px,.85svh,9px)!important;
  }
  body #portal.n17-home-mode .e3615-section-heading {
    align-self:stretch!important;
    flex:0 0 auto!important;
    min-height:0!important;
    padding:0 2px!important;
    margin:0!important;
    gap:4px!important;
  }
  body #portal.n17-home-mode .e3615-section-heading h2 {
    font-size:clamp(15px,2.35svh,20px)!important;
    line-height:1.05!important;
  }
  body #portal.n17-home-mode .e3615-short-line {
    width:28px!important;
    height:2px!important;
  }
  body #portal.n17-home-mode .e3615-tile-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    align-items:stretch!important;
    align-content:start!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    gap:clamp(5px,.7svh,8px)!important;
    overflow:visible!important;
  }
  /* Administración: cuatro columnas y filas naturales (7 botones = 4 + 3). */
  body #portal.n17-home-mode .e3615-admin .e3615-tile-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    gap:clamp(4px,.6svh,7px)!important;
  }
  body #portal.n17-home-mode .e3615-tile {
    height:clamp(63px,9.4svh,78px)!important;
    min-height:clamp(63px,9.4svh,78px)!important;
    max-height:none!important;
    padding:5px 3px!important;
    gap:3px!important;
    border-radius:12px!important;
  }
  body #portal.n17-home-mode .e3615-admin .e3615-tile {
    height:clamp(53px,7.9svh,64px)!important;
    min-height:clamp(53px,7.9svh,64px)!important;
    max-height:none!important;
    padding:4px 2px!important;
  }
  body #portal.n17-home-mode .e3615-tile-icon {
    width:clamp(25px,4svh,33px)!important;
    height:clamp(25px,4svh,33px)!important;
    flex:0 0 clamp(25px,4svh,33px)!important;
  }
  body #portal.n17-home-mode .e3615-tile-icon .n9-icon {
    width:clamp(15px,2.2svh,19px)!important;
    height:clamp(15px,2.2svh,19px)!important;
    flex-basis:clamp(15px,2.2svh,19px)!important;
  }
  body #portal.n17-home-mode .e3615-tile-title {
    font-size:clamp(9px,1.5svh,12px)!important;
    line-height:1.07!important;
    overflow-wrap:break-word!important;
  }
  body #portal.n17-home-mode .e3615-admin .e3615-tile-icon {
    width:clamp(22px,3.5svh,28px)!important;
    height:clamp(22px,3.5svh,28px)!important;
    flex-basis:clamp(22px,3.5svh,28px)!important;
  }
  body #portal.n17-home-mode .e3615-admin .e3615-tile-title {
    font-size:clamp(8.2px,1.3svh,10.5px)!important;
    line-height:1.07!important;
  }
  body #portal.n17-home-mode .e3615-tile-planned {
    justify-content:center!important;
    gap:2px!important;
    padding:3px 1px!important;
  }
  body #portal.n17-home-mode .e3615-tile-planned .e3615-tile-icon {
    width:clamp(20px,3.4svh,27px)!important;
    height:clamp(20px,3.4svh,27px)!important;
    flex-basis:clamp(20px,3.4svh,27px)!important;
  }
  body #portal.n17-home-mode .e3615-tile-planned .e3615-tile-title {
    font-size:clamp(9px,1.4svh,11px)!important;
  }
  body #portal.n17-home-mode .e3615-coming-soon {
    padding:3px 1px!important;
    font-size:clamp(7px,1.15svh,9px)!important;
    line-height:1.08!important;
  }
  /* Accesibilidad en dispositivos cortos o zoom alto: permitir desplazamiento
     en lugar de cortar la segunda fila de Administración. */
  @media (max-height:620px) {
    body #portal.n17-home-mode .e3615-home {justify-content:flex-start!important}
    body #portal.n17-home-mode .e3615-groups {margin-block:0!important}
  }
}

/* Administración en dos hileras: 4 arriba y 3 abajo. */
@media (min-width:781px){
  body #portal.n17-home-mode .e3615-admin .e3615-tile-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
  }
}
@media (max-width:780px){
  body #portal.n17-home-mode .e3615-admin .e3615-tile-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
  }
}
/* Reparto sigue anunciado pero únicamente Owner puede activar su espacio. */
body #portal.n17-home-mode .e3615-tile-planned:disabled {
  cursor:default!important;
  pointer-events:none!important;
  opacity:.86!important;
}

#n9-nav .e3614-route-link:disabled {opacity:.55!important;cursor:default!important;pointer-events:none!important}
