import { Wordmark } from '@/components/primitives/Wordmark';
import { Container } from '@/components/primitives/Container';
import { footer } from '@/lib/content';

export function Footer() {
  return (
    <footer className="bg-azul-profundo text-white border-t border-white/10">
      <Container className="flex flex-col items-center gap-3 py-10 text-center md:flex-row md:justify-between md:text-left">
        <Wordmark size="sm" onDark />
        <p className="text-sm text-gris-medio">{footer.tagline}</p>
        <p className="text-xs text-gris-medio">{footer.legal}</p>
      </Container>
    </footer>
  );
}