/* Gradiente moderno e vibrante */
.hero-gradient {
    background: linear-gradient(135deg, 
        rgba(16, 185, 129, 0.9) 0%, 
        rgba(6, 95, 70, 0.9) 50%, 
        rgba(3, 105, 161, 0.9) 100%);
}

/* Efeito de revelação vertical */
@keyframes reveal {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.typing-effect {
    display: block;
    overflow: hidden;
}

.typing-effect span {
    display: inline-block;
    opacity: 0;
    animation: reveal 0.5s ease-out forwards;
}

.typing-effect .text-green-500 {
    opacity: 1;
    animation: move-up 0.5s ease-out forwards;
    color: #10b981;
}

@keyframes move-up {
    from { transform: translateY(20px) }
    to { transform: translateY(0) }
}

.typing-effect span:nth-child(1) { animation-delay: 0s }
.typing-effect span:nth-child(2) { animation-delay: 0.5s }
.typing-effect span:nth-child(3) { animation-delay: 1s }
.typing-effect span:nth-child(4) { animation-delay: 1.5s }

.text-green-500 {
    color: #10b981;
}

@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: white }
}

.typing-effect .text-green-500 {
    color: #10b981;
    animation: none;
}

/* Efeito glow para o botão CTA */

/* Efeito parallax mais intenso */
.hero-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: moveBackground 20s infinite alternate ease-in-out;
}

@keyframes moveBackground {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* Elementos gráficos flutuantes */
.floating-element {
    position: absolute;
    animation: float 6s infinite ease-in-out;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

.floating-element-1 { animation-duration: 5s; }
.floating-element-2 { animation-duration: 7s; }
.floating-element-3 { animation-duration: 6s; }

/* Aplicar animação de pulso */
#open-chatwoot.animate-pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}