/* neWave . paginas de parcerias (parceiros.html e whitelabel.html).
   Carregar DEPOIS de style.css, home.css, pages.css e forms.css.
   Usa os tokens --page-* de pages.css (ja trocam no escuro). Aerodome so em h1, h2 e numeros grandes. */

.page-parcerias {
  --pc-verde: #287b42;
  --pc-verde-claro: #82c89a;
  --pc-acento: #1f6b37;
  --pc-fio: var(--page-line);
  --pc-texto-claro: #c0d0c7;
}
@media (prefers-color-scheme: dark) {
  .page-parcerias { --pc-verde: #82c89a; --pc-acento: #82c89a; }
}

/* ---------- hero ---------- */
.page-parcerias .page-hero h1 { max-width: 14ch; }
.page-parcerias .page-hero .page-lede { max-width: 38em; }
.pc-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; margin-top: 34px; }
.pc-botao {
  min-height: 48px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 13px 24px;
  border: 0; border-radius: 3px;
  color: #0e262e; background: #32be49;
  font: 600 1rem/1.2 var(--fonte-texto);
  letter-spacing: -.005em;
  cursor: pointer;
  transition: background 180ms ease, transform 100ms ease-out;
}
.pc-botao:hover { background: #82c89a; }
.pc-botao:active { transform: scale(.97); }
.pc-botao:focus-visible, .pc-link:focus-visible { outline: 3px solid #82c89a; outline-offset: 3px; }
.pc-link {
  min-height: 48px; display: inline-flex; align-items: center; gap: 10px;
  color: inherit; font: 500 1rem/1.2 var(--fonte-texto);
  text-decoration: underline; text-decoration-color: rgba(130, 200, 154, .6); text-underline-offset: 6px;
}
.pc-link::after { content: "\2193"; font-family: var(--fonte-texto); color: #82c89a; transition: transform 180ms var(--ease-out, ease); }
.pc-link:hover::after { transform: translateY(3px); }

/* ---------- secoes ---------- */
.page-parcerias .page-section { padding-block: clamp(80px, 10vw, 136px); }
.page-parcerias .page-section h2 { max-width: 22ch; letter-spacing: -.04em; }
.pc-intro { max-width: 40em; margin: 26px 0 0; color: var(--page-muted); font: 400 clamp(1.05rem, 1.5vw, 1.25rem)/1.6 var(--fonte-texto); }
.page-section--dark .pc-intro { color: var(--pc-texto-claro); }
.page-parcerias .page-section--dark { background: var(--page-navy); }
@media (prefers-color-scheme: dark) {
  .page-parcerias .page-section--dark { background: #0b171b; }
}

/* titulo a esquerda, conteudo a direita */
.pc-duas { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(36px, 7vw, 112px); align-items: start; }

/* ---------- passos ---------- */
.pc-passos { list-style: none; margin: clamp(48px, 6vw, 80px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(24px, 3vw, 48px); counter-reset: passo; }
.pc-passos li { padding-top: 22px; border-top: 1px solid var(--page-ink); }
.pc-passos .pc-num { display: block; margin-bottom: 40px; color: var(--pc-verde); font: 400 clamp(3rem, 5vw, 4.5rem)/1 Aerodome, system-ui, sans-serif; letter-spacing: -.04em; }
.pc-passos h3 { margin: 0 0 10px; font: 600 1.25rem/1.25 var(--fonte-texto); letter-spacing: -.015em; }
.pc-passos p { margin: 0; color: var(--page-muted); font: 400 1rem/1.6 var(--fonte-texto); }

/* ---------- listas de linhas (sem cartao, sem check) ---------- */
.pc-linhas { list-style: none; margin: 0; padding: 0; }
.pc-linhas > li { padding: 22px 0; border-top: 1px solid var(--pc-fio); font: 400 clamp(1.05rem, 1.4vw, 1.2rem)/1.5 var(--fonte-texto); }
.pc-linhas > li:last-child { border-bottom: 1px solid var(--pc-fio); }
.page-section--dark .pc-linhas > li { border-color: rgba(233, 247, 234, .22); }
.pc-linhas h3 { margin: 0 0 6px; font: 600 1.25rem/1.3 var(--fonte-texto); letter-spacing: -.015em; }
.pc-linhas p { margin: 0; color: var(--page-muted); font: 400 1rem/1.6 var(--fonte-texto); max-width: 46em; }
.page-section--dark .pc-linhas p { color: var(--pc-texto-claro); }

/* quem faz o que: duas colunas */
.pc-colunas { margin-top: clamp(44px, 6vw, 72px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px clamp(32px, 7vw, 112px); }
.pc-colunas > div > h3 { margin: 0 0 22px; padding-top: 18px; border-top: 3px solid var(--pc-verde); font: 600 clamp(1.4rem, 2.2vw, 1.85rem)/1.2 var(--fonte-texto); letter-spacing: -.025em; }
.pc-colunas .pc-linhas > li { padding: 16px 0; font-size: 1.05rem; }

/* produtos para indicar */
.pc-produtos > li { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 6fr) auto; gap: 8px clamp(20px, 4vw, 56px); align-items: baseline; }
.pc-produtos h3 { margin: 0; font-size: clamp(1.4rem, 2.2vw, 1.85rem); letter-spacing: -.025em; }
.pc-produtos p { margin: 0; }
.pc-produtos .text-link { min-height: 44px; color: var(--page-ink); font-family: var(--fonte-texto); }
.pc-produtos .text-link::after { color: var(--pc-verde); }

/* quem pode ser: linhas grandes */
.pc-perfis { list-style: none; margin: clamp(44px, 6vw, 72px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(32px, 7vw, 112px); }
.pc-perfis li { padding: 26px 0; border-top: 1px solid var(--pc-fio); font: 600 clamp(1.4rem, 2.6vw, 2.1rem)/1.2 var(--fonte-texto); letter-spacing: -.03em; }
.pc-perfis li:nth-last-child(-n+2) { border-bottom: 1px solid var(--pc-fio); }
.pc-nota { margin: 26px 0 0; color: var(--page-muted); font: 400 1rem/1.6 var(--fonte-texto); }

/* comissao: uma frase grande */
.pc-frase { max-width: 22em; margin: clamp(28px, 4vw, 44px) 0 0; font: 500 clamp(1.7rem, 3.6vw, 3rem)/1.18 var(--fonte-texto); letter-spacing: -.035em; text-wrap: balance; }
.pc-frase + .pc-intro { margin-top: 28px; }

/* faq: reaproveita .faq de pages.css */
.page-parcerias .faq { margin: clamp(36px, 5vw, 60px) 0 0; max-width: 900px; }

/* ---------- formulario ---------- */
.pc-form-grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 7vw, 112px); align-items: start; }
.page-parcerias .formulario {
  --f-bg: rgba(255, 255, 255, .06);
  --f-border: rgba(233, 247, 234, .34);
  --f-border-hover: rgba(233, 247, 234, .6);
  --f-focus: #82c89a;
  --f-ring: rgba(130, 200, 154, .38);
  --f-text: #f7faf8;
  --f-ph: #93aaa0;
  --f-label: #dbe8e1;
  --f-invalid: #ff9a90;
  --f-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23c9ddd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  max-width: 560px;
  margin-inline: 0;
  padding: 0;
  border: 0; border-radius: 0; box-shadow: none;
  color: #f7faf8; background: transparent;
}
.page-parcerias #contato .formulario, .page-parcerias #cadastro .formulario { max-width: 560px; margin-inline: 0; }
.page-parcerias .formulario form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.page-parcerias .formulario.enviado form { display: none; }
.page-parcerias .faq { border-inline: 0; }
.page-parcerias .formulario .campo { margin: 0; }
.page-parcerias .formulario .campo select option { color: #e9f7ea; background: #10262d; }
.page-parcerias .formulario .honeypot { position: absolute; left: -9999px; }
.page-parcerias .formulario .form-nota { margin: 0; color: #b3c4bd; font: 400 .875rem/1.5 var(--fonte-texto); }
.page-parcerias .formulario .form-erro { margin: 0; }
.page-parcerias .formulario .pc-botao { width: 100%; }
.page-parcerias .formulario .form-sucesso { text-align: left; padding: 8px 0; color: #f7faf8; }
.page-parcerias .formulario .form-sucesso h3 { margin: 0 0 12px; font: 600 1.6rem/1.2 var(--fonte-texto); letter-spacing: -.025em; }
.page-parcerias .formulario .form-sucesso p { margin: 0 0 14px; color: var(--pc-texto-claro); font: 400 1.05rem/1.6 var(--fonte-texto); }
.page-parcerias .formulario .form-sucesso a { color: #82c89a; text-decoration: underline; text-underline-offset: 4px; }

/* ---------- whitelabel: tela de login com marcas ficticias ---------- */
.wl-marcas { margin: clamp(48px, 6vw, 80px) 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.5vw, 36px); }
.wl-tela { margin: 0; }
.wl-janela { border: 1px solid var(--pc-fio); border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 24px 48px -32px rgba(14, 38, 46, .35); }
.wl-barra { padding: 9px 14px; border-bottom: 1px solid #e3ebe6; background: #f2f6f3; color: #536c65; font: 400 .75rem/1.2 var(--fonte-texto); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wl-login { display: grid; grid-template-columns: 38% minmax(0, 1fr); min-height: 270px; }
.wl-painel { display: flex; align-items: flex-end; padding: 16px; background: linear-gradient(160deg, var(--m2), color-mix(in srgb, var(--m2) 55%, #000)); color: #fff; font: 700 .95rem/1.15 var(--fonte-texto); letter-spacing: -.02em; }
.wl-form { padding: 22px 18px; background: #fff; color: #16333c; }
.wl-marca-nome { margin: 0 0 18px; color: var(--m1); font: 700 1.05rem/1.1 var(--fonte-texto); letter-spacing: -.02em; }
.wl-form p { margin: 0 0 12px; font: 600 .9rem/1.2 var(--fonte-texto); }
.wl-campo { display: block; height: 30px; margin-bottom: 9px; padding: 7px 9px; border: 1px solid #b9c9c0; border-radius: 4px; color: #6b8079; font: 400 .72rem/1.3 var(--fonte-texto); }
.wl-btn { display: block; margin-top: 14px; padding: 8px 0; border-radius: 4px; background: var(--m1); color: #fff; text-align: center; font: 600 .78rem/1.2 var(--fonte-texto); }
.wl-tela figcaption { margin-top: 14px; color: var(--page-muted); font: 400 .9rem/1.5 var(--fonte-texto); }
.wl-tela figcaption b { color: var(--page-ink); font-weight: 600; }
.wl-aviso { margin: 28px 0 0; color: var(--page-muted); font: 400 .9rem/1.5 var(--fonte-texto); }
@media (prefers-color-scheme: dark) {
  .wl-janela { background: #14262a; border-color: #34484a; box-shadow: none; }
  .wl-barra { background: #1b2f33; border-color: #34484a; color: #a9c2b3; }
  .wl-form { background: #14262a; color: #edf5f0; }
  .wl-marca-nome { color: color-mix(in srgb, var(--m1) 55%, #fff); }
  .wl-campo { border-color: #4a6366; color: #93aaa0; }
}

/* ---------- responsivo ---------- */
@media (max-width: 1100px) {
  .wl-marcas { grid-template-columns: 1fr; max-width: 480px; }
}
@media (max-width: 960px) {
  .pc-passos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px clamp(24px, 4vw, 40px); }
  .pc-duas, .pc-form-grade { grid-template-columns: 1fr; gap: 40px; }
  .pc-produtos > li { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width: 640px) {
  .pc-passos { grid-template-columns: 1fr; gap: 40px; }
  .pc-passos .pc-num { margin-bottom: 22px; }
  .pc-colunas, .pc-perfis { grid-template-columns: 1fr; }
  .pc-perfis li:nth-last-child(2) { border-bottom: 0; }
  .pc-acoes { flex-direction: column; align-items: stretch; gap: 4px; }
  .pc-link { justify-content: center; }
  .page-parcerias .formulario { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .pc-botao, .pc-link::after { transition: none; }
  .pc-botao:active { transform: none; }
}
@media (max-width: 640px) {
  .page-parcerias .page-hero h1 { font-size: 2.6rem; }
}