/* Custom Animations */
.animate-fade-in {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.6s ease-out forwards;
}

.animate-fade-in-delay {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.6s ease-out 0.2s forwards;
}

.animate-fade-in-delay-2 {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.6s ease-out 0.4s forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.floating-particles {
    background-image:
        radial-gradient(2px 2px at 20px 30px, #fff, transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.5), transparent),
        radial-gradient(1px 1px at 90px 40px, #fff, transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.5), transparent),
        radial-gradient(2px 2px at 160px 30px, #fff, transparent);
    background-repeat: repeat;
    background-size: 200px 100px;
    animation: float 20s linear infinite;
}

@keyframes float {
    0% {
        transform: translateX(-200px);
    }
    100% {
        transform: translateX(100vw);
    }
}

.whatsapp-float {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        transform: translate3d(0,-8px,0);
    }
    70% {
        transform: translate3d(0,-4px,0);
    }
    90% {
        transform: translate3d(0,-2px,0);
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Hero Section Background */
#inicio {
    background-image: 
        linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(12, 16, 23, 0.75) 50%, rgba(51, 65, 85, 0.75) 100%),
        url('../img/fondo.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

:where([class^="ri-"])::before {
    content: "\f3c2";
}
