/* Footer: columna Legal más legible (2 columnas y enlace al Centro Legal destacado) */
footer#legal ul:has(> li > a[href="/legal"]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.25rem; row-gap: 0.65rem; font-size: 0.8125rem; line-height: 1.35; }
footer#legal ul:has(> li > a[href="/legal"]) > li { margin-top: 0 !important; }
footer#legal ul:has(> li > a[href="/legal"]) > li:last-child { grid-column: 1 / -1; margin-top: 0.5rem !important; }
footer#legal ul:has(> li > a[href="/legal"]) > li > a[href="/legal"] { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.55rem 0.9rem; border-radius: 0.75rem; border: 1px solid #FFB600; color: #FFB600; font-weight: 700; }
footer#legal ul:has(> li > a[href="/legal"]) > li > a[href="/legal"]::after { content: "\2192"; }
footer#legal ul:has(> li > a[href="/legal"]) > li > a[href="/legal"]:hover { background: #FFB600; color: #000; }
html:not(.dark) footer#legal ul:has(> li > a[href="/legal"]) > li > a[href="/legal"] { color: #92400e; border-color: #d97706; }
@media (min-width: 1024px) {
  footer#legal .grid > .lg\:col-span-4:first-child { grid-column: span 3 / span 3; }
  footer#legal .grid > .lg\:col-span-3:has(a[href="/centro-de-ayuda#faq"]) { grid-column: span 2 / span 2; }
  footer#legal .grid > .lg\:col-span-3:has(a[href="/legal"]) { grid-column: span 5 / span 5; }
}
@media (max-width: 420px) {
  footer#legal ul:has(> li > a[href="/legal"]) { grid-template-columns: 1fr; }
}