/* Base Styles */
body {
    font-family: 'Inter', sans-serif;
    background-color: #ff0000;
    color: #ffffff;
}

/* Custom Animations */
@keyframes slideUpFade {
    0% {
        opacity: 0;
        transform: translateY(40px) rotateX(10deg);
    }
    100% {
        opacity: 1;
        transform: translateY(0) rotateX(0);
    }
}

@keyframes subtleFloat {
    0%, 100% { 
        transform: translateY(0); 
    }
    50% { 
        transform: translateY(-10px); 
    }
}

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

/* Animation Classes */
.animate-enter {
    animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}

.delay-100 { 
    animation-delay: 100ms; 
}

.delay-200 { 
    animation-delay: 200ms; 
}

.delay-300 { 
    animation-delay: 300ms; 
}

.delay-400 { 
    animation-delay: 400ms; 
}

/* Glass Panel Effect */
.glass-panel {
    background-size: cover;
    background-position: center;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.problema-img {
    height: 300px;
}

/* Text Glow Effect */
.text-glow {
    text-shadow: 0 0 30px rgba(52, 211, 153, 0.2);
}

/* Chat Bubbles */
.chat-bubble-user {
    background: #005c4b;
    color: #e9edef;
}

.chat-bubble-ai {
    background: #202c33;
    color: #e9edef;
}

/* fotos */

.fotomulher {
    background-image: url('mulher-travando-no-caixa.png');
    border-radius: 20px;
    border: solid 1px rgba(255, 255, 255, 0.133);
    backdrop-filter: blur(12px);
    min-height: 450px;
    width: auto;
    background-size: cover;
    background-position: center;
}

#balao-fala {
    position: absolute;
    bottom: 15%; 
    right: 10%; 
    background-color: rgba(0, 0, 0, 0.6); 
    color: #ffffff;
    padding: 15px 20px;
    border: solid 1px #ffffff69;
    border-radius: 15px;
    font-family: 'Arial', sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 1.1rem;
    text-align: right;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    max-width: 250px;
    line-height: 1.4;
    z-index: 10;
}

.img-testimonial {
    width: 100px;
    height: 100px;
}

#foto-kevs {
    border-radius: 999px;
}