/* Estilos generales del cuerpo de la página con el nuevo fondo animado */
body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    color: white;
    overflow: hidden;
    
    /* --- NUEVO FONDO ANIMADO --- */
    /* Paleta de colores grises y oscuros */
    background: linear-gradient(-45deg, #232526, #414345, #2c3e50, #000000);
    background-size: 400% 400%;
    animation: gradientBG 10s ease infinite;
}

/* --- NUEVA ANIMACIÓN KEYFRAMES --- */
@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Contenedor principal para centrar el logo */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/* Estilos para el logotipo */
.logo {
    max-width: 550px;
    width: 80%;
    height: auto;
}

/* Estilos para el pie de página */
.contact-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background-color: rgba(0, 0, 0, 0.6); /* Un poco menos opaco para el nuevo fondo */
    text-align: center;
    font-size: 1rem;
}

.contact-footer p {
    margin: 0;
}

/* Clases para la animación de aparición */
.hidden {
    opacity: 0;
    filter: blur(5px);
    transform: translateY(20px);
    transition: all 1s ease-out;
}

.show {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}