/* Cronograma de pagos hecho con bloques (estilos de grupo «Cronograma (grilla)» y «Tarjeta de mes»).
   Se carga en la página y en el editor, para que se vea igual en los dos.
   En un tema clásico WordPress envuelve el contenido del grupo en .wp-block-group__inner-container:
   la grilla y la columna de la tarjeta se aplican a ese envoltorio cuando existe. */

.is-style-cronograma { margin: 32px 0; }
.is-style-cronograma,
.is-style-cronograma > .wp-block-group__inner-container {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 18px;
}
.is-style-cronograma:has(> .wp-block-group__inner-container) { display: block; }
.is-style-cronograma > *, .is-style-cronograma > .wp-block-group__inner-container > * { margin: 0; }

.is-style-tarjeta-mes {
	position: relative; padding: 20px 12px 18px; text-align: center; color: #1d2733;
	background: #f3f5f8; border: 2px solid #163a63; border-radius: 16px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.is-style-tarjeta-mes,
.is-style-tarjeta-mes > .wp-block-group__inner-container {
	display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.is-style-tarjeta-mes:has(> .wp-block-group__inner-container) { display: block; }
.is-style-tarjeta-mes > *, .is-style-tarjeta-mes > .wp-block-group__inner-container > * { margin: 0; }
.is-style-tarjeta-mes p { margin: 0; line-height: 1.5; }
.is-style-tarjeta-mes .mes-emoji { font-size: 1.9rem; line-height: 1.2; }
.is-style-tarjeta-mes .mes-estacion { font-size: .75rem; color: #5b6676; }
.is-style-tarjeta-mes .mes-abreviatura { margin-top: 4px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #163a63; }
.is-style-tarjeta-mes .mes-nombre { margin-bottom: 10px; font-size: .95rem; }
.is-style-tarjeta-mes .wp-block-buttons { justify-content: center; }
.is-style-tarjeta-mes .wp-block-button__link {
	padding: 4px 12px; border: 1px solid currentColor; border-radius: 999px; background: transparent;
	font-size: .78rem; font-weight: 600; line-height: 1.6; color: #163a63; text-decoration: none;
}