/* Configuração de fonte padrão e cores temáticas */
        :root {
            --primary-color: #04eb64; /* Vermelho vibrante */
            --secondary-color: #3B82F6; /* Azul divertido */
            --accent-color: #ffffff; /* Amarelo */
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #F9FAFB;
        }
        .text-primary { color: var(--primary-color); }
        .bg-primary { background-color: var(--primary-color); }
        .text-secondary { color: var(--secondary-color); }

        /* Estilo para botões de CTA */
        .cta-button {
            transition: all 0.3s ease;
            box-shadow: 0 4px var(--accent-color);
        }
        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px var(--accent-color);
        }
        .cta-button:active {
            transform: translateY(2px);
            box-shadow: 0 2px var(--accent-color);
        }

        /* Estilo para o botão flutuante de WhatsApp */
        .whatsapp-float {
            z-index: 1000;
        }

        /* BANNER PRINCIPAL: Usa a Imagem 2 como fundo */
        .hero-section-bg {
            /* Imagem 2: 2A Brinquedos R$ 100 o dia todo */
            background-image: url('camelastica.jpg'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 550px; 
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .hero-section-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.45); /* Overlay escuro para leitura */
            border-radius: 0 0 24px 24px;
        }