/* Añadidos de la mejora: iconos SVG en lugar de Font Awesome */
.icon { width: 1em; height: 1em; display: inline-block; vertical-align: -.125em; fill: currentColor; }
.icon.fa-2x { width: 2em; height: 2em; }
.icon.fa-3x { width: 3em; height: 3em; }
.icon.fa-lg { width: 1.33em; height: 1.33em; }
.icon.fa-sm { width: .875em; height: .875em; }
/* Reserva el hueco del hero para que la página no salte al cargar */
picture { display: contents; }
img { max-width: 100%; height: auto; }

/* En las fichas de plato el nombre era un <h2> suelto y la página no tenía H1.
   Ahora es <h1> y hereda la misma escala fluida que su hoja de estilos da a
   los h2 (style.css: calc(1.325rem + 0.7714285714vw), 2rem desde 1200px).
   El SEO cambia, el diseño no: ni un píxel. */
.post-content h1 {
  font-size: calc(1.325rem + 0.7714285714vw);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 8px 0;
}
@media (min-width: 1200px) {
  .post-content h1 { font-size: 2rem; }
}