/* ============================================================================ THEME — PALETA DE CORES E TIPOGRAFIA ---------------------------------------------------------------------------- Edite SOMENTE os valores dentro de :root abaixo para mudar o visual do site. - Cores: troque os codigos hexadecimais (ex: #1E3A8A). - Fontes: troque o nome da fonte. Se for uma fonte do Google, lembre de adicionar o dela no do index.html (veja assets/LEIA-ME.md). - Imagens / banners / backgrounds: NAO se mexe aqui. Voce troca o arquivo dentro de assets/img/ mantendo o MESMO nome e a MESMA dimensao. PALETA ATUAL: AZUL (escuro -> tons mais claros), substituindo o laranja. ============================================================================ */ :root { /* ---------- PALETA (AZUL) ---------- */ --cor-destaque: #4F9BFF; /* palavras em destaque no hero (.titulo) — azul claro p/ ler no fundo escuro */ --cor-botao: #1E3A8A; /* fundo dos botoes / CTA — azul escuro */ --cor-botao-2: #274CAB; /* botao "Sera que e para mim?" — azul um tom mais claro */ --cor-botao-texto: #FFFFFF; /* texto dentro dos botoes — BRANCO */ --cor-marquee-bg: #1E3A8A; /* fundo da faixa rolante (marquee) — azul escuro */ --cor-marquee: #FFFFFF; /* texto da faixa rolante — branco */ --cor-marcador: #4F9BFF; /* sublinhado animado do "Frequentes" (FAQ) — azul claro */ --cor-transicao: #93C5FD; /* cor da transicao de pagina — azul bem claro */ --grad-bloco-1: #2B5CC9; /* topo do gradiente dos blocos de texto (era laranja) */ --grad-bloco-2: #102A66; /* base do gradiente dos blocos de texto */ --cor-glow: rgba(79,155,255,.5); /* brilho/blur azul dos botoes, faixa e blocos */ --cor-fundo-topo: #1A1A1A; /* fundo da secao do topo (atras da imagem) */ --cor-fundo-depoimentos: #080808; /* fundo da secao de depoimentos */ --cor-fundo-faq: #0D000E; /* fundo da secao de perguntas (FAQ) */ /* ---------- TIPOGRAFIA ---------- */ --fonte-titulos: "Inter Tight", sans-serif; /* titulos / headings */ --fonte-corpo: "Roboto", sans-serif; /* textos em geral */ /* sobrescreve a variavel interna do Elementor para os botoes seguirem --cor-botao */ --e-global-color-fd1b5bf: var(--cor-botao); } /* ---------- APLICACAO DOS TOKENS (nao precisa editar daqui pra baixo) ---------- */ .titulo { color: var(--cor-destaque) !important; } .elementor-heading-title { font-family: var(--fonte-titulos) !important; } body, .elementor-icon-list-text, .e-n-accordion-item-title-text, .elementor-button-text { font-family: var(--fonte-corpo) !important; } /* Botoes: fundo azul escuro + texto/icone branco */ .btn-telegram .elementor-button, .elementor-button { background-color: var(--cor-botao) !important; color: var(--cor-botao-texto) !important; fill: var(--cor-botao-texto) !important; } .elementor-button .elementor-button-text, .elementor-button .elementor-button-icon i, .elementor-button .elementor-button-icon svg, .elementor-button i { color: var(--cor-botao-texto) !important; fill: var(--cor-botao-texto) !important; } /* Botao especifico "Sera que e para mim?" (tinha laranja proprio #FFC531) */ .elementor-element-d7c2667 .elementor-button { background-color: var(--cor-botao-2) !important; color: var(--cor-botao-texto) !important; fill: var(--cor-botao-texto) !important; } /* Faixa rolante (marquee): fundo azul escuro + texto branco */ #text-wrapper1 { background: var(--cor-marquee-bg) !important; } .text-wrapper h1 { color: var(--cor-marquee) !important; } /* Sublinhado animado do titulo "Frequentes" (era laranja) */ .elementor-element-45341e9a .elementor-headline-dynamic-wrapper path { stroke: var(--cor-marcador) !important; } /* Transicao de pagina (era laranja claro) */ .elementor-kit-5 e-page-transition { background-color: var(--cor-transicao) !important; } /* --- Acentos que usavam o laranja global (#FFB422) sobre fundo escuro --- Setas do carrossel, icones +/- do FAQ e checks: azul claro p/ ficarem visiveis. */ .elementor-swiper-button, .elementor-swiper-button i, .eicon-chevron-left, .eicon-chevron-right, .e-n-accordion-item-title-icon i, .e-n-accordion-item-title .fas, .elementor-icon-list-icon i, .elementor-icon-list-icon svg { color: var(--cor-marcador) !important; fill: var(--cor-marcador) !important; } /* Bordas das imagens do carrossel de depoimentos (eram laranjas) */ .elementor-image-carousel .swiper-slide-image, .swiper-slide-inner .swiper-slide-image { border-color: var(--cor-marcador) !important; } /* Linha divisoria dos itens do FAQ (era laranja) */ .e-n-accordion-item-title { border-bottom-color: var(--cor-marcador) !important; } /* Banner de oferta (versao mobile) que tinha fundo laranja */ .elementor-element-71416599 { background-color: var(--cor-botao) !important; } /* --- Glows (brilho/blur) que eram laranja -> azul --- */ .elementor-element-d7c2667 .elementor-button { box-shadow: 0 0 20px 0 var(--cor-marcador) !important; } .elementor-element-6faafa37 { box-shadow: 0 0 26px 0 var(--cor-glow) !important; } .elementor-element-6cec656b, .elementor-element-bcf00aa { box-shadow: 0 0 40px 0 var(--cor-glow) !important; } /* --- Blocos de texto "É mais facil..." e "Eu ensino...": fundo azul + texto branco --- */ .elementor-element-6cec656b::before, .elementor-element-bcf00aa::before { background-image: linear-gradient(180deg, var(--grad-bloco-1) 0%, var(--grad-bloco-2) 100%) !important; } .elementor-element-6cec656b .elementor-heading-title, .elementor-element-6cec656b .elementor-heading-title b, .elementor-element-bcf00aa .elementor-heading-title, .elementor-element-bcf00aa .elementor-heading-title b { color: #FFFFFF !important; } /* fundos das secoes (aparecem quando a imagem de fundo nao carrega/é trocada) */ .elementor-element-643145bc { background-color: var(--cor-fundo-topo) !important; } .elementor-element-784e2809 { background-color: var(--cor-fundo-depoimentos) !important; } .elementor-element-294a00cb { background-color: var(--cor-fundo-faq) !important; }