/* css/footer.css */

.main-footer {
    background-color: var(--color-dark-gray-text);
    /* Fondo del footer oscuro, coherente con el header */
    color: var(--color-white);
    /* Texto blanco para contraste */
    text-align: center;
    padding: 20px var(--gap-spacing);
    /* Usa la variable de espaciado global */
    margin-top: auto;
    /* Empuja el footer hacia abajo si el contenido principal es corto */
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    /* Sombra sutil hacia arriba */
    font-size: 0.9em;
    /* Fuente un poco más pequeña */
    font-weight: var(--font-weight-light);
    /* Un peso de fuente ligero para la discreción */
}

/* Media Queries para responsividad, si fuera necesario */
@media (max-width: 768px) {
    .main-footer {
        padding: 15px 10px;
        /* Reducir padding en pantallas pequeñas */
        font-size: 0.85em;
        /* Reducir aún más el tamaño de fuente en móvil */
    }
}