/* A server-rendered dashboard must never expose inactive pages before JavaScript loads. */
.ruta-wrap[data-ruta-active-view] .ruta-dashboard-main>:is(
  #ruta-student-overview,
  #ruta-materias,
  #ruta-documentos,
  #ruta-perfil,
  #ruta-reconocimiento,
  #ruta-avisos,
  #ruta-ayuda,
  #ruta-redes,
  #ruta-examen,
  .ruta-full-program,
  .ruta-hero
){display:none!important}

.ruta-wrap[data-ruta-active-view="inicio"] .ruta-dashboard-main>#ruta-student-overview{display:grid!important}
.ruta-wrap[data-ruta-active-view="materias"]:not([data-student-exam-only="1"]) .ruta-dashboard-main>.ruta-full-program{display:flex!important}
.ruta-wrap[data-ruta-active-view="materias"]:not([data-student-exam-only="1"]) .ruta-dashboard-main>#ruta-materias{display:grid!important}
.ruta-wrap[data-ruta-active-view="materias"] .ruta-dashboard-main>#ruta-examen{display:block!important}
.ruta-wrap[data-ruta-active-view="documentos"] .ruta-dashboard-main>#ruta-documentos{display:grid!important}
.ruta-wrap[data-ruta-active-view="perfil"] .ruta-dashboard-main>#ruta-perfil{display:block!important}
.ruta-wrap[data-ruta-active-view="reconocimiento"] .ruta-dashboard-main>#ruta-reconocimiento{display:block!important}
.ruta-wrap[data-ruta-active-view="avisos"] .ruta-dashboard-main>#ruta-avisos{display:block!important}
.ruta-wrap[data-ruta-active-view="ayuda"] .ruta-dashboard-main>#ruta-ayuda{display:block!important}
.ruta-wrap[data-ruta-active-view="redes"] .ruta-dashboard-main>#ruta-redes{display:grid!important}

@media(max-width:700px){
  .ruta-wrap[data-ruta-active-view="materias"]:not([data-student-exam-only="1"]) .ruta-dashboard-main>.ruta-full-program{display:flex!important;flex-direction:column!important}
}