/* public/assets/css/components/footer.css
   Componente: pie de pagina. Mismo degradado corporativo que la cabecera
   (estilo CONSULTORIA), pegado siempre al final gracias a que .app-main
   tiene flex:1 en el body flex-column. Usado por APP/views/layouts/main.php. */

.app-footer {
    flex: 0 0 auto;
    padding: var(--app-space-md) var(--app-space-md) var(--app-space-md);
    /* Mismo degradado de marca oscurecido de forma uniforme que la cabecera
       (ver .app-header en header.css): misma gama, tono mas oscuro, sin
       ningun elemento decorativo extra. */
    background: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)), var(--app-gradient);
    /* Igual que en la cabecera: ancla el degradado al viewport para que no
       se note un corte donde el footer se une a otra caja con el mismo
       fondo pero distinta altura (p. ej. el panel de secciones del dashboard). */
    background-attachment: fixed;
}
.app-footer-contenido { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: var(--app-space-xs); }
.app-footer-marca { margin: 0; font-size: .92em; font-weight: 700; letter-spacing: .04em; color: var(--app-on-primary); }
.app-footer-copy { margin: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--app-space-xs); color: rgba(var(--app-on-primary-rgb), 0.68); font-size: .74em; text-align: center; }
/* huella_jvillawolf.png es un trazo negro solido: grayscale+brightness no
   lo aclara de verdad (negro puro * brillo sigue siendo negro), hace falta
   invertir el color para que se vea blanco (ver tambien pages/error.css). */
.app-footer-avatar { width: 16px; height: 16px; border-radius: 50%; object-fit: cover; filter: invert(1); }

/* Mobile-first: la base (arriba) ya es el tamaño/padding compacto de movil;
   a partir de 761px crece a los valores de escritorio. */
@media (min-width: 761px) {
    .app-footer { padding: var(--app-space-lg) var(--app-space-md) var(--app-space-lg); }
    .app-footer-copy { font-size: .78em; }
}