:root {
            --brand-dark: #081723;
            --brand-gold: #daae76;
            --brand-light: #f7f9fc;
            --brand-blue-gemini: #4285F4;
            --brand-blue-gemini-light: #e8f0fe;
        }
        
        html {
          scroll-padding-top: 2rem; /* Ajustar este valor conforme a altura da navbar */
        }

        body {
            font-family: 'Poppins', sans-serif;
        }
        .bg-brand-dark {
            background-color: var(--brand-dark);
        }
        .text-brand-gold {
            color: var(--brand-gold);
        }
        .bg-brand-gold {
            background-color: var(--brand-gold);
        }
        .border-brand-gold {
            border-color: var(--brand-gold);
        }
        .ring-brand-gold {
            --tw-ring-color: var(--brand-gold);
        }
        .bg-brand-light {
            background-color: var(--brand-light);
        }
        .icon-style {
            width: 3rem;
            height: 3rem;
            stroke-width: 1.5;
        }


        .loader {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #081723; /* mesma cor do botão */
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
            margin: 1rem auto;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .hero-bg {
            background-image: linear-gradient(rgba(8,23,35,0.65), rgba(8,23,35,0.65)), url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c');
            background-size: cover;
            background-position: center;
        }
        .nav-link {
            position: relative;
            padding-bottom: 4px;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--brand-gold);
            transition: width 0.3s ease-in-out;
        }
        .nav-link:hover::after {
            width: 100%;
        }
        .ai-tool-tab {
            transition: all 0.3s;
            color: var(--brand-dark);
        }
        .ai-tool-tab.active {
            background-color: var(--brand-gold);
            color: var(--brand-dark);
            border-color: var(--brand-gold);
        }
        .btn-gemini {
            background-color: var(--brand-dark);
            color: white;
        }
        .btn-gemini:hover {
            background-color: #0f2c46;
        }

        /* Animation Classes */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .animate-on-scroll {
            opacity: 0;
        }
        .animated {
            animation: fadeInUp 0.8s ease-out forwards;
        }
        
        /* FAQ Accordion */
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out;
        }
        
        /* --- Ajuste no tamanho da fonte base e dos títulos --- */
        .gemini-response {
            white-space: pre-wrap;
            background-color: #e2eaf1;
            border-left: 4px solid #081723;
            padding: 1rem;
            border-radius: 0.25rem;
            margin-top: 1rem;
            color: #333;
            font-size: 0.9rem; /* FONTE BASE REDUZIDA para ficar mais proporcional */
            line-height: 1.5;
            text-align: left;
        }

        .gemini-response h2, 
        .gemini-response h3, 
        .gemini-response h4, 
        .gemini-response strong {
            font-size: 1.05rem; /* FONTE DO TÍTULO REDUZIDA para melhor harmonia */
            font-weight: 700;
            margin-top: 1rem;
            margin-bottom: 0.4rem;
            color: var(--brand-dark);
        }

        .gemini-response p {
            margin-bottom: 0.5rem;
        }


        /* --- CORREÇÃO DEFINITIVA PARA A LISTA (ADICIONANDO O PONTO MANUALMENTE) --- */
        .gemini-response ul {
            list-style: none !important; /* Primeiro, removemos qualquer estilo de lista para evitar conflitos */
            padding-left: 0.5rem;           /* Recuo do container da lista */
            margin-bottom: 1rem;
        }

        .gemini-response li {
            padding-left: 1.2rem; /* Cria o espaço (a "tabulação") para o ponto e o texto */
            position: relative;     /* Necessário para posicionar o ponto corretamente */
            margin-bottom: 0.5rem;
        }

        /* A MÁGICA ACONTECE AQUI: Adiciona o "ponto" antes de cada item da lista */
        .gemini-response li::before {
            content: '•'; /* Este é o caractere do ponto (bullet) */
            position: absolute; /* Posição absoluta em relação ao <li> */
            left: 0;            /* Alinha o ponto no início da área de padding */
            top: 0;
            font-size: 1.2rem;    /* Tamanho do ponto */
            color: var(--brand-dark); /* Cor do ponto, para combinar com os títulos */
        }