/* =========================================================================
   footer.css — Pie de página: grid de 3 columnas (marca+descripción,
   enlaces, contacto). Se aplica al footer de GeneratePress vía widgets o al
   footer propio del tema hijo.
   ========================================================================= */

.site-footer,
.abogalis-footer {
	background: var(--dark);
	color: var(--on-dark);
}

.abogalis-footer__inner {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: clamp(28px, 5vw, 56px);
	padding-block: clamp(46px, 6vw, 72px);
}

.abogalis-footer__brand strong {
	font-family: var(--font-heading);
	font-weight: var(--fw-strong);
	font-size: 1.2rem;
	color: var(--white);
	display: block;
	margin-bottom: 12px;
}
.abogalis-footer__brand p { color: var(--on-dark-muted); max-width: 320px; }

.abogalis-footer h4 {
	color: var(--white);
	font-size: 0.82rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: var(--font-mono);
	font-weight: var(--fw-semibold);
	margin: 0 0 16px;
}

.abogalis-footer ul {
	list-style: none;
	margin: 0; padding: 0;
	display: grid;
	gap: 10px;
}
.abogalis-footer a { color: var(--on-dark); }
.abogalis-footer a:hover { color: var(--cyan); }

.abogalis-footer__contact p {
	color: var(--on-dark-muted);
	margin: 0 0 8px;
	font-size: 0.95rem;
}

.abogalis-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-block: 22px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	color: var(--on-dark-muted);
	font-size: 0.86rem;
}

/* Colorear también el footer nativo de GeneratePress si se usan sus widgets. */
.site-footer .inside-site-info,
.site-footer .footer-widgets { color: var(--on-dark); }
.site-footer a { color: var(--on-dark); }
.site-footer a:hover { color: var(--cyan); }

@media (max-width: 820px) {
	.abogalis-footer__inner { grid-template-columns: 1fr; }
}