/* EL PIE SUBE CUANDO NO HAY NADA ABAJO.

   QUE PASABA. La pantalla del socio siempre tenia una barra de scroll, aunque
   lo que se estaba mirando fueran cuatro renglones. Y ese scroll no servia
   para nada: se bajaba y lo unico que aparecia era la franja roja de las
   redes, que ya estaba ahi nomas.

   POR QUE. El bloque del portal tenia puesto un alto minimo de una pantalla
   entera menos la cinta de arriba (.app, en lateral.css). El pie va DESPUES de
   ese bloque, asi que la cuenta terminaba dando siempre:

       cinta + (pantalla - cinta) + pie  =  una pantalla MAS el alto del pie

   O sea que sobraba exactamente el alto del pie, hubiera contenido o no. Ese
   sobrante era la barra de scroll.

   POR QUE NO ALCANZO CON RESTAR LA CINTA. El primer intento fue mover ese alto
   minimo al contenedor y restarle --hdr, la medida de la cinta. Quedo mejor
   pero seguia sobrando un poquito: --hdr dice 60px y la cabecera DEL PORTAL
   mide un toque mas (el chip del socio, con el avatar y las dos lineas de
   texto, la estira). Restar un numero escrito a mano contra algo que se dibuja
   solo es una pelea que se pierde siempre: cualquier dia se le agrega algo a la
   cabecera y vuelve el scroll fantasma, sin que nadie relacione una cosa con la
   otra.

   COMO SE ARREGLA DE VERDAD. No se resta nada. La pagina entera se convierte en
   una columna: la cinta ocupa lo que ocupe, el contenido se estira para llenar
   lo que sobre, y el pie se apoya donde termine. Con poco contenido el pie sube
   y queda a la vista sin tocar nada; con mucho se va abajo y la pagina
   scrollea como siempre. Sin medidas escritas a mano: la cabecera puede crecer
   o achicarse y la cuenta sigue dando.

   NO SE TOCA lateral.css ni portal.css: son grandes y los toca todo el mundo.
   Este archivo va ULTIMO en la lista de estilos, que es lo unico que necesita
   para ganarle al min-height de alla.

   dvh Y NO SOLO vh. En el celular, 100vh mide la pantalla SIN contar la barra
   del navegador, que aparece y desaparece al scrollear: con eso el pie quedaba
   unos pixeles abajo del borde. 100dvh mide lo que se ve de verdad en cada
   momento. La linea con vh queda primero como respaldo para los navegadores
   viejos, que simplemente ignoran la segunda. */

body{display:flex;flex-direction:column;
  min-height:100vh;
  min-height:100dvh}

/* La cinta de arriba y el aviso de version ocupan lo suyo; todo lo que sobra
   es para el contenido. La cabecera sigue siendo sticky: una pieza de una
   columna flexible puede quedarse pegada arriba igual. */
#view{flex:1 0 auto;display:flex;flex-direction:column}

/* Adentro, lo mismo: el bloque del portal se queda con el espacio libre y el
   pie con lo suyo y nada mas. El "0" del flex-basis es para que un contenido
   largo pueda pasarse de largo sin que el navegador lo apriete. */
#view>.app{flex:1 0 auto}
#view>footer{flex:none}

/* El alto minimo viejo, apagado: ahora el reparto lo hace la columna. Va
   dentro de la misma consulta de ancho que lo puso, para no cambiar nada del
   celular. */
@media(min-width:1001px){
.app{min-height:0}
}