/*
 * Agenda de eventos (ver includes/agenda.php, agenda-portada.php y
 * agenda-ficha.php): la portada de /eventos y la ficha de cada evento.
 *
 * Tarjetas blancas sobre el fondo gris verdoso de la página, como los
 * listados y la portada del sitio. Los selectores llevan .areco-agenda
 * adelante para ganarle a los estilos globales del kit de Elementor (h2, h3,
 * a, img). En el celular la letra chica va un punto más grande (público mayor).
 */

.areco-agenda {
	--areco-agenda-tinta: #24301f;
	--areco-agenda-texto: #535a50;
	--areco-agenda-gris: #636a5f;
	--areco-agenda-verde: var(--e-global-color-secondary, #618d53);
	/* Para texto chico en verde: el principal no llega a 4,5:1 sobre blanco. */
	--areco-agenda-verde-texto: #3f6b35;
	--areco-agenda-verde-claro: #eef3ea;
	--areco-agenda-borde-verde: #cfdcc8;
	--areco-agenda-borde: #e3e5e0;
	--areco-agenda-linea: #eef0ec;
	--areco-agenda-naranja: #b6481f;
	--areco-agenda-naranja-hover: #8f3816;
	--areco-agenda-durazno: #fdf0ea;
	--areco-agenda-ambar: #fff1d6;
	--areco-agenda-ambar-texto: #6b4200;
	--areco-agenda-rojo: #fbe9e7;
	--areco-agenda-rojo-texto: #8f2424;
	--areco-agenda-radio: 5px;
	--areco-agenda-ancho: 1180px;
	--areco-agenda-margen: 15px;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.45;
	color: var(--areco-agenda-texto);
}

.areco-agenda *,
.areco-agenda *::before,
.areco-agenda *::after {
	box-sizing: border-box;
}

.areco-agenda h1,
.areco-agenda h2,
.areco-agenda h3,
.areco-agenda p,
.areco-agenda ul,
.areco-agenda figure {
	margin: 0;
}

.areco-agenda ul {
	padding: 0;
	list-style: none;
}

.areco-agenda a {
	color: inherit;
	text-decoration: none;
}

/* El kit de Elementor pinta de naranja los enlaces al pasar el mouse (.elementor-kit-6 a:hover). */
body .areco-agenda a:hover,
body .areco-agenda a:focus {
	color: inherit;
}

.areco-agenda .areco-icono {
	width: 16px;
	height: 16px;
	flex: none;
}

.areco-agenda button {
	font: inherit;
	cursor: pointer;
}

.areco-agenda a:focus-visible,
.areco-agenda button:focus-visible {
	outline: 3px solid #e3a33a;
	outline-offset: 2px;
}

/* Cada bloque, centrado y con el ancho del sitio. */
.areco-agenda-siempre,
.areco-agenda-proximas,
.areco-agenda-anio,
.areco-agenda-escapada,
.areco-agenda-cuerpo,
.areco-agenda-enc__dentro,
.areco-agenda-ficha {
	width: 100%;
	max-width: calc(var(--areco-agenda-ancho) + 2 * var(--areco-agenda-margen));
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--areco-agenda-margen);
	padding-right: var(--areco-agenda-margen);
}

.areco-agenda-siempre,
.areco-agenda-proximas,
.areco-agenda-anio,
.areco-agenda-escapada {
	padding-top: 8px;
	padding-bottom: 28px;
}

.areco-agenda .areco-agenda__titulo {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 12px;
	margin-bottom: 14px;
}

.areco-agenda .areco-agenda__titulo h2 {
	font-size: 23px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda__titulo > span {
	font-size: 15px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda__mas {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: auto;
	font-size: 15px;
	font-weight: 600;
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda__mas:hover {
	color: var(--areco-agenda-naranja-hover);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------------------------------------------------------------------------
 * Encabezado y filtros
 * ------------------------------------------------------------------------ */

.areco-agenda .areco-agenda-enc {
	background: #fff;
	border-bottom: 1px solid var(--areco-agenda-borde);
}

.areco-agenda .areco-agenda-enc__dentro {
	display: grid;
	gap: 6px;
	padding-top: 22px;
	padding-bottom: 18px;
}

.areco-agenda .areco-agenda-enc__migas {
	font-size: 13px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-enc__migas a {
	color: var(--areco-agenda-verde-texto);
}

/* Las migas de Rank Math vienen en blanco desde los estilos viejos del sitio. */
.areco-agenda .rank-math-breadcrumb,
.areco-agenda .rank-math-breadcrumb p,
.areco-agenda .rank-math-breadcrumb .separator,
.areco-agenda .rank-math-breadcrumb .last {
	margin: 0;
	font-size: 13px;
	color: var(--areco-agenda-gris);
	text-align: left;
}

.areco-agenda .areco-agenda-enc__titulo {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.01em;
	color: var(--areco-agenda-tinta);
	text-wrap: balance;
}

.areco-agenda .areco-agenda-enc__bajada {
	font-size: 17px;
}

.areco-agenda .areco-agenda-filtros {
	display: grid;
	gap: 10px;
	margin-top: 10px;
	position: relative;
}

.areco-agenda .areco-agenda-pildoras {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.areco-agenda .areco-agenda-pildora {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	padding: 8px 15px;
	border: 1px solid var(--areco-agenda-borde-verde);
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--areco-agenda-tinta);
	white-space: nowrap;
}

.areco-agenda .areco-agenda-pildora:hover {
	border-color: var(--areco-agenda-verde);
}

.areco-agenda .areco-agenda-pildora[aria-pressed="true"],
.areco-agenda .areco-agenda-pildora[aria-expanded="true"] {
	background: var(--areco-agenda-verde-texto);
	border-color: var(--areco-agenda-verde-texto);
	color: #fff;
}

.areco-agenda .areco-agenda-chip {
	min-height: 36px;
	padding: 6px 13px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: var(--areco-agenda-verde-claro);
	font-size: 14px;
	font-weight: 500;
	color: var(--areco-agenda-verde-texto);
	white-space: nowrap;
}

.areco-agenda .areco-agenda-chip--gratis {
	background: var(--areco-agenda-durazno);
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-chip[aria-pressed="true"] {
	border-color: currentColor;
	box-shadow: inset 0 0 0 1px currentColor;
	font-weight: 600;
}

/* Calendario de "Elegir fecha". */
.areco-agenda .areco-agenda-calendario {
	width: 100%;
	max-width: 340px;
	padding: 14px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 14px 32px rgba(0, 0, 0, 0.1);
}

.areco-agenda .areco-agenda-calendario__cabeza {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	font-size: 16px;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-calendario__cabeza button {
	width: 40px;
	height: 40px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	font-size: 20px;
	line-height: 1;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-calendario__cabeza button:disabled {
	opacity: 0.35;
	cursor: default;
}

.areco-agenda .areco-agenda-calendario__semana,
.areco-agenda .areco-agenda-calendario__dias {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 3px;
	text-align: center;
}

.areco-agenda .areco-agenda-calendario__semana span {
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: 600;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-calendario__dia {
	display: grid;
	place-items: center;
	align-content: center;
	gap: 2px;
	aspect-ratio: 1;
	min-height: 38px;
	padding: 0;
	border: 0;
	border-radius: var(--areco-agenda-radio);
	background: transparent;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-calendario__dia:hover:not(:disabled) {
	background: var(--areco-agenda-verde-claro);
}

.areco-agenda .areco-agenda-calendario__dia:disabled {
	color: #b5b9b1;
	cursor: default;
}

.areco-agenda .areco-agenda-calendario__dia i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.areco-agenda .areco-agenda-calendario__dia.con-eventos i {
	background: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-calendario__dia.con-actividades i {
	background: #9aa094;
}

.areco-agenda .areco-agenda-calendario__dia.es-feriado {
	font-weight: 700;
}

.areco-agenda .areco-agenda-calendario__dia.es-hoy {
	box-shadow: inset 0 0 0 1px var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-calendario__dia.es-elegido {
	background: var(--areco-agenda-verde-texto);
	color: #fff;
}

.areco-agenda .areco-agenda-calendario__dia.es-elegido i {
	background: #fff;
}

.areco-agenda .areco-agenda-calendario__leyenda {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin-top: 10px;
	font-size: 12.5px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-calendario__leyenda span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.areco-agenda .areco-agenda-calendario__leyenda span::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #9aa094;
}

.areco-agenda .areco-agenda-calendario__leyenda .con-eventos::before {
	background: var(--areco-agenda-naranja);
}

/* ---------------------------------------------------------------------------
 * Actividades de cada día
 * ------------------------------------------------------------------------ */

.areco-agenda .areco-agenda-cuerpo {
	padding-top: 24px;
	padding-bottom: 28px;
}

.areco-agenda .areco-agenda-cuerpo--con-lateral {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 26px;
	align-items: start;
}

.areco-agenda .areco-agenda-dias {
	display: grid;
	gap: 12px;
}

.areco-agenda .areco-agenda-dia {
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
}

.areco-agenda .areco-agenda-dia h3 {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 8px;
	padding: 11px 16px;
	border-bottom: 1px solid var(--areco-agenda-linea);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-dia h3 em {
	padding: 1px 7px;
	border-radius: 3px;
	background: var(--areco-agenda-durazno);
	font-size: 12px;
	font-style: normal;
	letter-spacing: 0.04em;
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-dia h3 span {
	margin-left: auto;
	font-size: 13.5px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-dia--paso {
	opacity: 0.6;
}

.areco-agenda .areco-agenda-ev {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	gap: 12px;
	padding: 12px 16px;
}

.areco-agenda .areco-agenda-ev + .areco-agenda-ev {
	border-top: 1px solid var(--areco-agenda-linea);
}

.areco-agenda .areco-agenda-ev__hora {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	font-variant-numeric: tabular-nums;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-ev__hora small {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-ev__texto {
	min-width: 0;
}

.areco-agenda .areco-agenda-ev__titulo {
	display: block;
	font-size: 16.5px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--areco-agenda-tinta);
}

.areco-agenda a.areco-agenda-ev__titulo:hover {
	color: var(--areco-agenda-verde-texto);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.areco-agenda .areco-agenda-ev--suspendido .areco-agenda-ev__titulo {
	text-decoration: line-through;
	text-decoration-color: rgba(143, 36, 36, 0.6);
}

.areco-agenda .areco-agenda-ev__lugar {
	display: flex;
	gap: 5px;
	margin-top: 2px;
	font-size: 14.5px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-ev__lugar .areco-icono {
	margin-top: 2px;
}

.areco-agenda .areco-agenda-ev__lugar a {
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-ev__lugar a:hover {
	text-decoration: underline;
}

.areco-agenda .areco-agenda-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 7px;
}

.areco-agenda .areco-agenda-tag {
	padding: 2px 8px;
	border-radius: 3px;
	background: var(--areco-agenda-linea);
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--areco-agenda-texto);
}

.areco-agenda .areco-agenda-tag--gratis {
	background: var(--areco-agenda-verde-claro);
	font-weight: 600;
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-tag--repite {
	background: var(--areco-agenda-durazno);
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-tag--cambio {
	background: var(--areco-agenda-ambar);
	font-weight: 600;
	color: var(--areco-agenda-ambar-texto);
}

.areco-agenda .areco-agenda-tag--estado {
	background: var(--areco-agenda-rojo);
	font-weight: 600;
	color: var(--areco-agenda-rojo-texto);
}

.areco-agenda .areco-agenda-tag--confirmar {
	border: 1px dashed #b9bdb5;
	background: #f6f6f4;
	color: #555b52;
}

.areco-agenda .areco-agenda-vacio {
	padding: 18px;
	border: 1px dashed #c4c9bf;
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-vacio a {
	color: var(--areco-agenda-verde-texto);
	text-decoration: underline;
}

/* Evento destacado, al costado. */
.areco-agenda .areco-agenda-destacado {
	overflow: hidden;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
}

.areco-agenda .areco-agenda-destacado__foto {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.areco-agenda .areco-agenda-destacado__texto {
	display: grid;
	gap: 9px;
	padding: 16px;
}

.areco-agenda .areco-agenda-destacado__rotulo {
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-destacado h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-destacado__cuenta {
	display: flex;
	align-items: baseline;
	gap: 7px;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-destacado__cuenta b {
	font-size: 40px;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-destacado__cuenta--hoy b {
	font-size: 24px;
}

.areco-agenda .areco-agenda-destacado__frase {
	font-size: 15px;
}

.areco-agenda .areco-agenda-boton {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 46px;
	padding: 10px 18px;
	border: 1px solid var(--areco-agenda-naranja);
	border-radius: 999px;
	background: var(--areco-agenda-naranja);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	transition: background-color 0.15s;
}

.areco-agenda a.areco-agenda-boton:hover {
	border-color: var(--areco-agenda-naranja-hover);
	background: var(--areco-agenda-naranja-hover);
	color: #fff;
}

.areco-agenda .areco-agenda-boton--secundario {
	border-color: var(--areco-agenda-borde-verde);
	background: #fff;
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda a.areco-agenda-boton--secundario:hover {
	border-color: var(--areco-agenda-verde-texto);
	background: var(--areco-agenda-verde-claro);
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-boton--claro {
	border-color: #fff;
	background: #fff;
	color: var(--areco-agenda-tinta);
}

.areco-agenda a.areco-agenda-boton--claro:hover {
	border-color: var(--areco-agenda-verde-claro);
	background: var(--areco-agenda-verde-claro);
	color: var(--areco-agenda-tinta);
}

/* ---------------------------------------------------------------------------
 * Siempre hay algo, próximas semanas, fiestas del año y escapada
 * ------------------------------------------------------------------------ */

.areco-agenda .areco-agenda-siempre__grilla {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 12px;
}

.areco-agenda .areco-agenda-caja {
	display: grid;
	align-content: start;
	gap: 12px;
	padding: 16px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
}

.areco-agenda .areco-agenda-caja h3 {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 17px;
	font-weight: 700;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-caja__icono {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--areco-agenda-verde-claro);
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-caja ul {
	display: grid;
	gap: 10px;
}

.areco-agenda .areco-agenda-caja li {
	display: grid;
	gap: 1px;
}

.areco-agenda .areco-agenda-caja li a {
	font-size: 15.5px;
	font-weight: 600;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-caja li a:hover {
	color: var(--areco-agenda-verde-texto);
	text-decoration: underline;
}

.areco-agenda .areco-agenda-caja li span {
	font-size: 14px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-prox {
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
}

.areco-agenda .areco-agenda-prox li {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) 120px;
	gap: 16px;
	align-items: center;
	padding: 12px 16px;
}

.areco-agenda .areco-agenda-prox li + li {
	border-top: 1px solid var(--areco-agenda-linea);
}

.areco-agenda .areco-agenda-prox__texto {
	min-width: 0;
}

.areco-agenda .areco-agenda-prox__texto .areco-agenda-tag {
	display: inline-block;
	margin-top: 6px;
}

.areco-agenda .areco-agenda-fecha {
	display: block;
	padding: 5px 0;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	line-height: 1.1;
	text-align: center;
}

.areco-agenda .areco-agenda-fecha small {
	display: block;
	font-size: 11.5px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-fecha b {
	display: block;
	font-size: 23px;
	font-variant-numeric: tabular-nums;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-fecha i {
	display: block;
	font-size: 11.5px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-prox__foto {
	display: block;
	width: 120px;
	max-width: 100%;
	height: 78px;
	border-radius: 4px;
	object-fit: cover;
}

.areco-agenda .areco-agenda-prox__foto--icono {
	display: grid;
	place-items: center;
	background: var(--areco-agenda-verde-claro);
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-prox__foto--icono .areco-icono {
	width: 28px;
	height: 28px;
}

.areco-agenda .areco-agenda-anio__meses {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 6px;
}

.areco-agenda .areco-agenda-mes {
	display: grid;
	align-content: start;
	gap: 5px;
	min-height: 112px;
	padding: 9px 8px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	font-size: 13px;
	line-height: 1.25;
}

.areco-agenda .areco-agenda-mes b {
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-mes span,
.areco-agenda .areco-agenda-mes a {
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-mes a {
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--areco-agenda-borde-verde);
	text-underline-offset: 3px;
}

.areco-agenda .areco-agenda-mes--actual {
	border-color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-mes--actual b {
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-mes--vacio span {
	color: #a3a89f;
}

.areco-agenda .areco-agenda-cruce {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}

.areco-agenda .areco-agenda-cruce__tarjeta {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 15px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	transition: box-shadow 0.15s;
}

.areco-agenda .areco-agenda-cruce__tarjeta:hover {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 14px 32px rgba(0, 0, 0, 0.1);
}

.areco-agenda .areco-agenda-cruce__icono {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--areco-agenda-durazno);
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-cruce__tarjeta b {
	display: block;
	font-size: 16.5px;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-cruce__tarjeta > span:last-child > span {
	font-size: 14.5px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-organizas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 20px 22px;
	border-radius: var(--areco-agenda-radio);
	background: var(--areco-agenda-tinta);
	color: #e8ece4;
}

.areco-agenda .areco-agenda-organizas b {
	display: block;
	font-size: 18px;
	color: #fff;
}

/* ---------------------------------------------------------------------------
 * Ficha del evento
 * ------------------------------------------------------------------------ */

.areco-agenda.areco-agenda-ficha {
	padding-top: 22px;
	padding-bottom: 36px;
}

.areco-agenda .areco-agenda-ficha__portada {
	overflow: hidden;
	margin-bottom: 18px;
	border-radius: var(--areco-agenda-radio);
	background: var(--areco-agenda-linea);
}

.areco-agenda .areco-agenda-ficha__foto {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	/* Bajita, para que el título y la fecha entren en la primera pantalla. */
	max-height: 340px;
	object-fit: cover;
}

.areco-agenda .areco-agenda-ficha__cabeza {
	display: grid;
	gap: 10px;
	margin-bottom: 20px;
}

.areco-agenda .areco-agenda-ficha__migas {
	font-size: 13px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-ficha__migas a {
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda.areco-agenda-ficha h1 {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: var(--areco-agenda-tinta);
	text-wrap: balance;
}

.areco-agenda.areco-agenda-ficha .areco-agenda-tags {
	margin-top: 0;
}

.areco-agenda .areco-agenda-aviso {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	max-width: 760px;
	padding: 12px 14px;
	border-radius: var(--areco-agenda-radio);
	font-size: 15px;
}

.areco-agenda .areco-agenda-aviso .areco-icono {
	width: 19px;
	height: 19px;
	margin-top: 1px;
}

.areco-agenda .areco-agenda-aviso--cambio {
	background: var(--areco-agenda-ambar);
	color: var(--areco-agenda-ambar-texto);
}

.areco-agenda .areco-agenda-aviso--estado {
	background: var(--areco-agenda-rojo);
	color: var(--areco-agenda-rojo-texto);
}

.areco-agenda .areco-agenda-aviso--paso {
	background: var(--areco-agenda-linea);
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-aviso a {
	font-weight: 600;
	text-decoration: underline;
}

.areco-agenda .areco-agenda-ficha__cuerpo {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 30px;
	align-items: start;
}

.areco-agenda .areco-agenda-ficha__principal {
	display: grid;
	gap: 22px;
	min-width: 0;
}

.areco-agenda .areco-agenda-ficha__principal h2 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-ficha__programa {
	display: grid;
	gap: 10px;
	scroll-margin-top: 90px;
}

.areco-agenda .areco-agenda-ficha__programa h2 {
	margin-bottom: 2px;
}

.areco-agenda .areco-agenda-ficha__fechas ul {
	display: grid;
	gap: 6px;
	padding: 14px 16px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-ficha__fechas em {
	font-size: 13px;
	font-style: normal;
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-ficha__texto {
	max-width: 70ch;
	font-size: 17px;
	line-height: 1.6;
	color: var(--areco-agenda-texto);
}

.areco-agenda .areco-agenda-ficha__texto p + p {
	margin-top: 12px;
}

.areco-agenda .areco-agenda-ficha__texto a {
	color: var(--areco-agenda-verde-texto);
	text-decoration: underline;
}

.areco-agenda .areco-agenda-ficha__flyer img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	border-radius: var(--areco-agenda-radio);
}

.areco-agenda .areco-agenda-ficha__datos {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.areco-agenda .areco-agenda-bloque {
	display: grid;
	gap: 10px;
	padding: 15px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
}

.areco-agenda .areco-agenda-bloque__fila {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

.areco-agenda .areco-agenda-bloque__icono {
	display: grid;
	place-items: center;
	flex: none;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--areco-agenda-verde-claro);
	color: var(--areco-agenda-verde-texto);
}

.areco-agenda .areco-agenda-bloque__icono .areco-icono {
	width: 19px;
	height: 19px;
}

.areco-agenda .areco-agenda-bloque b {
	display: block;
	font-size: 16.5px;
	line-height: 1.35;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-bloque b a {
	color: var(--areco-agenda-verde-texto);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.areco-agenda .areco-agenda-bloque__fila div > span {
	display: block;
	font-size: 14.5px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-bloque__fila div > span a {
	color: var(--areco-agenda-verde-texto);
	text-decoration: underline;
}

.areco-agenda .areco-agenda-ficha__ics {
	font-size: 14px;
	text-align: center;
	color: var(--areco-agenda-verde-texto);
	text-decoration: underline !important;
}

.areco-agenda .areco-agenda-parte {
	display: grid;
	gap: 3px;
	padding: 14px 16px;
	border-radius: var(--areco-agenda-radio);
	background: var(--areco-agenda-durazno);
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-parte > span:first-child {
	font-size: 14px;
	font-weight: 600;
	color: var(--areco-agenda-naranja);
}

.areco-agenda a.areco-agenda-parte:hover b {
	text-decoration: underline;
}

.areco-agenda .areco-agenda-parte__proxima {
	font-size: 14.5px;
}

.areco-agenda .areco-agenda-cerca {
	display: grid;
	gap: 8px;
}

.areco-agenda .areco-agenda-cerca a {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 12px 14px;
	border: 1px solid var(--areco-agenda-borde);
	border-radius: var(--areco-agenda-radio);
	background: #fff;
	font-size: 14px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-cerca a .areco-icono {
	width: 20px;
	height: 20px;
	color: var(--areco-agenda-naranja);
}

.areco-agenda .areco-agenda-cerca b {
	display: block;
	font-size: 15.5px;
	color: var(--areco-agenda-tinta);
}

.areco-agenda .areco-agenda-cerca a:hover b {
	text-decoration: underline;
}

.areco-agenda .areco-agenda-fuente {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	font-size: 13.5px;
	color: var(--areco-agenda-gris);
}

.areco-agenda .areco-agenda-fuente a {
	color: var(--areco-agenda-gris);
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------
 * Tableta y celular
 * ------------------------------------------------------------------------ */

@media (max-width: 1024px) {
	.areco-agenda .areco-agenda-anio__meses {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.areco-agenda .areco-agenda-ficha__cuerpo {
		grid-template-columns: minmax(0, 1fr) 300px;
	}
}

@media (max-width: 767px) {
	.areco-agenda .areco-agenda-enc__dentro {
		padding-top: 16px;
		padding-bottom: 14px;
	}

	.areco-agenda .areco-agenda-enc__titulo,
	.areco-agenda.areco-agenda-ficha h1 {
		font-size: 27px;
	}

	.areco-agenda .areco-agenda-enc__bajada {
		font-size: 16px;
	}

	/* Las píldoras en una tira que se desliza, sin cortar la última. */
	.areco-agenda .areco-agenda-pildoras {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-right: calc(-1 * var(--areco-agenda-margen));
		padding-right: var(--areco-agenda-margen);
		padding-bottom: 2px;
		scrollbar-width: none;
	}

	.areco-agenda .areco-agenda-pildoras::-webkit-scrollbar {
		display: none;
	}

	.areco-agenda .areco-agenda-pildora {
		font-size: 16px;
	}

	.areco-agenda .areco-agenda-chip {
		font-size: 15px;
	}

	.areco-agenda .areco-agenda-calendario {
		max-width: none;
	}

	.areco-agenda .areco-agenda-cuerpo {
		padding-top: 16px;
	}

	.areco-agenda .areco-agenda-cuerpo--con-lateral,
	.areco-agenda .areco-agenda-ficha__cuerpo {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	/* En la ficha, cuándo y dónde van antes del programa y el texto. */
	.areco-agenda .areco-agenda-ficha__datos {
		order: -1;
	}

	.areco-agenda .areco-agenda-dia h3 {
		padding: 10px 14px;
		font-size: 14.5px;
	}

	.areco-agenda .areco-agenda-dia h3 span {
		font-size: 14px;
	}

	.areco-agenda .areco-agenda-ev {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 10px;
		padding: 12px 14px;
	}

	.areco-agenda .areco-agenda-ev__hora small {
		font-size: 14px;
	}

	.areco-agenda .areco-agenda-ev__lugar {
		font-size: 15px;
	}

	.areco-agenda .areco-agenda-tag {
		font-size: 13.5px;
	}

	.areco-agenda .areco-agenda__titulo h2 {
		font-size: 21px;
	}

	.areco-agenda .areco-agenda__titulo > span,
	.areco-agenda .areco-agenda-caja li span,
	.areco-agenda .areco-agenda-bloque__fila div > span {
		font-size: 15px;
	}

	.areco-agenda .areco-agenda-prox li {
		grid-template-columns: 56px minmax(0, 1fr);
		gap: 12px;
		padding: 12px 14px;
	}

	.areco-agenda .areco-agenda-prox__foto {
		display: none;
	}

	.areco-agenda .areco-agenda-anio__meses {
		grid-template-columns: repeat(12, 132px);
		overflow-x: auto;
		margin-right: calc(-1 * var(--areco-agenda-margen));
		padding-right: var(--areco-agenda-margen);
		padding-bottom: 4px;
	}

	.areco-agenda .areco-agenda-mes {
		font-size: 14px;
	}

	.areco-agenda .areco-agenda-mes b {
		font-size: 13px;
	}

	.areco-agenda .areco-agenda-cruce__tarjeta > span:last-child > span,
	.areco-agenda .areco-agenda-fuente,
	.areco-agenda .areco-agenda-cerca a,
	.areco-agenda .areco-agenda-ficha__ics {
		font-size: 15px;
	}

	.areco-agenda .areco-agenda-ficha__texto {
		font-size: 17px;
	}

	.areco-agenda .areco-agenda-ficha__foto {
		max-height: 300px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.areco-agenda .areco-agenda-boton,
	.areco-agenda .areco-agenda-cruce__tarjeta {
		transition: none;
	}
}