/* --- ESTILOS PARA EL FOOTER GENERAL --- */

/* Estilos base para el footer en todas las páginas */
.site-footer {
    text-align: center;
    width: 100%;
}

.site-footer p {
    margin: 0;
    font-size: 0.8rem;
    font-family: 'Poppins', sans-serif; /* Aseguramos la fuente correcta */
}

/* --- Estilos para la Landing Page y las páginas de Login/Registro --- */
/* En estas páginas, el footer está fijo en la parte inferior */
.landing-body .site-footer,
.login-register-body .site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1rem;
    z-index: 100; /* Por encima del video de fondo */
    color: grey;
}

.landing-body .site-footer a,
.login-register-body .site-footer a {
    color: grey;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landing-body .site-footer a:hover,
.login-register-body .site-footer a:hover {
    color: black;
}


/* --- Estilos para la página de la App de Chat --- */
/* En esta página, el footer es parte del flujo normal del documento */
.chat-body .site-footer {
    padding: 0.75rem 1rem;
    color: #888;
    background-color: #f7f7f8; /* Mismo color de fondo que la app */
    border-top: 1px solid #e5e5e5;
    flex-shrink: 0; /* Evita que se encoja si el contenido crece */
}

.chat-body .site-footer a {
    color: #555;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.chat-body .site-footer a:hover {
    color: #007aff; /* Color primario */
}