/* En teléfono el menú va abajo y el contenido usa todo el ancho */
@media (max-width:767px){
  #root > div{flex-wrap:nowrap !important}
  #root > div > nav{position:sticky;top:0;height:100vh;flex-shrink:0 !important}
  #root > div > main{position:relative;max-width:100vw;overflow-x:clip}
  #root > div > main section > *{max-width:100%;min-width:0}
  #root > div > main > header{padding:0 16px !important}
  #root > div > main > div{padding-left:16px !important;padding-right:16px !important}
}

/* La cabecera no aplasta el círculo de iniciales en pantallas angostas */
#root > div > main > header > span:last-child{flex-shrink:0}