<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>40 Mapas Mentais Ilustrados de Cálculo | Para estudantes de Agronomia</title>
<meta name="description" content="40 mapas mentais ilustrados com os cálculos do curso de Agronomia: fórmula com cores, passo a passo e exemplo resolvido. Para quem tem dificuldade com as contas. PDF, pagamento único.">
<meta name="theme-color" content="#0F2A57">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<meta property="og:type" content="website">
<meta property="og:locale" content="pt_BR">
<meta property="og:title" content="40 Mapas Mentais Ilustrados de Cálculo">
<meta property="og:description" content="Os cálculos do curso de Agronomia desenhados, com fórmula, passo a passo e exemplo resolvido.">
<meta property="og:url" content="https://mapas-calculo-agronomia.pages.dev/">
<meta property="og:image" content="https://mapas-calculo-agronomia.pages.dev/og.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://mapas-calculo-agronomia.pages.dev/">
<link rel="preload" as="font" type="font/woff2" href="/fonts/sora-latin.woff2" crossorigin>
<link rel="preload" as="image" fetchpriority="high" href="/img/livro-40-mapas-360.webp" imagesrcset="/img/livro-40-mapas-360.webp 360w, /img/livro-40-mapas.webp 600w" imagesizes="(max-width:700px) 36vw, 220px">
<link rel="preconnect" href="https://cdn.utmify.com.br">
<link rel="dns-prefetch" href="https://connect.facebook.net">
<!-- modo leve (06/10/2026): celular fraco (até 4 GB de RAM, economia de dados ou 3G/2G) ganha html.leve ANTES de desenhar.
     Script inline liberado no CSP pelo hash (_headers e vercel.json): se mudar 1 caractere, recalcular o hash. -->
<script>(function(){var n=navigator,c=n.connection||{},m=n.deviceMemory,h=n.hardwareConcurrency;if(/[?&]leve=1/.test(location.search)||(m&&(m<=4||h<=4))||c.saveData||/2g|3g/.test(c.effectiveType||""))document.documentElement.classList.add("leve")})()</script>
<link rel="stylesheet" href="/styles.css?v=calc5">
<script src="/config.js" defer></script>
<script src="/main.js?v=re3" defer></script>
</head>
<body>
<a class="pular" href="#conteudo">Pular para o conteúdo</a>

<!-- 1. Barra superior -->
<div class="barra">Oferta disponível por pouco tempo</div>

<main id="conteudo">
<!-- 2. Topo (texto aprovado pelo dono) -->
<header class="hero" id="topo">
  <div class="wrap hero-grid">
    <div class="hero-txt">
      <h1><span class="hl">40 mapas mentais ilustrados de cálculo</span> para estudantes de Agronomia <span class="hl">com dificuldade de aprendizagem</span></h1>
      <div class="vitrine" aria-hidden="true">
        <img class="mapa m1" src="/img/mapa-calc-1-360.webp" srcset="/img/mapa-calc-1-360.webp 360w, /img/mapa-calc-1.webp 560w" sizes="(max-width:620px) 49vw, 230px" alt="" fetchpriority="low" decoding="async" width="560" height="397">
        <img class="mapa m2" src="/img/mapa-calc-2-360.webp" srcset="/img/mapa-calc-2-360.webp 360w, /img/mapa-calc-2.webp 560w" sizes="(max-width:620px) 49vw, 230px" alt="" fetchpriority="low" decoding="async" width="560" height="397">
        <img class="mapa m3" src="/img/mapa-calc-3-360.webp" srcset="/img/mapa-calc-3-360.webp 360w, /img/mapa-calc-3.webp 560w" sizes="(max-width:620px) 49vw, 230px" alt="" fetchpriority="low" decoding="async" width="560" height="397">
        <img class="mapa m4" src="/img/mapa-calc-4-360.webp" srcset="/img/mapa-calc-4-360.webp 360w, /img/mapa-calc-4.webp 560w" sizes="(max-width:620px) 49vw, 230px" alt="" fetchpriority="low" decoding="async" width="560" height="397">
        <img class="livro" src="/img/livro-40-mapas-360.webp" srcset="/img/livro-40-mapas-360.webp 360w, /img/livro-40-mapas.webp 600w" sizes="(max-width:700px) 36vw, 220px" alt="" width="600" height="887" fetchpriority="high">
      </div>
      <p class="sub">Cada conta do curso desenhada, com fórmula colorida, passo a passo e exemplo resolvido: você enxerga de onde vem cada número e para de travar nas provas de cálculo.</p>
      <ul class="marcas">
        <li><b>40</b> cálculos ilustrados em PDF</li>
        <li><b>8</b> áreas do curso</li>
        <li><b>1</b> exemplo resolvido em cada mapa</li>
      </ul>
      <a class="cta cta-topo" href="#preco-basico">Quero meus mapas de cálculo</a>
      <p class="seguro"><span>Pagamento único</span><span>Acesso imediato</span><span>Garantia de 7 dias</span></p>
    </div>
  </div>
  <a class="hero-mais" href="#para-quem" aria-label="Ver mais sobre os mapas"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg></a>
</header>

<!-- 3. Para quem é (reestruturação 06/10/2026, modelo vidaonline: público logo após o topo) -->
<section class="sec cinza" id="para-quem">
  <div class="wrap">
    <div class="centro">
      <span class="kicker">Para quem é</span>
      <h2>Feito para quem trava nas contas</h2>
    </div>
    <ul class="quem">
      <li><b>Quem tem dificuldade com exatas</b><span>A conta vem desenhada e dividida em passos curtos: você entende antes de decorar.</span></li>
      <li><b>Quem decora a fórmula e esquece</b><span>Cada letra da fórmula tem uma cor e aparece igual no desenho, nos passos e no exemplo.</span></li>
      <li><b>Quem aprende melhor vendo</b><span>A ilustração com rótulos mostra no campo o que a conta está calculando.</span></li>
      <li><b>Quem tem prova ou estágio pela frente</b><span>Calagem, adubação, irrigação, regulagem de máquinas: as contas que caem e que você vai usar.</span></li>
    </ul>
    <div class="cta-bloco"><a class="cta" href="#preco-basico">Quero entender as contas</a></div>
  </div>
</section>

<!-- 4. O que você vai receber (checklist, modelo vidaonline) -->
<section class="sec" id="recebe">
  <div class="wrap">
    <div class="centro estreito">
      <span class="kicker">O que você vai receber</span>
      <h2>Tudo o que você recebe ao garantir o acesso</h2>
    </div>
    <div class="item-recebe principal">
      <img src="/img/livro-40-mapas-360.webp" alt="Livro 40 Mapas Mentais Ilustrados de Cálculo" width="360" height="532" loading="lazy">
      <div><span class="rot">Produto principal</span><h3>40 Mapas Mentais Ilustrados de Cálculo</h3><p>8 áreas do curso · fórmula, passo a passo e exemplo resolvido · dica de prova, pegadinha e macete</p></div>
      <span class="tag">PDF</span>
    </div>
    <div class="item-recebe principal extra150">
      <img src="/img/livro-150-mapas-360.webp" alt="Livro 150 Mapas Mentais de Agronomia" width="360" height="532" loading="lazy">
      <div><span class="rot">No Plano Completo</span><h3>+ 150 Mapas Mentais de Agronomia e App de Videoaulas</h3><p>Os 150 mapas das 8 áreas do curso e uma videoaula explicando cada mapa, além de 8 bônus</p></div>
      <span class="tag">BÔNUS</span>
    </div>
    <ul class="soma-lista lista-recebe estreito">
      <li><b>40 mapas de cálculo ilustrados</b><small>Uma conta por página, com um desenho que mostra o que está sendo calculado.</small></li>
      <li><b>Fórmula com cores e passo a passo</b><small>Cada variável tem uma cor e aparece igual no desenho, nos passos e no exemplo.</small></li>
      <li><b>Exemplo resolvido em todos os mapas</b><small>A conta feita do começo ao fim e o que o resultado significa na prática: sacos, litros, horas.</small></li>
      <li><b>Dica de prova, pegadinha e macete</b><small>O que a banca costuma cobrar, o erro mais comum e uma frase curta para lembrar.</small></li>
      <li><b>PDF para celular, tablet e impressão</b><small>Acesso imediato no e-mail após a confirmação do pagamento.</small></li>
    </ul>
    <div class="cta-bloco"><a class="cta" href="#preco-basico">Quero garantir meu acesso</a></div>
  </div>
</section>

<!-- 5. Por dentro, parte 1: como é cada mapa (arte real do produto) -->
<section class="sec cinza" id="como-e">
  <div class="wrap como-grid">
    <div class="como-txt">
      <span class="kicker">Como é cada mapa</span>
      <h2>Toda conta explicada em uma página</h2>
      <p class="texto">Você não precisa ser bom em exatas: o mapa mostra o caminho inteiro, do dado ao resultado.</p>
      <ol class="legenda">
        <li><b>Os dados que você precisa</b> e de onde tirar cada um</li>
        <li><b>Passo a passo</b> numerado, um passo por linha</li>
        <li><b>Ilustração com rótulos</b> mostrando a conta acontecendo no campo</li>
        <li><b>Fórmula com cores</b>: cada variável com a sua cor</li>
        <li><b>Exemplo resolvido</b> e o que o número significa na prática</li>
        <li><b>Dica de prova, pegadinha e macete</b> para não errar</li>
      </ol>
    </div>
    <figure class="como-img">
      <a href="/img/como-e-cada-mapa.webp" target="_blank" rel="noopener noreferrer" aria-label="Abrir o exemplo em tamanho grande"><img src="/img/como-e-cada-mapa-640.webp" srcset="/img/como-e-cada-mapa-640.webp 640w, /img/como-e-cada-mapa.webp 1000w" sizes="(max-width:600px) calc(100vw - 36px), 560px" alt="Exemplo real: mapa 14, Gotejamento, com os dados, passo a passo, ilustração rotulada, fórmula com cores, exemplo resolvido e dicas numerados de 1 a 7" width="1000" height="1000" loading="lazy"></a>
      <figcaption>Mapa 14 · Gotejamento: litros por planta e tempo ligado <span class="so-cel">· toque para ampliar</span></figcaption>
    </figure>
    <div class="cta-bloco"><a class="cta" href="#preco-basico">Quero aprender assim</a></div>
  </div>
</section>

<!-- 6. Por dentro, parte 2: um mapa real de cada área, em carrossel -->
<section class="sec" id="areas">
  <div class="wrap">
    <div class="topo-sec">
      <div>
        <h2>Por dentro dos 40 mapas</h2>
      </div>
      <div class="setas">
        <button type="button" data-car-prev aria-label="Área anterior"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg></button>
        <button type="button" data-car-next aria-label="Próxima área"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></button>
      </div>
      <div class="carrossel carrossel-areas" data-carrossel tabindex="0" aria-label="Exemplos de mapas por área">
        <figure class="slide"><img src="/img/area-1-480.webp" srcset="/img/area-1-480.webp 480w, /img/area-1.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 1, Solo e fertilidade, 6 mapas de cálculo: exemplo Calagem pela neutralização do Al e Ca+Mg" width="720" height="720" loading="lazy"><figcaption><b>Área 1</b> · Solo e fertilidade · 6 mapas</figcaption></figure>
        <figure class="slide"><img src="/img/area-2-480.webp" srcset="/img/area-2-480.webp 480w, /img/area-2.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 2, Física do solo, 3 mapas de cálculo: exemplo Densidade do solo e de partículas" width="720" height="720" loading="lazy"><figcaption><b>Área 2</b> · Física do solo · 3 mapas</figcaption></figure>
        <figure class="slide"><img src="/img/area-3-480.webp" srcset="/img/area-3-480.webp 480w, /img/area-3.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 3, Irrigação e hidráulica, 8 mapas de cálculo: exemplo Gotejamento: litros por planta e tempo ligado" width="720" height="720" loading="lazy"><figcaption><b>Área 3</b> · Irrigação e hidráulica · 8 mapas</figcaption></figure>
        <figure class="slide"><img src="/img/area-4-480.webp" srcset="/img/area-4-480.webp 480w, /img/area-4.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 4, Máquinas e mecanização, 6 mapas de cálculo: exemplo Regulagem do pulverizador de barra" width="720" height="720" loading="lazy"><figcaption><b>Área 4</b> · Máquinas e mecanização · 6 mapas</figcaption></figure>
        <figure class="slide"><img src="/img/area-5-480.webp" srcset="/img/area-5-480.webp 480w, /img/area-5.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 5, Fitotecnia e produção, 5 mapas de cálculo: exemplo Estimativa de produtividade do milho" width="720" height="720" loading="lazy"><figcaption><b>Área 5</b> · Fitotecnia e produção · 5 mapas</figcaption></figure>
        <figure class="slide"><img src="/img/area-6-480.webp" srcset="/img/area-6-480.webp 480w, /img/area-6.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 6, Topografia e clima, 4 mapas de cálculo: exemplo Declividade do terreno em porcentagem" width="720" height="720" loading="lazy"><figcaption><b>Área 6</b> · Topografia e clima · 4 mapas</figcaption></figure>
        <figure class="slide"><img src="/img/area-7-480.webp" srcset="/img/area-7-480.webp 480w, /img/area-7.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 7, Zootecnia, 3 mapas de cálculo: exemplo Ração pelo quadrado de Pearson" width="720" height="720" loading="lazy"><figcaption><b>Área 7</b> · Zootecnia · 3 mapas</figcaption></figure>
        <figure class="slide"><img src="/img/area-8-480.webp" srcset="/img/area-8-480.webp 480w, /img/area-8.webp 720w" sizes="(max-width:700px) 82vw, 360px" alt="Área 8, Química, genética, estatística e gestão, 5 mapas de cálculo: exemplo Qui-quadrado e proporção mendeliana" width="720" height="720" loading="lazy"><figcaption><b>Área 8</b> · Química, genética, estatística e gestão · 5 mapas</figcaption></figure>
      </div>
    </div>
    <p class="arraste">Arraste para o lado para ver as 8 áreas <span aria-hidden="true">→</span></p>
    <p class="total-areas">6 + 3 + 8 + 6 + 5 + 4 + 3 + 5 = <b>40 mapas de cálculo</b>, um cálculo por página.</p>
    <div class="cta-bloco"><a class="cta" href="#preco-basico">Quero os 40 mapas</a></div>
  </div>
</section>

<!-- 7. Bônus exclusivos (modelo vidaonline: bloco próprio) -->
<section class="sec cinza" id="bonus">
  <div class="wrap">
    <div class="centro estreito">
      <span class="kicker">Bônus exclusivos</span>
      <h2>No Plano Completo, você leva mais 10 materiais</h2>
      <p class="texto">Os 10 bônus acompanham o Plano Completo sem custo a mais. No Básico, eles não vão.</p>
    </div>
    <div class="destaque150">
      <img src="/img/destaque-150-app-640.webp?v=2" srcset="/img/destaque-150-app-640.webp?v=2 640w, /img/destaque-150-app.webp?v=2 1000w" sizes="(max-width:700px) 92vw, 560px" alt="Livros 40 Mapas Mentais Ilustrados de Cálculo e 150 Mapas Mentais de Agronomia e o app de videoaulas no tablet e no celular" width="1000" height="600" loading="lazy">
      <div class="destaque-txt">
        <span class="rot">Plano Completo · tudo junto</span>
        <h3>Os 40 Mapas de Cálculo + os 150 Mapas Mentais de Agronomia <em>+ aplicativo de videoaulas dos 150 mapas mentais de Agronomia explicados</em></h3>
        <p>Junto com os 40 mapas de cálculo, você leva o conteúdo das 8 áreas do curso em 150 mapas mentais e um app em que cada mapa é explicado quadro por quadro, com narração: o conteúdo, a dica de prova, a pegadinha e o macete para memorizar.</p>
        <ul><li>40 mapas de cálculo ilustrados, com exemplo resolvido</li><li>150 mapas mentais em PDF, organizados nas 8 áreas</li><li>150 videoaulas curtas no app, uma por mapa</li><li>Assista no celular e marque o que já viu</li></ul>
      </div>
    </div>
    <div class="topo-sec bloco-bonus">
      <h3 class="bonus-tit">+ 10 bônus no Plano Completo</h3>
      <div class="setas">
        <button type="button" data-car-prev aria-label="Bônus anterior"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg></button>
        <button type="button" data-car-next aria-label="Próximo bônus"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></button>
      </div>
      <div class="carrossel carrossel-bonus" data-carrossel tabindex="0" aria-label="Bônus do Plano Completo">
        <a class="bonus-card verde" href="#plano-completo">
          <img src="/img/bonus-arte-1-360.webp" srcset="/img/bonus-arte-1-360.webp 360w, /img/bonus-arte-1.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 1: Exatas Sem Trauma" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 1 · incluso</span>
          <h4>Exatas Sem Trauma</h4>
          <ul><li>Química e física do começo do curso</li><li>Adubo, calda, pH e CTC na conta</li><li>Calculadora sem medo</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card azul" href="#plano-completo">
          <img src="/img/bonus-arte-2-360.webp" srcset="/img/bonus-arte-2-360.webp 360w, /img/bonus-arte-2.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 2: Do Laudo à Adubação" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 2 · incluso</span>
          <h4>Do Laudo à Adubação</h4>
          <ul><li>Da análise de solo ao kg/ha</li><li>Escolha e cálculo do formulado NPK</li><li>4 exemplos resolvidos</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card ambar" href="#plano-completo">
          <img src="/img/bonus-arte-3-360.webp" srcset="/img/bonus-arte-3-360.webp 360w, /img/bonus-arte-3.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 3: Hidráulica e Irrigação Sem Medo" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 3 · incluso</span>
          <h4>Hidráulica e Irrigação Sem Medo</h4>
          <ul><li>As contas que mais caem na prova</li><li>8 exemplos resolvidos</li><li>Cola de fórmulas para a véspera</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card rosa" href="#plano-completo">
          <img src="/img/bonus-arte-4-360.webp" srcset="/img/bonus-arte-4-360.webp 360w, /img/bonus-arte-4.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 4: Defensivos na Prática" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 4 · incluso</span>
          <h4>Defensivos na Prática</h4>
          <ul><li>Rótulo, bula e receituário</li><li>HRAC, IRAC e FRAC</li><li>ART e CREA explicados</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card verde" href="#plano-completo">
          <img src="/img/bonus-arte-5-360.webp" srcset="/img/bonus-arte-5-360.webp 360w, /img/bonus-arte-5.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 5: 150 Mapas Mentais de Agronomia" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 5 · incluso</span>
          <h4>150 Mapas Mentais de Agronomia</h4>
          <ul><li>As 8 áreas do curso</li><li>Dica de prova, pegadinha e macete</li><li>PDF para estudar no celular</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card azul" href="#plano-completo">
          <img src="/img/bonus-arte-6-360.webp" srcset="/img/bonus-arte-6-360.webp 360w, /img/bonus-arte-6.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 6: App de Videoaulas dos 150 mapas" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 6 · incluso</span>
          <h4>App de Videoaulas dos 150 mapas</h4>
          <ul><li>Uma videoaula para cada mapa</li><li>Explicação quadro por quadro</li><li>Marque as aulas que já assistiu</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card ambar" href="#plano-completo">
          <img src="/img/bonus-arte-7-360.webp" srcset="/img/bonus-arte-7-360.webp 360w, /img/bonus-arte-7.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 7: Caderno de Campo do Estagiário" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 7 · incluso</span>
          <h4>Caderno de Campo do Estagiário</h4>
          <ul><li>9 fichas prontas para imprimir</li><li>Visita técnica e monitoramento</li><li>Amostragem de solo e ensaios</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card rosa" href="#plano-completo">
          <img src="/img/bonus-arte-8-360.webp" srcset="/img/bonus-arte-8-360.webp 360w, /img/bonus-arte-8.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 8: Simulado de Fixação" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 8 · incluso</span>
          <h4>Simulado de Fixação</h4>
          <ul><li>80 questões de múltipla escolha</li><li>10 questões por área do curso</li><li>Gabarito comentado</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card verde" href="#plano-completo">
          <img src="/img/bonus-arte-9-360.webp" srcset="/img/bonus-arte-9-360.webp 360w, /img/bonus-arte-9.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 9: AgroCalc Express" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 9 · incluso</span>
          <h4>AgroCalc Express</h4>
          <ul><li>24 cálculos com exemplo resolvido</li><li>Análise de solo, calagem e adubação</li><li>Semeadura, pulverizador e irrigação</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
        <a class="bonus-card azul" href="#plano-completo">
          <img src="/img/bonus-arte-10-360.webp" srcset="/img/bonus-arte-10-360.webp 360w, /img/bonus-arte-10.webp 600w" sizes="(max-width:700px) 78vw, 260px" alt="Bônus 10: Checklist Pré-Prova" width="600" height="600" loading="lazy">
          <span class="rot">Bônus 10 · incluso</span>
          <h4>Checklist Pré-Prova</h4>
          <ul><li>Roteiro do D-7 ao dia da prova</li><li>Checklist da véspera</li><li>Mapa de erros</li></ul>
          <span class="ver">Incluso no Plano Completo →</span>
        </a>
      </div>
    </div>
    <p class="arraste">Arraste para o lado para ver todos os bônus <span aria-hidden="true">→</span></p>
    <div class="cta-bloco"><a class="cta" href="#plano-completo">Quero o Completo com os bônus</a></div>
  </div>
</section>

<!-- 9. Planos (Básico em cima, Completo em destaque) -->
<section class="sec" id="oferta">
  <div class="wrap">
    <div class="centro">
      <span class="kicker">Escolha o seu plano</span>
      <h2>Comece a entender as contas hoje</h2>
    </div>
    <div class="cronometro" id="cronometro" hidden aria-live="polite">Oferta até <b id="crono-data"></b>: <span id="crono-tempo"></span></div>
    <div class="planos">
      <article class="plano basico" id="plano-basico">
        <div class="arte-basico"><img src="/img/livro-40-mapas-360.webp" srcset="/img/livro-40-mapas-360.webp 360w, /img/livro-40-mapas.webp 600w" sizes="122px" alt="Livro 40 Mapas Mentais Ilustrados de Cálculo" width="360" height="532" loading="lazy" decoding="async"></div>
        <h3>Plano Básico</h3>
        <p class="plano-sub">Só os 40 mapas de cálculo</p>
        <ul class="lista-plano">
          <li class="sim">40 mapas de cálculo ilustrados</li>
          <li class="sim">As 8 áreas do curso</li>
          <li class="sim">Fórmula, passo a passo e exemplo resolvido</li>
          <li class="sim">PDF para celular, tablet e impressão</li>
          <li class="nao"><s>Bônus 1 · Exatas Sem Trauma</s></li>
          <li class="nao"><s>Bônus 2 · Do Laudo à Adubação</s></li>
          <li class="nao"><s>Bônus 3 · Hidráulica e Irrigação Sem Medo</s></li>
          <li class="nao"><s>Bônus 4 · Defensivos na Prática</s></li>
          <li class="nao"><s>150 Mapas Mentais de Agronomia</s></li>
          <li class="nao"><s>App de Videoaulas dos 150 mapas</s></li>
          <li class="nao"><s>+ 4 bônus dos 150 mapas (Caderno de Campo, Simulado, AgroCalc e Checklist)</s></li>
        </ul>
        <div class="preco" id="preco-basico">
          <p class="de" data-ancora hidden>De <s>R$&nbsp;<span data-cfg="ANCHOR_PRICE"></span></s></p>
          <p class="valor"><small>R$</small><span data-cfg="PRICE">9,90</span></p>
          <p class="unico">pagamento único · sem os bônus</p>
        </div>
        <a class="cta cta-basico" href="#oferta" data-buy="basico" data-popup>Quero o Básico</a>
        <ul class="beneficios">
          <li><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6l-8-3Z"/><path d="m9 12 2 2 4-4"/></svg><span><b>7 dias de garantia</b> · não gostou, devolvemos 100% do valor</span></li>
          <li><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg><span><b>Compra 100% segura</b> · pagamento processado pela plataforma de checkout</span></li>
          <li><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg><span><b>Você recebe no seu e-mail</b> · acesso imediato após a confirmação do pagamento</span></li>
        </ul>
      </article>

      <a class="leve-tudo" href="#plano-completo"><span>Leve tudo por apenas <b>R$&nbsp;<span data-cfg="PRICE_COMPLETO">19,90</span></b></span> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14M6 13l6 6 6-6"/></svg></a>

      <article class="plano completo" id="plano-completo">
        <span class="selo-topo">Plano mais pedido</span>
        <div class="arte-completo">
          <span class="arte-rot">Plano Completo</span>
          <img src="/img/oferta-completa-600.webp" srcset="/img/oferta-completa-600.webp 600w, /img/oferta-completa-1000.webp 1000w" sizes="(max-width:600px) 86vw, 470px" alt="Os 40 Mapas Mentais Ilustrados de Cálculo, os 150 Mapas Mentais de Agronomia, o app de videoaulas e os bônus juntos" width="600" height="352" loading="lazy">
          <h3 class="arte-tit">Leve os 40 mapas de cálculo <span>+ TODOS OS BÔNUS</span></h3>
          <p class="arte-de" data-soma hidden>de <s>R$&nbsp;<span data-soma-valor></span></s></p>
          <p class="arte-preco">por apenas <b>R$&nbsp;<span data-cfg="PRICE_COMPLETO">19,90</span></b></p>
        </div>
        <p class="soma-rot">Tudo somado:</p>
        <ul class="lista-plano">
          <li class="sim">40 mapas de cálculo ilustrados</li>
          <li class="sim">As 8 áreas do curso</li>
          <li class="sim">Fórmula, passo a passo e exemplo resolvido</li>
          <li class="sim">PDF para celular, tablet e impressão</li>
          <li class="sim">Bônus 1 · Exatas Sem Trauma</li>
          <li class="sim">Bônus 2 · Do Laudo à Adubação</li>
          <li class="sim">Bônus 3 · Hidráulica e Irrigação Sem Medo</li>
          <li class="sim">Bônus 4 · Defensivos na Prática</li>
          <li class="sim forte">Bônus 5 · 150 Mapas Mentais de Agronomia</li>
          <li class="sim forte">Bônus 6 · App de Videoaulas dos 150 mapas</li>
          <li class="sim">Bônus 7 · Caderno de Campo do Estagiário</li>
          <li class="sim">Bônus 8 · Simulado de Fixação</li>
          <li class="sim">Bônus 9 · AgroCalc Express</li>
          <li class="sim">Bônus 10 · Checklist Pré-Prova</li>
        </ul>
        <div class="preco">
          <p class="de" data-soma hidden>Valor somado: <s>R$&nbsp;<span data-soma-valor></span></s></p>
          <p class="tudo">Tudo isso por apenas</p>
          <p class="valor"><small>R$</small><span data-cfg="PRICE_COMPLETO">19,90</span></p>
          <p class="unico">pagamento único</p>
        </div>
        <a class="cta" href="#oferta" data-buy="completo">Quero o Plano Completo</a>
        <ul class="beneficios">
          <li><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6l-8-3Z"/><path d="m9 12 2 2 4-4"/></svg><span><b>7 dias de garantia</b> · não gostou, devolvemos 100% do valor</span></li>
          <li><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg><span><b>Compra 100% segura</b> · pagamento processado pela plataforma de checkout</span></li>
          <li><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg><span><b>Você recebe no seu e-mail</b> · acesso imediato após a confirmação do pagamento</span></li>
        </ul>
      </article>
    </div>
  </div>
</section>

<!-- 10. Garantia -->
<section class="sec cinza" id="garantia-sec">
  <div class="wrap estreito garantia">
    <img class="selo-garantia" src="/img/selo-garantia-7-dias.webp" alt="Selo: garantia incondicional de 7 dias" width="320" height="320" loading="lazy">
    <div>
      <h2>Garantia de 7 dias</h2>
      <p>Acesse os 40 mapas, estude e, se não fizer sentido para você, peça o reembolso em até 7 dias. <b>Devolvemos 100% do valor.</b> É só escrever para <a data-cfg="SUPPORT_EMAIL" data-cfg-mail href="#">alkytech7@gmail.com</a> ou pedir pela plataforma de pagamento.</p>
    </div>
    <div class="cta-bloco"><a class="cta" href="#preco-basico">Quero testar sem risco</a></div>
  </div>
</section>

<!-- Depoimentos (oculto até ter depoimentos reais: SHOW_TESTIMONIALS no config.js) -->
<section class="sec" id="depoimentos" hidden>
  <div class="wrap">
    <h2 class="centro">O que dizem os alunos</h2>
    <div class="depos">
      <!-- Cole aqui os prints reais: <figure><img src="/depoimentos/nome.webp" alt="Depoimento de ..." loading="lazy"></figure> -->
    </div>
  </div>
</section>

<!-- 10. FAQ -->
<section class="sec" id="faq">
  <div class="wrap estreito">
    <div class="centro">
      <span class="kicker">Dúvidas</span>
      <h2>Perguntas frequentes</h2>
    </div>
    <div class="faq">
      <details><summary>Preciso ser bom em matemática?</summary><p>Não. Cada conta vem com passo a passo numerado e um exemplo resolvido do começo ao fim, do jeito mais simples possível.</p></details>
      <details><summary>Serve para quem tem dificuldade de aprendizagem?</summary><p>Foi pensado para isso: pouca informação por bloco, uma cor fixa para cada variável, um desenho mostrando a conta e o exemplo completo. É material de estudo: não substitui as aulas nem um acompanhamento profissional.</p></details>
      <details><summary>Quais cálculos estão inclusos?</summary><p>40 cálculos em 8 áreas: solo e fertilidade, física do solo, irrigação e hidráulica, máquinas, fitotecnia, topografia e clima, zootecnia, e química, genética, estatística e gestão.</p></details>
      <details><summary>Tem aulas em vídeo?</summary><p>Os 40 mapas de cálculo são PDFs ilustrados, para estudar e consultar rápido. No Plano Completo, você também recebe o app de videoaulas dos 150 Mapas Mentais de Agronomia, com uma videoaula explicando cada mapa.</p></details>
      <details><summary>Como recebo?</summary><p>Logo após a confirmação do pagamento, você recebe o acesso por e-mail.</p></details>
      <details><summary>O valor é mensal?</summary><p>Não. É pagamento único: R$&nbsp;<span data-cfg="PRICE">9,90</span> no Plano Básico ou R$&nbsp;<span data-cfg="PRICE_COMPLETO">19,90</span> no Plano Completo, com os 150 Mapas Mentais de Agronomia, o app de videoaulas e os 8 bônus.</p></details>
      <details><summary>Tem garantia?</summary><p>Sim, 7 dias. Se não gostar, devolvemos 100% do valor.</p></details>
    </div>
  </div>
</section>

<!-- 11. Chamada final -->
<section class="sec final">
  <div class="wrap estreito centro">
    <img class="final-img" src="/img/oferta-completa-600.webp" alt="" width="600" height="352" loading="lazy">
    <h2>Sua próxima prova de cálculo pode ser a mais tranquila do curso</h2>
    <a class="cta" href="#preco-basico">Ver os planos</a>
    <p class="final-nota">A partir de R$&nbsp;<span data-cfg="PRICE">9,90</span> · pagamento único · garantia de 7 dias</p>
  </div>
</section>
</main>

<!-- 12. Rodapé -->
<footer class="rodape">
  <div class="wrap">
    <p><b data-cfg="BRAND_NAME">40 Mapas Mentais Ilustrados de Cálculo</b> · <span data-cfg="RAZAO_SOCIAL_OU_NOME">Alkytech</span> · <span data-cfg="CNPJ_OU_CPF">CNPJ 50.661.001/0001-55</span></p>
    <p>Contato: <a data-cfg="SUPPORT_EMAIL" data-cfg-mail href="#">alkytech7@gmail.com</a> · <a href="/privacidade/">Privacidade</a> · <a href="/termos/">Termos</a> · <button type="button" class="link" data-cookie-prefs>Preferências de cookies</button></p>
    <p class="aviso">Material de estudo complementar. Não substitui a orientação de professores nem a atuação de um engenheiro agrônomo responsável.</p>
  </div>
</footer>

<!-- Caixa de presente que gira e explode antes do pop-up (junto com o pop-up, uma única vez) -->
<div class="presente" id="presente" hidden aria-hidden="true">
  <div class="raios"></div>
  <div class="presente-cena">
    <img class="caixa-img" src="/img/presente-vermelho.webp" alt="" width="388" height="400" loading="lazy" decoding="async">
  </div>
  <div class="confetes" id="confetes"></div>
  <div class="brilho-explosao"></div>
</div>

<!-- Pop-up do Completo com desconto: abre ao clicar em "Quero o Básico", UMA ÚNICA VEZ por visitante
     (depois de fechar ou recusar, não aparece de novo — isso é real, fica salvo no navegador). -->
<div class="popup" id="popup" hidden>
  <div class="popup-fundo" data-fechar-popup></div>
  <div class="popup-caixa" role="dialog" aria-modal="true" aria-labelledby="popup-titulo">
    <button type="button" class="popup-x" data-fechar-popup aria-label="Fechar">×</button>
    <span class="popup-selo">🎉 Desconto liberado</span>
    <img src="/img/oferta-completa-600.webp" alt="" width="600" height="352" loading="lazy" decoding="async">
    <h2 id="popup-titulo">Você ganhou um desconto no <span class="hl">Plano Completo</span></h2>
    <p class="popup-sub">Leve os 40 mapas de cálculo + os 150 Mapas Mentais de Agronomia + o app de videoaulas + 8 bônus, com desconto.</p>
    <p class="popup-preco">de <s>R$&nbsp;<span data-cfg="PRICE_COMPLETO">19,90</span></s> por apenas <strong>R$&nbsp;<span data-cfg="PRICE_COMPLETO_DESCONTO">14,90</span></strong></p>
    <p class="popup-eco">Você economiza R$&nbsp;<span data-economia>5,00</span></p>
    <p class="popup-aviso">⚠️ Esta oferta aparece <b>uma única vez</b>. Se você fechar ou recusar, ela não aparece de novo.</p>
    <a class="cta" href="#oferta" data-buy="completo_desconto">Quero o Completo por R$&nbsp;<span data-cfg="PRICE_COMPLETO_DESCONTO">14,90</span></a>
    <a class="popup-nao" href="#oferta" data-buy="basico">Não, quero só o Plano Básico</a>
  </div>
  <!-- confirmação por cima do pop-up -->
  <div class="confirma" id="confirma" hidden role="alertdialog" aria-modal="true" aria-labelledby="confirma-titulo">
    <div class="confirma-caixa">
      <p class="confirma-icone" aria-hidden="true">😮</p>
      <h3 id="confirma-titulo">Tem certeza que quer perder o desconto?</h3>
      <p>Se sair agora, a oferta do Plano Completo por R$&nbsp;<span data-cfg="PRICE_COMPLETO_DESCONTO">14,90</span> não aparece de novo.</p>
      <a class="cta" href="#oferta" data-buy="completo_desconto">Quero o desconto de R$&nbsp;<span data-cfg="PRICE_COMPLETO_DESCONTO">14,90</span></a>
      <button type="button" class="confirma-perder" data-confirma-perder>Sim, quero perder o desconto</button>
    </div>
  </div>
</div>

<!-- Banner de cookies (LGPD) -->
<div class="cookies" id="cookies" role="dialog" aria-live="polite" aria-label="Aviso de cookies" hidden>
  <p class="cookies-tit">Antes de continuar</p>
  <p>Usamos cookies para medir nossos anúncios e melhorar a sua experiência. Ao aceitar, você concorda com a nossa <a href="/privacidade/">Política de Privacidade</a>.</p>
  <button type="button" class="bt-aceitar" data-consent="aceito">Aceitar e continuar</button>
  <button type="button" class="bt-recusar" data-consent="recusado">Recusar</button>
</div>
</body>
</html>
