/* static/css/style.css */

body {
    font-family: 'Poppins', sans-serif;
    /* Un gradiente sutil y tecnológico que evoca la naturaleza */
    background: linear-gradient(135deg, #1a2a27, #0f1c1a);
    overflow: hidden; /* Evita barras de scroll innecesarias */
}

.logo {
    max-width: 180px;
    height: auto;
    /* Animación sutil al cargar */
    animation: fadeIn 2s ease-in-out;
}

h1, .lead {
    /* Animación de texto */
    animation: slideInFromBottom 1.5s ease-out;
}

.social-icons {
    animation: fadeIn 2.5s ease-in-out;
}

.social-icons a i {
    transition: transform 0.3s ease, color 0.3s ease;
}

.social-icons a:hover i {
    transform: scale(1.2);
    color: #4CAF50; /* Un verde tecnológico */
}


/* Definiciones de las animaciones */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInFromBottom {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}