/* CORREÇÃO DO SCROLL HORIZONTAL */
html, body {
    overflow-x: hidden;
    max-width: 100%;
    position: relative;
}

* {
    box-sizing: border-box;
}

/* Garantir que imagens não vazem */
img {
    max-width: 100%;
    height: auto;
}

/* Transições suaves */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 1s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .fade-left {
            opacity: 0;
            transform: translateX(-140px);
            transition: all 2s ease;
        }

        .fade-left.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .fade-right {
            opacity: 0;
            transform: translateX(140px);
            transition: all 2s ease;
        }

        .fade-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .fade-up {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1s ease;
        }

        .fade-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Fundo gradiente */
        .hero-gradient {
            background: linear-gradient(360deg, rgba(150, 0, 0, 0.9) 0%, rgba(150, 0, 0, 0) 50%, rgba(32, 0, 0, 0.641) 100%);
        }

        /* Animações para as novas sections */
        .scale-in {
            opacity: 0;
            transform: scale(0.9);
            transition: all 0.8s ease;
        }

        .scale-in.visible {
            opacity: 1;
            transform: scale(1);
        }

        .slide-in-right {
            opacity: 0;
            transform: translateX(40px);
            transition: all 1s ease;
        }

        .slide-in-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Estilo para cards de serviços */
        .service-card {
            transition: all 0.3s ease;
            border-radius: 12px;
            overflow: hidden;
        }

        .service-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        /* Estilo para cards de diferenciais */
        .feature-card {
            transition: all 0.3s ease;
            border-radius: 12px;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        /* Estilo para cards de depoimentos */
        .testimonial-card {
            transition: all 0.3s ease;
            border-radius: 12px;
        }

        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        /* Animações */
        .fade-up {
            opacity: 0;
            transform: translateY(130px);
            transition: all 1s ease;
        }

        .fade-up.visible {
            opacity: 1;
            transform: translateY(0);
        }