/*
  Estilos del PROYECTO (Circular 4). Se cargan después de style.css.
  Aquí va todo lo que cuelga de una clase puesta en el admin (campo «Clase CSS»
  del bloque, la columna o el elemento). style.css es la base y no se toca por proyecto.
*/

/* ---- hero y cierre ---- */
.hero p,
.cierre p { font-size: var(--t-l); }   /* 28px en 1440 */

/* texto de prensa dentro del cierre: vuelve al corriente */
.cierre .prensa p { font-size: var(--t-m); }   /* 20px en 1440 */

/* aire a la derecha de los párrafos (Flavia, 29/09) */
.hero p { padding-right: 1em; }
.cierre p,
.prensa { padding-right: 1.3em; }

/* logo de moda re- del hero (Astrid, 30/09: «un poco más pequeño en ambas»).
   !important: gana al «Ancho máx.» del admin, que va en línea */
.hero .logo-modare { max-width: 12.5rem !important; }   /* 200px */

/* ---- columna de fecha y lugar ---- */
.When h3, .When p { text-align: right; font-size: var(--t-xxl); padding-right: 0; }   /* 46px en 1440, como el h1 */
/* el padding-right:0 neutraliza la regla de .hero p: la fecha va pegada al margen */

@media (max-width: 47.99rem) {
  .When h3, .When p { text-align: left; margin-top: 1em; }  /* en una columna, alineada con el resto */

  .hero .logo-modare { max-width: 8.75rem !important; margin: 2em 0 5em; }   /* 140px */
}