/**
 * Mobile-first: cada componente define primero sus reglas base
 * (360-480px) y las agranda con media queries min-width
 * (768px tablet, 1024px desktop, 1280px desktop grande).
 *
 * Los archivos base/components/layouts se cargan como <link> directos
 * en el <head> de cada página (en paralelo, no vía @import) para evitar
 * una segunda ida-vuelta de red que en conexiones mobile lentas deja
 * la página pintada sin estilos por un instante. Este archivo solo
 * agrega el tema opcional de efemérides y estilos globales sueltos.
 */
@import url("themes/efemerides.css");

.footer { text-align: center; padding: var(--espacio-lg); color: var(--color-texto-secundario); font-size: var(--fs-xs); }
.footer__firma { margin-top: 4px; font-size: 9px; opacity: 0.65; }
.footer__firma a { color: inherit; text-decoration: none; }
.footer__firma a:hover { opacity: 0.7; text-decoration: underline; }
body { padding-bottom: env(safe-area-inset-bottom); }