:root{
    --bg:#0f2b2f;          /* fundo externo escuro (igual print) */
    --card:#ffffff;        /* fundo do cartão */
    --muted:#f3f4f6;       /* cinza leve divisórias */
    --text:#0f172a;        /* texto principal */
    --hint:#64748b;        /* textos secundários */
    --primary:#1f883d;     /* botão verde */
    --pill:#22c55e;
    --radius:12px;
    --shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.12);
    --input-bd:#e5e7eb;
    --input-focus:#2563eb;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    color:var(--text);
    font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  }

  /* Container central */
  .wrap{
    max-width:700px;
    margin:0 auto;
    background:var(--card);
    border-radius:18px;
    box-shadow:var(--shadow);
    overflow:hidden;
  }

  /* Topo com logo e voltar */
  .topbar{
    display:flex;align-items:center;gap:8px;
    padding:10px 14px;border-bottom:1px solid var(--muted);
    background:var(--card);
  }
  .back{
    width:36px;height:36px;border-radius:999px;border:1px solid #e2e8f0;
    display:grid;place-items:center;cursor:pointer;background:#fff;
  }
  .logo{
    margin:0 auto;display:block;height:42px;object-fit:contain;
  }

  /* Banner */
  .banner{width:100%;display:block}

  /* Conteúdo interno */
  .content{padding:16px}

  /* Breadcrumb */
  .crumbs{
    font-size:14px;color:#0a7a2f;margin:6px 0 12px;
  }
  .crumbs a{color:#0a7a2f;text-decoration:none}
  .crumbs .sep{color:#94a3b8;margin:0 .25rem}

  /* Título seção */
  .section-title{
    font-size:22px;font-weight:800;margin:10px 0 14px;
  }

  /* Inputs */
  .field{margin-bottom:14px}
  .input{
    width:100%;
    border:1px solid var(--input-bd);
    border-radius:12px;
    padding:12px 16px;
    font-size:16px;
    background:#f8fafc;
    outline:none;
    transition:.15s border-color,.15s box-shadow,.15s background;
    margin: 5px 0;
  }
  .input::placeholder{color:#94a3b8}
  .input:focus{
    border-color:var(--input-focus);
    background:#fff;
    box-shadow:0 0 0 4px rgba(37,99,235,.08);
  }

  /* Divider */
  .divider{height:10px;background:#f8fafc;border-top:1px solid var(--muted);border-bottom:1px solid var(--muted);margin:18px -16px}

  /* Cookies e política */
  .cookies{
    text-align:center;color:var(--text);padding:14px 8px;
    font-size: 12px;
  }
  .cookies p{margin:6px 0;

}
  .cookies a{color:#2563eb;text-decoration:underline}

  /* Logos */
.logos{
    display: flex;
    justify-content: center;
    margin: 0 10px;

}

.logos img{
    width: 350px;
}

  /* Legal */
  .legal{
    font-size:12px;color:#475569;line-height:1.6;margin:10px 0 90px;
    text-align:justify;
  }

  /* Botão fixo */
/* barra fixa */
.cta{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background: var(--card, #fff);
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); /* safe area iOS */
  border-top: 1px solid var(--muted, #e5e7eb);
  box-shadow: 0 -4px 16px rgba(0,0,0,.08);
  z-index: 1000;
}

/* centraliza no mesmo max-width do conteúdo, se quiser */
.cta__inner{
  max-width: var(--maxw, 720px);
  margin: 0 auto;
}

.btn{
  width: 100%;
  background:  #4D7C0F;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 16px 18px;
  font-weight: 800;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(31,136,61,.25);
}

  .btn:active{transform:translateY(1px)}

  /* Acessibilidade (rótulos ocultos) */
  .sr-only{
    position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }

  @media (max-width:480px){
    .section-title{font-size:20px}
  }