/* =====================================================================
   PANTALLA · Web pública · lo común de las páginas
   Qué hace:    la página a lo alto (el pie siempre abajo), el ancho del
                contenido y el texto suave de «Cargando…». La cabecera y el
                pie están en web-marco.css; el resto, en el archivo de cada
                página (web-inicio*, web-catalogo-*, web-ficha, web-guias).
   Quién la usa: catalogo/, en-memoria/, diseno/, guias/, 404.html
   Depende de:  tokens.css, base.css
   Requisitos:  R-WEB-01, 14
   ===================================================================== */

.web {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.web__contenido {
  flex: 1;
  width: 100%;
  max-width: 72rem;
  margin-inline: auto;
  padding-inline: var(--espacio-4);
  padding-bottom: var(--espacio-6);
}

.web__suave {
  color: var(--color-texto-suave);
  font-size: var(--tamano-suave);
}