/* Adiciona rolagem suave na página */
        html {
            scroll-behavior: smooth;
        }
        /* Definindo a fonte Inter como padrão */
        body {
            font-family: 'Inter', sans-serif;
        }
        /* Cores personalizadas para fácil referência */
        :root {
            --cor-primaria: #FB8B04;
            --cor-texto: #1A1A1A;
            --cor-fundo: #F9F9F9;
        }
        /* Adiciona um preenchimento no topo do corpo para compensar a altura do header fixo */
        body {
            padding-top: 80px; /* Ajuste este valor se a altura do seu header mudar */
        }

        /* Estilos para o carrossel */
        .carousel-image {
            transition: opacity 1s ease-in-out; /* Efeito de fade suave */
        }
        
        /* Estilos para o balão de mensagem */
        .speech-bubble {
            position: relative;
        }
        .speech-bubble::after {
            content: '';
            position: absolute;
            bottom: -7px; /* Posição da seta */
            left: 30px;  /* Alinhamento da seta */
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid white; /* Cor da seta (mesma do balão) */
            filter: drop-shadow(0 1px 0.5px rgba(0,0,0,0.1));
        }

        /* Animação de entrada (fadeInUp) para o header */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .animate-on-load {
            opacity: 0; /* Inicia transparente */
            animation-name: fadeInUp;
            animation-duration: 0.8s;
            animation-fill-mode: forwards; /* Mantém o estado final da animação */
            animation-timing-function: ease-out;
        }

        /* Animação de esvanecer para seções ao rolar */
        .fade-in-section {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .fade-in-section.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Estilos para o Acordeão de Soluções */
        .solution-details {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out;
        }
        .solution-item.active .solution-separator {
            background-color: #FB8B04;
        }
        .solution-item.active .solution-header h3 {
            color: #FB8B04;
        }

        /* Efeito de hover para os cards de planos */
        .plan-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
        }
        #plans-container:hover .plan-card {
            opacity: 0.6;
        }
        #plans-container .plan-card:hover {
            opacity: 1;
            transform: scale(1.05);
            box-shadow: 0 10px 25px -5px rgba(251, 139, 4, 0.4), 0 8px 10px -6px rgba(251, 139, 4, 0.4);
        }

        /* Efeitos para os cards de depoimentos */
        .testimonial-card {
            transition: transform 0.3s ease;
        }
        .testimonial-card:hover {
            transform: scale(1.05);
        }
        .testimonial-card.zoomed {
            transform: scale(1.05);
        }