/* NerveIT Solutions v1.7 — override de grilla, cargar DESPUÉS de solutions-layout.css */
@media (min-width: 900px) {
  html body .shell main section.apps div.cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: none !important;
    grid-auto-flow: row !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 22px !important;
  }
  html body .shell main section.apps div.cards > a.app-card {
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    transform-origin: center !important;
  }
  html body .shell main section.apps div.cards > a.app-card:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
  html body .shell main section.apps div.cards > a.app-card:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
  html body .shell main section.apps div.cards > a.app-card:nth-child(3) { grid-column: 3 !important; grid-row: 1 !important; }
  html body .shell main section.apps div.cards > a.app-card:nth-child(4) { grid-column: 1 !important; grid-row: 2 !important; }
  html body .shell main section.apps div.cards > a.app-card:nth-child(5) { grid-column: 2 !important; grid-row: 2 !important; }
  html body .shell main section.apps div.cards > a.app-card:nth-child(6) { grid-column: 3 !important; grid-row: 2 !important; }
}
@media (min-width: 600px) and (max-width: 899px) {
  html body .shell main section.apps div.cards { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-template-areas: none !important; }
  html body .shell main section.apps div.cards > a.app-card { grid-area: auto !important; grid-column: auto !important; grid-row: auto !important; width:100% !important; margin:0 !important; }
}
@media (max-width: 599px) {
  html body .shell main section.apps div.cards { display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-areas: none !important; }
  html body .shell main section.apps div.cards > a.app-card { grid-area: auto !important; grid-column: auto !important; grid-row: auto !important; width:100% !important; margin:0 !important; }
}