/* ==========================================================================
   Rutas Únicas · página de mes (mes.html) — prefijo me-
   La plantilla es la de las temporadas (fechas.css) y la de zona (zona.css); aquí solo lo propio de los meses.
   En los meses, la tira de 12 meses se cambia por «{Mes} de {año} en cifras», con su animación: está en fechas.js/.css (fe-facts).
   ========================================================================== */

/* Móvil: el texto de presentación del mes, al centro (03/11, Alberto: «este texto en los meses, alineado al centro»). Solo meses. */
@media (max-width:640px){
  .me-page .fe-intro__text{text-align:center}
  .me-page .fe-intro__kicker{justify-content:center}
  .me-page .fe-intro__lead{margin-left:auto;margin-right:auto}
}

/* «Otros meses para viajar» centrados cuando no llenan la fila (07/11, Alberto: «Centrado si no rellena el ancho»).
   Mismo ancho de card que la rejilla común (fechas.css): Ordenador 4 por fila, Portátil 2 por fila; en Tablet y Móvil, una columna. Solo meses. */
@media (min-width:901px){
  .me-page .zn-more__grid{display:flex;flex-wrap:wrap;justify-content:center}
  .me-page .zn-more__grid > li{flex:0 0 calc((100% - 24px) / 2)}
}
@media (min-width:1280px){
  .me-page .zn-more__grid > li{flex-basis:calc((100% - 72px) / 4)}
}

/* Cifras «{Mes} de {año} en cifras»: solo visuales, sin filtrar al hacer clic; se queda la animación en hover
   (07/11, Alberto: «Quita el filtrado al hacer click, solo visual y animacion en hover»). El clic se corta en meses.js. Todos los dispositivos */
.me-page .fe-fact__btn{cursor:default}