/* Animaciones y utilidades para Nueva Era Isabella Landing Page */

/* Animación fluida para los círculos de fondo */
@keyframes blobFloat {
    0% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0, 0) scale(1); }
}

.blob-float {
    animation: blobFloat 15s infinite ease-in-out alternate;
}

/* Animación de entrada principal */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Efecto cascada para los botones de redes sociales */
.animate-cascade > a {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.6s ease-out forwards;
}
.animate-cascade > a:nth-child(1) { animation-delay: 0.3s; }
.animate-cascade > a:nth-child(2) { animation-delay: 0.45s; }
.animate-cascade > a:nth-child(3) { animation-delay: 0.6s; }

/* Botones sociales (Estilo Glassmorphism Premium) */
.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-btn:hover {
    transform: translateY(-5px) scale(1.05);
    background-color: #EC4899; /* isabella-primary */
    border-color: #EC4899;
    box-shadow: 0 10px 15px -3px rgba(236, 72, 153, 0.4), 0 4px 6px -2px rgba(236, 72, 153, 0.2);
}