/*
 * Portada del sitio (ver includes/inicio.php).
 *
 * El encabezado usa el de la portada de "Dónde dormir" (encabezado.css):
 * acá van solo las pestañas y los buscadores de Dónde comer y Qué hacer. El
 * resto de los bloques ("Hoy en Areco", "Explorá", imperdibles, tarjetas con
 * enlace y destacados) son tarjetas blancas como las del listado.
 *
 * Los selectores llevan .areco-inicio adelante para ganarle a los estilos
 * globales del kit de Elementor (h2, h3, a, img).
 */

.areco-inicio,
.areco-inicio-encabezado {
	--areco-inicio-tinta: #24301f;
	--areco-inicio-texto: #535a50;
	--areco-inicio-gris: #6f746c;
	/* Color global "Principal oscuro" del kit de Elementor. */
	--areco-inicio-verde: var(--e-global-color-secondary, #618d53);
	/* Para texto chico en verde: el principal no llega a 4,5:1 sobre blanco. */
	--areco-inicio-verde-texto: #3f6b35;
	--areco-inicio-verde-claro: #eef3ea;
	--areco-inicio-pildora: #d8e5d2;
	--areco-inicio-borde: #e3e5e0;
	--areco-inicio-linea: #eef0ec;
	--areco-inicio-naranja: var(--e-global-color-ccbc9aa, #cc532e);
	--areco-inicio-naranja-texto: #b6481f;
	--areco-inicio-durazno: #fdf0ea;
	--areco-inicio-durazno-borde: #f6d5c6;
	/* Caja del buscador y su solapa activa. */
	--areco-inicio-caja: #f4f7f1;
	--areco-inicio-caja-borde: #cfdcc8;
	--areco-inicio-radio: 5px;
	--areco-inicio-sombra: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06);
	--areco-inicio-sombra-hover: 0 2px 6px rgba(0, 0, 0, 0.06), 0 14px 32px rgba(0, 0, 0, 0.1);
}

/* ---------------------------------------------------------------------------
 * Encabezado: cómo llegar, solapas y buscadores
 * ------------------------------------------------------------------------ */

/* "A 113 km de Buenos Aires por la Ruta 8 · Cómo llegar →" */
.areco-inicio-encabezado .areco-inicio-llegar {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin: -6px 0 0;
	font-size: 16px;
	line-height: 1.4;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-encabezado .areco-inicio-llegar > .areco-icono {
	width: 19px;
	height: 19px;
	flex: none;
	color: var(--areco-inicio-verde);
}

.areco-inicio-encabezado .areco-inicio-llegar__punto {
	color: #b9bfb4;
}

.areco-inicio-encabezado .areco-inicio-llegar__enlace {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 0;
	font-weight: 600;
	color: var(--areco-inicio-naranja-texto);
	text-decoration: none;
}

.areco-inicio-encabezado .areco-inicio-llegar__enlace:hover,
.areco-inicio-encabezado .areco-inicio-llegar__enlace:focus-visible {
	color: #8f3816;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.areco-inicio-encabezado .areco-inicio-llegar__enlace .areco-icono {
	width: 15px;
	height: 15px;
}

/* Solapas pegadas a la caja del buscador: la elegida tiene el fondo de la caja
   y tapa su borde de arriba, como una carpeta. */
.areco-inicio-encabezado .areco-inicio-buscadores {
	grid-column: 1 / -1;
	min-width: 0;
	margin-top: 4px;
}

.areco-inicio-encabezado .areco-inicio-pestanas {
	display: flex;
	align-items: flex-end;
	gap: 6px;
}

.areco-inicio-encabezado .areco-inicio-pestana {
	position: relative;
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	min-height: 48px;
	padding: 11px 22px 12px;
	border: 1px solid var(--areco-inicio-borde);
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--areco-inicio-gris);
	text-decoration: none;
	box-sizing: border-box;
	transition: color 0.15s, background-color 0.15s;
}

.areco-inicio-encabezado .areco-inicio-pestana:hover {
	background: #fafbf9;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-encabezado .areco-inicio-pestana:focus-visible {
	outline: 2px solid var(--areco-inicio-verde);
	outline-offset: -2px;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-encabezado .areco-inicio-pestana--activa,
.areco-inicio-encabezado .areco-inicio-pestana--activa:hover {
	z-index: 2;
	margin-bottom: -1px;
	padding-bottom: 13px;
	border-color: var(--areco-inicio-caja-borde);
	background: var(--areco-inicio-caja);
	box-shadow: inset 0 3px 0 var(--areco-inicio-verde);
	font-weight: 600;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-encabezado .areco-inicio-pestana .areco-icono {
	width: 20px;
	height: 20px;
	flex: none;
	color: var(--areco-inicio-verde);
}

.areco-inicio-encabezado .areco-inicio-pestana__corto {
	display: none;
}

.areco-inicio-encabezado .areco-inicio-caja {
	position: relative;
	z-index: 1;
	padding: 14px;
	border: 1px solid var(--areco-inicio-caja-borde);
	border-radius: 0 8px 8px 8px;
	background: var(--areco-inicio-caja);
}

.areco-inicio-encabezado .areco-inicio-panel {
	min-width: 0;
}

.areco-inicio-encabezado .areco-inicio-panel[hidden] {
	display: none;
}

/* Segunda línea: la guía de compras y las inmobiliarias. */
.areco-inicio-encabezado .areco-inicio-accesos {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
}

.areco-inicio-encabezado .areco-inicio-accesos__rotulo {
	margin: 0;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--areco-inicio-gris);
}

.areco-inicio-encabezado .areco-inicio-accesos__lista {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.areco-inicio-encabezado .areco-inicio-acceso,
.areco-inicio-encabezado .areco-inicio-acceso:hover,
.areco-inicio-encabezado .areco-inicio-acceso:focus {
	color: var(--areco-inicio-tinta);
}

.areco-inicio-encabezado .areco-inicio-acceso {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 5px 18px 5px 6px;
	box-sizing: border-box;
	border: 1px solid var(--areco-inicio-caja-borde);
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 0.15s, background-color 0.15s;
}

.areco-inicio-encabezado .areco-inicio-acceso:hover,
.areco-inicio-encabezado .areco-inicio-acceso:focus-visible {
	border-color: var(--areco-inicio-verde);
	background: var(--areco-inicio-caja);
}

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

.areco-inicio-encabezado .areco-inicio-acceso__icono .areco-icono {
	width: 18px;
	height: 18px;
}

.areco-inicio-encabezado .areco-inicio-acceso__cantidad {
	font-size: 13px;
	font-weight: 500;
	color: var(--areco-inicio-gris);
}

/* Fotos que pasan solas: cada una con su velo y su crédito; la que se ve
   aparece con un fundido. Las que no se ven no se pueden tocar. */
.areco-inicio-encabezado .areco-inicio-diapos::after {
	content: none;
}

.areco-inicio-encabezado .areco-inicio-diapo {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.9s ease, visibility 0s linear 0.9s;
}

.areco-inicio-encabezado .areco-inicio-diapo--visible {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.9s ease, visibility 0s;
}

.areco-inicio-encabezado .areco-inicio-diapo::after {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: rgba(0, 0, 0, var(--areco-encabezado-mascara));
	pointer-events: none;
}

.areco-inicio-encabezado .areco-inicio-panel .areco-buscador {
	margin-top: 0;
}

/* Los buscadores de Dónde comer y Qué hacer tienen menos campos que el de Dónde dormir. */
.areco-inicio-encabezado .areco-inicio-buscador .areco-buscador__campo:last-child {
	border-right: 0;
}

.areco-inicio-encabezado .areco-inicio-buscador .areco-buscador__campo:only-child {
	border-radius: 999px;
}

.areco-inicio-encabezado .areco-buscador select option:disabled {
	color: #999;
}

/* ---------------------------------------------------------------------------
 * Bloques de abajo
 * ------------------------------------------------------------------------ */

.areco-inicio {
	margin: 0 0 56px;
	font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: var(--areco-inicio-texto);
	text-align: left;
}

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

.areco-inicio li {
	margin: 0;
}

.areco-inicio .areco-inicio__cabeza {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 24px;
	margin: 0 0 20px;
}

.areco-inicio .areco-inicio__titulo {
	margin: 0;
	font-family: inherit;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	color: var(--areco-inicio-tinta);
}

.areco-inicio .areco-inicio__mas {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--areco-inicio-naranja-texto);
	text-decoration: none;
}

.areco-inicio .areco-inicio__mas:hover,
.areco-inicio .areco-inicio__mas:focus-visible {
	color: #8f3816;
	text-decoration: underline;
	text-underline-offset: 3px;
}

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

.areco-inicio .areco-inicio__boton {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 0 24px;
	border-radius: 999px;
	background: var(--areco-inicio-naranja);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.15s;
}

.areco-inicio .areco-inicio__boton:hover,
.areco-inicio .areco-inicio__boton:focus-visible {
	background: var(--areco-inicio-naranja-texto);
	color: #fff;
}

.areco-inicio .areco-inicio__etiqueta {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--areco-inicio-verde-texto);
}

/* Hoy en Areco: tarjetas del mismo alto, con los enlaces abajo. */

.areco-inicio-hoy .areco-inicio-hoy__fecha {
	margin: 0;
	font-size: 16px;
	color: var(--areco-inicio-gris);
}

.areco-inicio-hoy .areco-inicio-hoy__grilla {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	align-items: stretch;
}

/* Con dos tarjetas, la de comer más ancha (su lista lo necesita). */
@media (min-width: 768px) {
	.areco-inicio-hoy .areco-inicio-hoy__grilla--2 {
		grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
	}
}

.areco-inicio-hoy .areco-inicio-hoy__tarjeta > .areco-inicio__mas,
.areco-inicio-hoy .areco-inicio-hoy__enlaces {
	margin-top: auto;
}

.areco-inicio-hoy .areco-inicio-hoy__resumen {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 12px;
	margin: -6px 0 0;
}

.areco-inicio-hoy .areco-inicio-hoy__resumen .areco-inicio-hoy__dato {
	margin: 0;
}

.areco-inicio-hoy .areco-inicio-hoy__orden {
	margin: 0;
	font-size: 15px;
	color: var(--areco-inicio-gris);
}

.areco-inicio-hoy .areco-inicio-hoy__orden[hidden] {
	display: none;
}

.areco-inicio-hoy .areco-inicio-hoy__lugar {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.areco-inicio-hoy .areco-inicio-hoy__tipo {
	font-size: 14px;
	color: var(--areco-inicio-gris);
}

.areco-inicio-hoy .areco-inicio-hoy__tarjeta {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 22px 24px;
	border-radius: var(--areco-inicio-radio);
	background: #fff;
	box-shadow: var(--areco-inicio-sombra);
}

.areco-inicio-hoy .areco-inicio-hoy__tarjeta[hidden] {
	display: none;
}

.areco-inicio-hoy .areco-inicio-hoy__rotulo {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--areco-inicio-verde-texto);
}

.areco-inicio-hoy .areco-inicio-hoy__dato {
	margin: -6px 0 0;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-hoy .areco-inicio-hoy__lista[hidden] {
	display: none;
}

.areco-inicio-hoy .areco-inicio-hoy__lista a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px 14px;
	padding: 10px 0;
	border-top: 1px solid var(--areco-inicio-linea);
	font-size: 16px;
	line-height: 1.35;
	color: var(--areco-inicio-tinta);
	text-decoration: none;
}

.areco-inicio-hoy .areco-inicio-hoy__lista a:hover .areco-inicio-hoy__nombre,
.areco-inicio-hoy .areco-inicio-hoy__lista a:focus-visible .areco-inicio-hoy__nombre {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.areco-inicio-hoy .areco-inicio-hoy__nombre {
	min-width: 0;
	font-weight: 500;
}

/* Estado del lugar: "Cierra a las 23" con su punto. */
.areco-inicio-hoy .areco-estado {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 6px;
	font-size: 14.5px;
	white-space: nowrap;
	color: var(--areco-inicio-gris);
}

.areco-inicio-hoy .areco-estado::before {
	content: "";
	width: 8px;
	height: 8px;
	flex: none;
	border-radius: 50%;
	background: currentColor;
}

.areco-inicio-hoy .areco-estado--abierto {
	color: #2e7d32;
}

.areco-inicio-hoy .areco-estado--pronto {
	color: var(--areco-inicio-naranja-texto);
}

.areco-inicio-hoy .areco-inicio-hoy__fiesta {
	border: 1px solid var(--areco-inicio-durazno-borde);
	background: var(--areco-inicio-durazno);
	box-shadow: none;
}

.areco-inicio-hoy .areco-inicio-hoy__fiesta .areco-inicio-hoy__rotulo {
	color: var(--areco-inicio-naranja-texto);
}

.areco-inicio-hoy .areco-inicio-hoy__cuenta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 10px;
	margin: -4px 0 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-hoy .areco-inicio-hoy__cuenta[hidden] {
	display: none;
}

.areco-inicio-hoy .areco-inicio-hoy__numero {
	font-size: 52px;
	font-weight: 700;
	line-height: 1;
}

.areco-inicio-hoy .areco-inicio-hoy__texto {
	margin: 0;
	color: var(--areco-inicio-texto);
}

.areco-inicio-hoy .areco-inicio-hoy__enlaces {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.areco-inicio-hoy .areco-inicio-hoy__enlaces .areco-inicio__boton {
	align-self: stretch;
}

.areco-inicio-hoy .areco-inicio-hoy__dia {
	flex: 0 0 92px;
	font-size: 14px;
	font-weight: 600;
	color: var(--areco-inicio-naranja-texto);
}

.areco-inicio-hoy .areco-inicio-hoy__agenda .areco-inicio-hoy__lista a {
	justify-content: flex-start;
}

/* Explorá: categorías con foto, de a cuatro. */

.areco-inicio-explora .areco-inicio-explora__grilla {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.areco-inicio-explora .areco-inicio-categoria a {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: var(--areco-inicio-radio);
	background: #fff;
	box-shadow: var(--areco-inicio-sombra);
	color: inherit;
	text-decoration: none;
	transition: box-shadow 0.2s;
}

.areco-inicio-explora .areco-inicio-categoria a:hover,
.areco-inicio-explora .areco-inicio-categoria a:focus-visible {
	box-shadow: var(--areco-inicio-sombra-hover);
}

.areco-inicio-explora .areco-inicio-categoria__foto {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #dfe5db;
}

.areco-inicio-explora .areco-inicio-categoria__imagen {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	border-radius: 0;
	object-fit: cover;
	object-position: center var(--areco-encuadre, 50%);
}

.areco-inicio-explora .areco-inicio-categoria__cuerpo {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 16px 16px;
}

.areco-inicio-explora .areco-inicio-categoria__nombre {
	margin: 0;
	font-family: inherit;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	text-transform: none;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-explora .areco-inicio-categoria a:hover .areco-inicio-categoria__nombre {
	color: var(--areco-inicio-verde-texto);
}

.areco-inicio-explora .areco-inicio-categoria__cantidad {
	font-size: 15px;
	color: var(--areco-inicio-gris);
}

.areco-inicio-explora .areco-inicio-explora__todo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 22px;
	margin: 18px 0 0;
}

.areco-inicio-explora .areco-inicio-explora__todo-rotulo {
	font-weight: 500;
	color: var(--areco-inicio-gris);
}

/* Las tarjetas son enlaces, y el kit de Elementor pinta de naranja todo
   enlace al pasar el mouse (en el celular queda pegado después de tocar): acá
   el texto conserva sus colores. */
.areco-inicio .areco-inicio-lugar a,
.areco-inicio .areco-inicio-lugar a:hover,
.areco-inicio .areco-inicio-lugar a:focus,
.areco-inicio .areco-inicio-destacado a,
.areco-inicio .areco-inicio-destacado a:hover,
.areco-inicio .areco-inicio-destacado a:focus,
.areco-inicio .areco-inicio-categoria a,
.areco-inicio .areco-inicio-categoria a:hover,
.areco-inicio .areco-inicio-categoria a:focus,
.areco-inicio .areco-inicio-inmobiliaria a,
.areco-inicio .areco-inicio-inmobiliaria a:hover,
.areco-inicio .areco-inicio-inmobiliaria a:focus,
.areco-inicio .areco-inicio-enlace a,
.areco-inicio .areco-inicio-enlace a:hover,
.areco-inicio .areco-inicio-enlace a:focus {
	color: var(--areco-inicio-texto);
}

.areco-inicio-hoy .areco-inicio-hoy__lista a,
.areco-inicio-hoy .areco-inicio-hoy__lista a:hover,
.areco-inicio-hoy .areco-inicio-hoy__lista a:focus {
	color: var(--areco-inicio-tinta);
}

/* Imperdibles: la foto a la izquierda, a todo el alto de la tarjeta. */

.areco-inicio-imperdibles .areco-inicio-imperdibles__grilla {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.areco-inicio-imperdibles .areco-inicio-lugar a {
	display: grid;
	grid-template-columns: 40% minmax(0, 1fr);
	height: 100%;
	min-height: 136px;
	overflow: hidden;
	border-radius: var(--areco-inicio-radio);
	background: #fff;
	box-shadow: var(--areco-inicio-sombra);
	text-decoration: none;
	transition: box-shadow 0.2s;
}

.areco-inicio-imperdibles .areco-inicio-lugar a:hover,
.areco-inicio-imperdibles .areco-inicio-lugar a:focus-visible {
	box-shadow: var(--areco-inicio-sombra-hover);
}

.areco-inicio-imperdibles .areco-inicio-lugar__imagen {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	border-radius: 0;
	object-fit: cover;
}

.areco-inicio-imperdibles .areco-inicio-lugar__cuerpo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	min-width: 0;
	padding: 14px 16px;
}

.areco-inicio-imperdibles .areco-inicio-lugar__nombre {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-imperdibles .areco-inicio-lugar a:hover .areco-inicio-lugar__nombre {
	color: var(--areco-inicio-verde-texto);
}

.areco-inicio-imperdibles .areco-inicio-lugar__frase {
	font-size: 15px;
	line-height: 1.4;
	color: var(--areco-inicio-gris);
}

/* Bajada de una sección, debajo del título. */
.areco-inicio .areco-inicio__bajada {
	max-width: 70ch;
	margin: -10px 0 20px;
	font-size: 17px;
	line-height: 1.5;
	color: var(--areco-inicio-texto);
}

/* Inmobiliarias: el logo y el nombre, todas a la vista. */

.areco-inicio-inmobiliarias .areco-inicio-inmobiliarias__grilla {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
}

.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	height: 100%;
	padding: 16px 12px 14px;
	box-sizing: border-box;
	border: 1px solid var(--areco-inicio-borde);
	border-radius: var(--areco-inicio-radio);
	background: #fff;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.15s, box-shadow 0.2s;
}

.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria a:hover,
.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria a:focus-visible {
	border-color: var(--areco-inicio-verde);
	box-shadow: var(--areco-inicio-sombra);
}

.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria__marco {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 84px;
}

.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria__logo {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 84px;
	border-radius: 0;
	object-fit: contain;
}

.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria__nombre {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--areco-inicio-tinta);
}

/* Tarjetas con enlace: toda la tarjeta lleva al enlace. */

.areco-inicio-enlaces .areco-inicio-enlaces__grilla {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 24px;
}

.areco-inicio-enlaces .areco-inicio-enlace {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px;
	border: 1px solid var(--areco-inicio-borde);
	border-radius: var(--areco-inicio-radio);
	background: #fff;
	transition: border-color 0.15s, box-shadow 0.2s;
}

.areco-inicio-enlaces .areco-inicio-enlace:hover,
.areco-inicio-enlaces .areco-inicio-enlace:focus-within {
	border-color: var(--areco-inicio-verde);
	box-shadow: var(--areco-inicio-sombra);
}

.areco-inicio-enlaces .areco-inicio-enlace__icono {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--areco-inicio-verde-claro);
	color: var(--areco-inicio-verde-texto);
}

.areco-inicio-enlaces .areco-inicio-enlace__icono .areco-icono {
	width: 22px;
	height: 22px;
}

.areco-inicio-enlaces .areco-inicio-enlace__titulo {
	margin: 4px 0 0;
	font-family: inherit;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: none;
	color: var(--areco-inicio-tinta);
}

.areco-inicio-enlaces .areco-inicio-enlace__texto {
	margin: 0;
}

.areco-inicio-enlaces .areco-inicio-enlace__ir {
	margin-top: auto;
	padding-top: 4px;
}

.areco-inicio-enlaces .areco-inicio-enlace__ir::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

/* En franja: todas en una tarjeta baja, separadas por una línea. Los
   selectores llevan las dos clases para ganarle a los de las tarjetas, también
   en el celular. */
.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlaces__grilla {
	gap: 0;
	overflow: hidden;
	border: 1px solid var(--areco-inicio-borde);
	border-radius: var(--areco-inicio-radio);
	background: #fff;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace + .areco-inicio-enlace {
	border-left: 1px solid var(--areco-inicio-linea);
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace:hover,
.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace:focus-within {
	box-shadow: none;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace a {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	height: 100%;
	padding: 18px 22px;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
	transition: background-color 0.15s;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace a:hover,
.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace a:focus-visible {
	background: #f6f8f4;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace__icono {
	flex: none;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace__cuerpo {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace__titulo {
	margin: 0;
	font-size: 18px;
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace a:hover .areco-inicio-enlace__titulo {
	color: var(--areco-inicio-verde-texto);
}

.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace__texto {
	font-size: 15px;
	line-height: 1.4;
}

/* Destacados */

.areco-inicio .areco-inicio-destacados__fijos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
	gap: 24px;
	margin-bottom: 24px;
}

.areco-inicio .areco-inicio-destacados__grilla {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.areco-inicio .areco-inicio-destacado a {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: var(--areco-inicio-radio);
	background: #fff;
	box-shadow: var(--areco-inicio-sombra);
	color: inherit;
	text-decoration: none;
	transition: box-shadow 0.2s;
}

.areco-inicio .areco-inicio-destacado a:hover,
.areco-inicio .areco-inicio-destacado a:focus-visible {
	box-shadow: var(--areco-inicio-sombra-hover);
}

.areco-inicio .areco-inicio-destacado__imagen {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	aspect-ratio: 4 / 3;
	border-radius: 0;
	object-fit: cover;
}

.areco-inicio .areco-inicio-destacado__cuerpo {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 18px 18px;
}

.areco-inicio .areco-inicio-destacado__nombre {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--areco-inicio-tinta);
}

.areco-inicio .areco-inicio-destacado a:hover .areco-inicio-destacado__nombre {
	color: var(--areco-inicio-verde-texto);
}

.areco-inicio .areco-inicio-destacado__lugar {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	line-height: 1.3;
	color: var(--areco-inicio-gris);
}

.areco-inicio .areco-inicio-destacado__lugar .areco-icono {
	width: 14px;
	height: 14px;
	flex: none;
	color: var(--areco-inicio-verde);
}

.areco-inicio .areco-inicio-destacado--grande a {
	flex-direction: row;
}

/* La foto ocupa el alto de la tarjeta, sea apaisada o vertical: el alto lo da
   la proporción (4:3 sobre su ancho) o el texto, si es más largo. */
.areco-inicio .areco-inicio-destacado--grande .areco-inicio-destacado__imagen {
	align-self: stretch;
	width: 46%;
	height: auto;
	flex: none;
	aspect-ratio: 4 / 3;
}

.areco-inicio .areco-inicio-destacado--grande .areco-inicio-destacado__cuerpo {
	justify-content: center;
	gap: 8px;
	padding: 22px 24px;
}

.areco-inicio .areco-inicio-destacado--grande .areco-inicio-destacado__nombre {
	font-size: 22px;
	line-height: 1.2;
}

.areco-inicio .areco-inicio-destacado__frase {
	font-size: 16px;
	line-height: 1.45;
}

/* ---------------------------------------------------------------------------
 * Tablet
 * ------------------------------------------------------------------------ */

@media (max-width: 1024px) {
	.areco-inicio {
		margin-bottom: 48px;
	}

	/* El buscador deja de ser una píldora: los campos en su caja blanca y el
	   botón debajo, sobre el fondo de la caja de la solapa. */
	.areco-inicio-encabezado .areco-inicio-caja .areco-buscador {
		background: transparent;
	}

	.areco-inicio-encabezado .areco-inicio-caja .areco-buscador__campos {
		background: #fff;
	}

	.areco-inicio .areco-inicio-destacados__grilla {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.areco-inicio-imperdibles .areco-inicio-imperdibles__grilla {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.areco-inicio-inmobiliarias .areco-inicio-inmobiliarias__grilla {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* ---------------------------------------------------------------------------
 * Celular: el botón del buscador se ve al abrir la página (como en la portada
 * de Dónde dormir); las solapas a lo ancho, con el nombre corto; cómo llegar
 * debajo del título.
 * ------------------------------------------------------------------------ */

@media (max-width: 767px) {
	/* Con las solapas y cómo llegar, la tarjeta es más alta que la de Dónde
	   dormir: foto más baja y título más chico, para que el botón termine cerca
	   de los 650 px. */
	.areco-inicio-encabezado.areco-encabezado--portada .areco-encabezado__foto {
		height: 116px;
	}

	.areco-inicio-encabezado.areco-encabezado--portada .areco-encabezado__titulo {
		font-size: 26px;
		line-height: 1.12;
	}

	/* En un renglón en un celular de 375 px: sin el ícono, el punto, la flecha
	   ni "por la Ruta 8". En uno más angosto, el enlace pasa abajo entero. */
	.areco-inicio-encabezado .areco-inicio-llegar {
		gap: 0 10px;
		margin-top: -4px;
		font-size: 15px;
		white-space: nowrap;
	}

	.areco-inicio-encabezado .areco-inicio-llegar > .areco-icono,
	.areco-inicio-encabezado .areco-inicio-llegar__punto,
	.areco-inicio-encabezado .areco-inicio-llegar__enlace .areco-icono,
	.areco-inicio-encabezado .areco-inicio-llegar__resto {
		display: none;
	}

	.areco-inicio-encabezado .areco-inicio-buscadores {
		margin-top: 0;
	}

	.areco-inicio-encabezado .areco-inicio-pestanas {
		gap: 4px;
	}

	/* Cada solapa del ancho de su nombre, repartiendo el resto: "Qué hacer" entra en un renglón. */
	.areco-inicio-encabezado .areco-inicio-pestana {
		flex: 1 1 auto;
		justify-content: center;
		gap: 5px;
		min-height: 46px;
		padding: 10px 6px 11px;
		font-size: 14px;
		white-space: nowrap;
	}

	.areco-inicio-encabezado .areco-inicio-pestana--activa,
	.areco-inicio-encabezado .areco-inicio-pestana--activa:hover {
		padding-bottom: 12px;
	}

	.areco-inicio-encabezado .areco-inicio-pestana .areco-icono {
		width: 18px;
		height: 18px;
	}

	/* El nombre largo queda para los lectores de pantalla. */
	.areco-inicio-encabezado .areco-inicio-pestana__nombre {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.areco-inicio-encabezado .areco-inicio-pestana__corto {
		display: block;
	}

	.areco-inicio-encabezado .areco-inicio-caja {
		padding: 8px;
		border-radius: 0 0 8px 8px;
	}

	.areco-inicio-encabezado .areco-inicio-buscador .areco-buscador__campo:only-child {
		border-radius: 0;
	}

	.areco-inicio {
		margin-bottom: 40px;
	}

	.areco-inicio .areco-inicio__cabeza {
		margin-bottom: 14px;
	}

	.areco-inicio .areco-inicio__titulo {
		font-size: 22px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__grilla {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__tarjeta {
		padding: 16px 18px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__fecha {
		font-size: 14px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__numero {
		font-size: 44px;
	}

	/* Explorá: de a dos, con la foto arriba. */
	.areco-inicio-explora .areco-inicio-explora__grilla {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.areco-inicio-explora .areco-inicio-categoria__cuerpo {
		padding: 9px 12px 12px;
	}

	.areco-inicio-explora .areco-inicio-categoria__nombre {
		font-size: 17px;
	}

	.areco-inicio-explora .areco-inicio-explora__todo {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		margin-top: 12px;
	}

	.areco-inicio-explora .areco-inicio-explora__todo .areco-inicio__mas {
		padding: 8px 0;
	}

	/* Imperdibles: de a dos, con la foto arriba y sin la frase. */
	.areco-inicio-imperdibles .areco-inicio-imperdibles__grilla {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.areco-inicio-imperdibles .areco-inicio-lugar a {
		display: flex;
		flex-direction: column;
		gap: 0;
		min-height: 0;
	}

	.areco-inicio-imperdibles .areco-inicio-lugar__imagen {
		width: 100%;
		height: 110px;
	}

	.areco-inicio-imperdibles .areco-inicio-lugar__cuerpo {
		justify-content: flex-start;
		padding: 10px 12px 12px;
	}

	.areco-inicio-imperdibles .areco-inicio-lugar__nombre {
		font-size: 15px;
		line-height: 1.25;
	}

	.areco-inicio-imperdibles .areco-inicio-lugar__frase {
		display: none;
	}

	.areco-inicio .areco-inicio__bajada {
		margin: -6px 0 14px;
	}

	/* Segunda línea del encabezado: los dos accesos a lo ancho, uno debajo del otro. */
	.areco-inicio-encabezado .areco-inicio-accesos {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.areco-inicio-encabezado .areco-inicio-accesos__lista {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.areco-inicio-encabezado .areco-inicio-acceso {
		min-height: 48px;
		padding-right: 16px;
		font-size: 14px;
	}

	.areco-inicio-encabezado .areco-inicio-acceso__cantidad {
		margin-left: auto;
	}

	.areco-inicio-inmobiliarias .areco-inicio-inmobiliarias__grilla {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria a {
		padding: 12px 10px;
	}

	.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria__marco {
		height: 64px;
	}

	.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria__logo {
		max-height: 64px;
	}

	.areco-inicio-enlaces .areco-inicio-enlaces__grilla {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.areco-inicio-enlaces .areco-inicio-enlace {
		padding: 16px 18px;
	}

	/* La franja, una debajo de la otra. */
	.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace + .areco-inicio-enlace {
		border-top: 1px solid var(--areco-inicio-linea);
		border-left: 0;
	}

	.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace a {
		align-items: center;
		gap: 12px;
		padding: 12px 14px;
	}

	.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace__icono {
		width: 40px;
		height: 40px;
	}

	.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace__titulo {
		font-size: 17px;
	}

	.areco-inicio .areco-inicio-destacados__fijos {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		margin-bottom: 14px;
	}

	.areco-inicio .areco-inicio-destacado--grande a {
		flex-direction: column;
	}

	.areco-inicio .areco-inicio-destacado--grande .areco-inicio-destacado__imagen {
		width: 100%;
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.areco-inicio .areco-inicio-destacado--grande .areco-inicio-destacado__cuerpo {
		padding: 14px 16px 16px;
	}

	.areco-inicio .areco-inicio-destacado--grande .areco-inicio-destacado__nombre {
		font-size: 19px;
	}

	.areco-inicio .areco-inicio-destacados__grilla {
		gap: 12px;
	}

	.areco-inicio .areco-inicio-destacado__cuerpo {
		padding: 10px 12px 12px;
	}

	.areco-inicio .areco-inicio-destacado__nombre {
		font-size: 15px;
		line-height: 1.25;
	}
}

@media (prefers-reduced-motion: reduce) {
	.areco-inicio-encabezado .areco-inicio-pestana,
	.areco-inicio .areco-inicio__boton,
	.areco-inicio-explora .areco-inicio-categoria a,
	.areco-inicio-imperdibles .areco-inicio-lugar a,
	.areco-inicio-enlaces .areco-inicio-enlace,
	.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace a,
	.areco-inicio .areco-inicio-destacado a,
	.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria a,
	.areco-inicio-encabezado .areco-inicio-acceso,
	.areco-inicio-encabezado .areco-inicio-diapo {
		transition: none;
	}
}

/* ---------------------------------------------------------------------------
 * Celular: letra un punto más grande, para que se lea mejor (como en el
 * resto del plugin, 19/10/2026). Cada regla de arriba con letra de menos de
 * 17 px que se aplica en el celular, con 1 px más; los títulos y lo que ya es
 * grande quedan igual. Si cambia una letra de arriba, hay que repetirla acá.
 * ------------------------------------------------------------------------ */

@media (max-width: 767px) {
	.areco-inicio-encabezado .areco-inicio-llegar {
		font-size: 16px;
	}

	.areco-inicio-encabezado .areco-inicio-pestana {
		font-size: 15px;
	}

	.areco-inicio {
		font-size: 17px;
	}

	.areco-inicio .areco-inicio__mas {
		font-size: 17px;
	}

	.areco-inicio .areco-inicio__etiqueta {
		font-size: 13.5px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__fecha {
		font-size: 15px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__rotulo {
		font-size: 14px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__orden {
		font-size: 16px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__lista a {
		font-size: 17px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__tipo {
		font-size: 15px;
	}

	.areco-inicio-hoy .areco-estado {
		font-size: 15.5px;
	}

	.areco-inicio-hoy .areco-inicio-hoy__dia {
		font-size: 15px;
	}

	.areco-inicio-explora .areco-inicio-categoria__cantidad {
		font-size: 16px;
	}

	.areco-inicio-imperdibles .areco-inicio-lugar__nombre {
		font-size: 16px;
	}

	.areco-inicio-enlaces.areco-inicio-enlaces--franja .areco-inicio-enlace__texto {
		font-size: 16px;
	}

	.areco-inicio .areco-inicio-destacado__frase {
		font-size: 17px;
	}

	.areco-inicio .areco-inicio-destacado__lugar {
		font-size: 15px;
	}

	.areco-inicio .areco-inicio-destacado__nombre {
		font-size: 16px;
	}

	.areco-inicio-encabezado .areco-inicio-accesos__rotulo {
		font-size: 13.5px;
	}

	.areco-inicio-encabezado .areco-inicio-acceso {
		font-size: 15px;
	}

	.areco-inicio-encabezado .areco-inicio-acceso__cantidad {
		font-size: 14px;
	}

	.areco-inicio-inmobiliarias .areco-inicio-inmobiliaria__nombre {
		font-size: 16px;
	}
}