/** Filters wrap on narrow screens; each link keeps a full touch target. */
.sincro-agenda-filters {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	margin-block: 0 var(--wp--preset--spacing--50);
}

.sincro-agenda-filters .sincro-agenda-filter,
.sincro-agenda-pagination .page-numbers a,
.sincro-agenda-pagination .page-numbers span {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--wp--custom--pulsable);
	min-width: var(--wp--custom--pulsable);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--tinta);
	border-radius: var(--wp--custom--radio-pildora);
	background: var(--wp--preset--color--crema);
	color: var(--wp--preset--color--tinta);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.sincro-agenda-filters .sincro-agenda-filter[aria-current],
.sincro-agenda-pagination .page-numbers .current {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--crema);
}

.sincro-agenda-filters .sincro-agenda-filter:hover,
.sincro-agenda-pagination .page-numbers a:hover {
	background: var(--wp--preset--color--rosa);
	color: var(--wp--preset--color--tinta);
}

.sincro-agenda-filters .sincro-agenda-filter:focus-visible,
.sincro-agenda-pagination .page-numbers a:focus-visible {
	outline: 2px solid var(--wp--preset--color--coral-texto);
	outline-offset: 3px;
}

.sincro-agenda-pagination {
	margin-block-start: var(--wp--preset--spacing--60);
}

.sincro-agenda-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	padding: 0;
	list-style: none;
}

.sincro-agenda-pagination .page-numbers .dots {
	border-color: transparent;
	background: transparent;
}

/* The full agenda follows v4 without changing the compact list on the home page. */
main.sincro-agenda-page > .sincro-banda { margin-block:0; }
.sincro-agenda-page > .sincro-banda--coral { padding-block:44px calc(44px + var(--wp--custom--corte)); }
.sincro-agenda-page .sincro-display { font-size:clamp(36px,5.625vw,72px); line-height:1; }
.sincro-agenda-page .sincro-entradilla { margin-top:12px; font-size:16px; line-height:1.55; }
.sincro-agenda-page > .sincro-agenda-listing { --sincro-next-surface:var(--wp--preset--color--tinta); padding-block:24px calc(48px + var(--wp--custom--corte)); }
.sincro-agenda-page .sincro-agenda-filter-label { margin-block:0 8px; }
.sincro-agenda-page .sincro-agenda-filters { gap:8px; margin-block:0 12px; }
.sincro-agenda-page .sincro-agenda-filter { padding:10px 16px; font-size:13px; }
.sincro-agenda-page .sincro-agenda-count { margin-block:0 16px; color:var(--wp--preset--color--tinta-suave); font-size:13px; }
.sincro-agenda-page .sincro-agenda { gap:16px; }
/* Las dos primeras columnas miden lo mismo: la fecha y el cartel son la misma caja cuadrada, y el tamaño lo declara eventos.css en --sincro-agenda-caja. */
.sincro-agenda-page .sincro-agenda__item { grid-template-columns:var(--sincro-agenda-caja) var(--sincro-agenda-caja) minmax(0,1fr) auto; column-gap:16px; padding:16px 20px; row-gap:4px; }
/* Paragraph formatting can wrap the image link after the shortcode renders. */
.sincro-agenda-page .sincro-agenda__item > p:has(> .sincro-agenda__imagen) { grid-area:foto; margin:0; align-self:center; }
.sincro-agenda-page .sincro-agenda__item:not(:has(.sincro-agenda__imagen)) { grid-template-columns:var(--sincro-agenda-caja) minmax(0,1fr) auto; grid-template-areas:"fecha cuando accion" "fecha titulo accion" "fecha donde accion" "fecha chips accion"; }
.sincro-agenda-page .sincro-agenda__titulo { min-width:0; font-size:25px; line-height:1.1; }
.sincro-agenda-page .sincro-evento-meta__donde { font-size:14px; line-height:1.4; }
.sincro-agenda-page .sincro-agenda__fecha { box-sizing:border-box; padding:8px; }
.sincro-agenda-page .sincro-agenda__mes { font-size:12px; line-height:1.2; }
.sincro-agenda-page .sincro-agenda__dia { font-size:36px; }
.sincro-agenda-page .sincro-agenda__hora { font-size:13px; line-height:1.2; }
.sincro-agenda-page .sincro-agenda__boton { font-size:14px; padding:14px 22px; }
@media(max-width:60rem) {
 .sincro-agenda-page .sincro-agenda__item,
 .sincro-agenda-page .sincro-agenda__item:not(:has(.sincro-agenda__imagen)) { grid-template-columns:84px minmax(0,1fr); grid-template-areas:"foto foto" "fecha titulo" "fecha donde" "chips chips" "accion accion"; padding:0 14px 16px; gap:8px 12px; overflow:hidden; }
 .sincro-agenda-page .sincro-agenda__item:not(:has(.sincro-agenda__imagen)) { grid-template-areas:"fecha titulo" "fecha donde" "chips chips" "accion accion"; padding-top:16px; }
 .sincro-agenda-page .sincro-agenda__item > p:has(> .sincro-agenda__imagen) { margin:0 -14px 4px; width:calc(100% + 28px); }
 .sincro-agenda-page .sincro-agenda__imagen { display:block; border-radius:0; width:100%; height:auto; }
 .sincro-agenda-page .sincro-agenda__imagen img { display:block; width:100%; height:150px; object-fit:cover; }
 .sincro-agenda-page .sincro-agenda__titulo { font-size:21px; }
 .sincro-agenda-page .sincro-agenda__fecha { align-self:start; padding:12px 8px; }
 .sincro-agenda-page .sincro-agenda__accion { margin-top:4px; }
 .sincro-agenda-page .sincro-agenda__boton { display:flex; width:100%; }
}
@media(max-width:40rem) {
 .sincro-agenda-page > .sincro-banda--coral { padding-top:26px; padding-bottom:calc(26px + var(--wp--custom--corte)); }
 .sincro-agenda-page > .sincro-agenda-listing { padding-top:20px; padding-bottom:calc(28px + var(--wp--custom--corte)); }
 .sincro-agenda-page .sincro-entradilla { font-size:14px; }
 .sincro-agenda-page .sincro-agenda { gap:12px; }
}
.sincro-agenda-page .sincro-agenda-filter[aria-current]:hover { background:var(--wp--preset--color--tinta); color:var(--wp--preset--color--crema); }