/* ==========================================================================
   Tabarca Experience · Global Layout — FOOTER
   --------------------------------------------------------------------------
   El pie propio se pinta DENTRO del envoltorio de The7
   (`<footer id="footer" class="footer solid-bg elementor-footer">`), que trae
   su propio fondo, su anchura máxima y sus paddings. La opción «Neutralizar el
   envoltorio del pie de The7» añade la clase `tegl-the7-footer-reset` al body y
   lo deja transparente y a ancho completo — por CSS, sin tocar el DOM ni el
   tema, y por tanto reversible apagando el interruptor.
   ========================================================================== */

/* Pie sobre fondo blanco.
   Al invertir el fondo hay que recalcular TODOS los textos, no sólo aclararlos:
   el gris translúcido que funcionaba sobre azul oscuro (rgba(238,242,245,.68))
   sobre blanco daría un contraste de 1,3:1, ilegible. Los valores de abajo son
   opacos y comprobados:
     · #4a5560 sobre #ffffff → 7,1:1   (enlaces y texto secundario)
     · #172530 sobre #ffffff → 15,5:1  (títulos y hover)
     · #4a5560 sobre #fdf8f0 → 6,8:1   (barra inferior)
   El amarillo de marca NO se usa para texto: #ffb700 sobre blanco es 1,9:1.
   Se queda para acentos no textuales; el hover de enlace es tinta + subrayado,
   que además es una señal de enlace de verdad y no sólo un cambio de color. */
.tegl-footer {
	--tegl-f-bg: #ffffff;
	--tegl-f-bg-bar: #fdf8f0;
	--tegl-f-ink: #172530;
	--tegl-f-ink-soft: #4a5560;
	--tegl-f-line: #e8e0d5;
	--tegl-f-accent: #172530;
	--tegl-f-pad: 56px;
	/* Mismo raíl que el header: los dos tienen que alinearse entre sí. */
	--tegl-f-max: 1440px;
	--tegl-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

	display: block;
	width: 100%;
	background: var(--tegl-f-bg);
	color: var(--tegl-f-ink);
	font-family: var(--tegl-font);
	/* Con el pie en blanco ya no hay salto de color que lo separe del contenido:
	   lo marca esta línea. */
	border-top: 1px solid var(--tegl-f-line);
}

.tegl-footer * {
	box-sizing: border-box;
}

/* El reparto sigue al número de columnas que de verdad se pintan. Con cuatro
   huecos fijos y sólo la marca y «Experiencias» con contenido, la mitad derecha
   del pie quedaba en blanco —así se veía en producción—. La clase la escribe la
   plantilla a partir del contexto, no el CSS a base de `:empty`. */
.tegl-footer__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
	gap: 40px;
	max-width: var(--tegl-f-max);
	margin: 0 auto;
	padding: var(--tegl-f-pad) 32px;
}

.tegl-footer__inner--cols-1 {
	grid-template-columns: minmax(0, 1fr);
}

.tegl-footer__inner--cols-2 {
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
}

.tegl-footer__inner--cols-3 {
	grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
}

.tegl-footer__logo {
	display: block;
	width: auto;
	height: 64px;
	max-width: 240px;
	object-fit: contain;
	object-position: left center;
}

/* Aclarado opcional del logotipo (ajuste «Aclarar el logotipo del pie»).
   Con el pie en blanco no hace falta: un logotipo oscuro ya se lee. Se conserva
   por si algún día el pie vuelve a un fondo oscuro, y sigue apagado de fábrica
   porque `brightness(0) invert(1)` deja en blanco TODO lo opaco y convertiría en
   un rectángulo blanco cualquier logotipo con fondo propio. */
.tegl-footer--invert-logo .tegl-footer__logo {
	filter: brightness(0) invert(1);
	opacity: .95;
}

.tegl-footer__note {
	margin: 16px 0 0;
	max-width: 42ch;
	color: var(--tegl-f-ink-soft);
	font-size: 13.5px;
	line-height: 1.65;
}

.tegl-footer__title {
	margin: 0 0 14px;
	color: var(--tegl-f-ink);
	font-family: Fraunces, Georgia, serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.01em;
}

.tegl-fnav__list,
.tegl-lnav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tegl-fnav__item {
	margin: 0 0 9px;
}

.tegl-fnav__link,
.tegl-fnav__text {
	display: inline-block;
	color: var(--tegl-f-ink-soft);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	transition: color 180ms ease;
}

.tegl-fnav__link:hover,
.tegl-fnav__link:focus-visible {
	color: var(--tegl-f-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.tegl-fnav__item.is-current > .tegl-fnav__link {
	color: var(--tegl-f-ink);
	font-weight: 600;
}

/* El pie no repite submenús: cansa y alarga la columna sin aportar. */
.tegl-fnav__sub,
.tegl-fnav__caret,
.tegl-lnav__sub,
.tegl-lnav__caret {
	display: none;
}

.tegl-social {
	display: flex;
	gap: 8px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.tegl-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--tegl-f-line);
	border-radius: 999px;
	color: var(--tegl-f-ink);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-decoration: none;
	transition: border-color 180ms ease, color 180ms ease;
}

.tegl-social__link:hover,
.tegl-social__link:focus-visible {
	border-color: var(--tegl-f-accent);
	background: var(--tegl-f-bg-bar);
}

/* --------------------------------------------------------------------------
   Barra inferior
   -------------------------------------------------------------------------- */

.tegl-footer__bar {
	background: var(--tegl-f-bg-bar);
	border-top: 1px solid var(--tegl-f-line);
}

.tegl-footer__bar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 28px;
	max-width: var(--tegl-f-max);
	margin: 0 auto;
	padding: 18px 32px;
}

.tegl-footer__copy {
	margin: 0;
	color: var(--tegl-f-ink-soft);
	font-size: 13px;
	line-height: 1.5;
}

.tegl-lnav__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
}

.tegl-lnav__link {
	color: var(--tegl-f-ink-soft);
	font-size: 13px;
	text-decoration: none;
	transition: color 180ms ease;
}

.tegl-lnav__link:hover,
.tegl-lnav__link:focus-visible {
	color: var(--tegl-f-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* --------------------------------------------------------------------------
   Neutralización del envoltorio de The7
   -------------------------------------------------------------------------- */

body.tegl-the7-footer-reset #footer.elementor-footer {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

body.tegl-the7-footer-reset #footer.elementor-footer > .wf-wrap,
body.tegl-the7-footer-reset #footer .wf-container-footer,
body.tegl-the7-footer-reset #footer .wf-container {
	max-width: none;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.tegl-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
		padding: 44px 20px;
	}

	.tegl-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 600px) {
	.tegl-footer__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
		padding: 36px 18px;
	}

	.tegl-footer__bar-inner {
		flex-direction: column;
		align-items: flex-start;
		padding: 16px 18px;
	}

	/* En una columna, los enlaces del pie también son objetivos táctiles. */
	.tegl-fnav__link,
	.tegl-lnav__link {
		padding: 6px 0;
		min-height: 32px;
	}
}