/* ---------------------------------------------------------
   Footer público (template-parts/footer-fd.php)
   Portada (footer-fd-home.php) y plantillas de bloques
   (parts/footer.html). Se carga en todo el sitio.
   --------------------------------------------------------- */

/* Template part de bloques: sin el margen superior de twentytwentyfive
   entre el contenido y el pie. */
.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}

.fd-footer {
	background-color: var(--fd-header-fondo);
	color: #c9ced6;
	font-family: var(--fd-font);
	margin-top: 8px;
}

.fd-footer__grid {
	display: grid;
	/* Contacto (última) toma el ancho de su contenido: el correo va en una línea. */
	grid-template-columns: 1.5fr repeat(4, 1fr) auto;
	gap: 28px;
	padding-top: 48px;
	padding-bottom: 40px;
}

/* Más específico que ".fd-footer__col a" (inline-flex): con inline-flex el
   text-indent: 100% se mide sobre el ancho del texto y no lo saca de la caja,
   y el nombre se superponía a la imagen. */
.fd-footer .fd-footer__logo {
	display: block;
	font-size: 0;
	line-height: 0;
	color: transparent;
	width: 190px;
	height: 35px;
	background: url("assets/logo-header-oscuro.png") no-repeat left center / contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.fd-footer__col--marca p {
	margin: 14px 0 0;
	font-size: 14px;
	line-height: 1.6;
	max-width: 34ch;
}

.fd-footer__col--marca .fd-footer__razon-social {
	margin-top: 12px;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: .04em;
	color: #8b94a1;
}

.fd-footer__col h3 {
	color: var(--fd-white);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	margin: 4px 0 16px;
}

.fd-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.fd-footer__col a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #c9ced6;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.fd-footer__col a:hover {
	color: var(--fd-orange);
}

.fd-footer a:focus-visible {
	outline: 2px solid var(--fd-orange);
	outline-offset: 2px;
}

.fd-footer__col--contacto a {
	white-space: nowrap;
	overflow-wrap: normal;
}

.fd-footer__col .fd-icono {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
}

.fd-footer__bottom {
	border-top: 1px solid #26303b;
}

.fd-footer__bottom-inner {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 13px;
}

/* Tablet: marca a lo ancho y 3 columnas debajo. */
@media (max-width: 1100px) {
	.fd-footer__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.fd-footer__col--marca {
		grid-column: 1 / -1;
	}
}

/* Móvil: 2 columnas, la marca a lo ancho. */
@media (max-width: 760px) {
	.fd-footer__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 28px 20px;
		padding-top: 36px;
		padding-bottom: 28px;
	}

	/* La media columna (~165 px a 390 px) no alcanza para el correo. */
	.fd-footer__col--contacto {
		grid-column: 1 / -1;
	}
}