/* beneficios  */
  /* Animaciones personalizadas */
  @keyframes pulse-slow {
    0%, 100% { opacity: 0.8; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.05); }
}
@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.animate-pulse-slow {
    animation: pulse-slow 6s ease-in-out infinite;
}
.animate-spin-slow {
    animation: spin-slow 20s linear infinite;
}
.animate-float {
    animation: float 8s ease-in-out infinite;
}
.animate-float-delayed {
    animation: float 8s 2s ease-in-out infinite;
}

/* destacada */
     /* Estilo para la onda fija */
     .absolute.h-48 {
        height: 12rem; /* Ajusta según necesites */
    }
    
    /* Ajuste de opacidad */
    [fill-opacity="0.15"] {
        fill-opacity: 0.15;
    }
    [fill-opacity="0.2"] {
        fill-opacity: 0.2;
    }


    /* testimonios */
    @keyframes floating {
        0%, 100% { transform: translateY(0) translateX(0); }
        50% { transform: translateY(-20px) translateX(10px); }
    }
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    @keyframes underlineGrow {
        from { transform: scaleX(0); }
        to { transform: scaleX(1); }
    }
    @keyframes bounce {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
    }
    @keyframes tada {
        0% { transform: scale(1); }
        10%, 20% { transform: scale(0.9) rotate(-3deg); }
        30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
        40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
        100% { transform: scale(1) rotate(0); }
    }
    .particles::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(#0f4b3c 1px, transparent 1px);
        background-size: 20px 20px;
        animation: particleMove 100s linear infinite;
    }
    @keyframes particleMove {
        from { background-position: 0 0; }
        to { background-position: 1000px 1000px; }
    }


               /* Animaciones y estilos personalizados */
               .nav-link {
                position: relative;
                padding: 8px 0;
                font-weight: 500;
            }
            
            .nav-link::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 2px;
                background-color: #94f3f7;
                transition: width 0.3s ease;
            }
            
            .nav-link:hover::after {
                width: 100%;
            }
            
            /* Asegurar que el header esté por encima de todo */
            header {
                z-index: 1000;
            }
            
            /* Efecto vidrio esmerilado para móviles */
            #mobile-menu {
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
            }
            /* Animaciones personalizadas */
            @keyframes slide-in-left {
                0% { transform: translateX(-50px); opacity: 0; }
                100% { transform: translateX(0); opacity: 1; }
            }
    
            @keyframes fade-in {
                0% { opacity: 0; }
                100% { opacity: 1; }
            }
    
            @keyframes pop-in {
                0% { transform: scale(0.95); opacity: 0; }
                100% { transform: scale(1); opacity: 1; }
            }
    
            @keyframes float-plane {
                0%, 100% { transform: translateY(0) rotate(0deg); }
                50% { transform: translateY(-20px) rotate(3deg); }
            }
    
            .animate-slide-in-left {
                animation: slide-in-left 0.8s ease-out forwards;
            }
    
            .animate-fade-in {
                animation: fade-in 1s ease-out forwards;
            }
    
            .animate-fade-in-delayed {
                animation: fade-in 1s 0.3s ease-out forwards;
            }
    
            .animate-pop-in {
                animation: pop-in 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
            }
    
            .animate-float-plane {
                animation: float-plane 8s ease-in-out infinite;
            }