/* ============================================================
   Sites Station · paginas.css (spec 153): o cabeçalho de todas as páginas, as páginas
   internas (planos, sobre, contato, blog) e as seções novas da inicial.
============================================================ */

/* ---- acessibilidade ---- */
.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}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--signal);color:#3a2705;font-weight:600;padding:10px 16px;border-radius:10px;transition:top .15s}
.pular:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-radius:6px}
.link{color:var(--primary-600);text-decoration:underline;text-underline-offset:3px}
.hero .link,.cta-band .link{color:var(--signal)}
.link.forte{font-weight:600}

/* ---- o cabeçalho claro (blog, post, 404): a logo e os links escuros desde o
   começo. Era a falta disto que deixava a logo branca sobre fundo branco. ---- */
.nav.solid{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-color:var(--border);box-shadow:var(--shadow-sm)}
.nav.solid .brand,.nav.solid .nav-login{color:var(--text)}
.nav.solid .nav-links a{color:var(--text-2)}
.nav.solid .nav-links a:hover,.nav.solid .nav-login:hover{color:var(--primary)}
.nav.solid .burger{color:var(--text);background:var(--canvas-2)}
.nav-links a[aria-current="page"]{color:#fff;font-weight:600}
.nav.scrolled .nav-links a[aria-current="page"],.nav.solid .nav-links a[aria-current="page"],.nav.open .nav-links a[aria-current="page"]{color:var(--primary)}
.pagina-clara{padding-top:92px}

/* ---- a trilha "Início › Blog › …" ---- */
.trilha ol{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted)}
.trilha li{display:flex;align-items:center;gap:6px;min-width:0}
.trilha li+li::before{content:"›";opacity:.6}
.trilha a{color:var(--muted)}.trilha a:hover{color:var(--primary)}
.trilha li[aria-current]{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
.hero .trilha{margin-bottom:22px}
.hero .trilha ol,.hero .trilha a{color:#9b9dc4}
.hero .trilha li[aria-current]{color:#d8d9f0}

/* ---- a faixa escura das páginas internas ---- */
.hero-pagina{padding:132px 0 70px}
.hero-pagina h1{font-size:clamp(34px,4.6vw,54px);max-width:22ch}
.hero-pagina .lead{max-width:62ch}
.hero-meta{list-style:none}
.hero-meta li{display:flex;align-items:center;gap:7px}
.pv-dot.ok{background:var(--success)}
.h2-split{font-size:clamp(28px,3.6vw,40px);margin-top:14px}
.split-lead{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.6}

/* os passos viraram <ol> (spec 153): a numeração é a do cartão, não a da lista */
ol.steps{list-style:none;padding:0}

/* ---- "O dia a dia" (spec 155): o seletor Sem | Com troca os quatro cartões.
   Sem JavaScript os dois lados aparecem, um embaixo do outro. ---- */
.dia-alterna{display:flex;justify-content:center;gap:0;margin:34px auto 0;width:max-content;max-width:100%;padding:5px;border-radius:14px;background:var(--canvas-2);border:1px solid var(--border)}
.dia-alterna button{border:0;background:none;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--muted);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.dia-alterna button svg{width:17px;height:17px}
.dia-alterna button[aria-pressed="true"][data-lado="sem"]{background:#fff;color:#b42323;box-shadow:var(--shadow-sm)}
.dia-alterna button[aria-pressed="true"][data-lado="com"]{background:var(--ink);color:#fff;box-shadow:var(--shadow)}
.dia-alterna button[aria-pressed="true"][data-lado="com"] svg{color:#5fe0a1}
.dia-lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.dia-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;background:var(--surface);transition:border-color .3s,box-shadow .3s,transform .3s}
.dia-topo{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.dia-topo .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center}
.dia-topo .ic svg{width:23px;height:23px}
.dia-topo h3{font-size:17px;font-weight:600;line-height:1.3}
.dia-rotulo{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.dia-sem .dia-rotulo{color:#b42323}
.dia-com .dia-rotulo{color:#0b7a45}
.dia-passos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.dia-passos li{font-size:13px;font-weight:600;padding:5px 10px;border-radius:8px}
.dia-sem .dia-passos li{background:#fdeceb;color:#8f1f1f}
.dia-com .dia-passos li{background:var(--success-soft);color:#0b5c36}
.dia-txt{font-size:14px;color:var(--muted);line-height:1.55}
.dia-lado+.dia-lado{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border)}
/* com JavaScript, só um lado por vez */
.js .dia-lado+.dia-lado{margin-top:0;padding-top:0;border-top:0}
.js .dia-lista[data-lado="sem"] .dia-com,.js .dia-lista[data-lado="com"] .dia-sem{display:none}
.js .dia-lista .dia-lado{animation:diaEntra .35s var(--ease-out)}
.js .dia-lista[data-lado="com"] .dia-card{border-color:var(--primary-line);box-shadow:var(--shadow);transform:translateY(-3px)}
@keyframes diaEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dia-rodape{margin-top:28px;text-align:center;color:var(--muted);font-size:15px}

/* ---- os quatro pilares ---- */
.pilares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:48px}
.pilar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}
.pilar .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px}
.pilar .ic svg{width:23px;height:23px}
.pilar h3{font-size:19px;font-weight:700}
.pilar-resumo{margin-top:6px;color:var(--muted);font-size:14px}
.pilar ul{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.pilar li{display:flex;gap:9px;font-size:13.5px;color:var(--text-2);line-height:1.45}
.pilar li svg{width:16px;height:16px;color:var(--success);margin-top:2px}

/* ---- a calculadora de tempo ---- */
.economia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.nota-conta{margin-top:16px;font-size:14px;color:var(--muted);line-height:1.6;padding-left:14px;border-left:3px solid var(--signal)}
.calc{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-lg)}
.calc-campo{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px}
.calc-campo label{font-size:14px;font-weight:600;color:#e4e5f7}
.calc-campo label span{font-weight:400;color:#9b9dc4}
.calc-campo input{height:46px;border-radius:11px;border:1px solid var(--ink-line);background:rgba(255,255,255,.06);color:#fff;padding:0 14px;font:inherit;font-size:16px}
.calc-res{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:8px;padding-top:18px;border-top:1px solid var(--ink-line)}
.calc-res>div{display:flex;align-items:baseline;gap:12px}
.calc-res>div[hidden]{display:none}
.calc-num{font-family:var(--display);font-weight:700;font-size:34px;min-width:3.4ch;color:#fff}
.calc-num.verde{color:#5fe0a1}
.calc-rot{font-size:14px;color:#b9bbdb;line-height:1.4}
.calc-conta{margin-top:16px;font-size:12.5px;color:#9b9dc4;line-height:1.55}

/* ---- ganhos e princípios ---- */
.ganhos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:44px}
.ganho{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.ganho .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px}
.ganho .ic svg{width:23px;height:23px}
.ganho h3{font-size:17px;font-weight:600}
.ganho p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.55}

/* ---- a comparação de planos ---- */
.comparar{margin-top:40px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.comparar table{width:100%;border-collapse:collapse;min-width:520px;font-size:14px}
.comparar th,.comparar td{padding:12px 16px;border-top:1px solid var(--border);text-align:center}
.comparar thead th{border-top:0;font-family:var(--display);font-size:15px;background:var(--surface-2)}
.comparar th[scope="row"],.comparar thead th:first-child{text-align:left;font-weight:500;color:var(--text-2)}
.comparar tr.grupo th{text-align:left;font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-600);background:var(--primary-soft)}
.comparar .sim svg{width:18px;height:18px;color:var(--success)}
.comparar .nao{color:var(--faint);font-size:20px;line-height:1}
.aviso-vazio{margin-top:30px;text-align:center;color:var(--muted)}

/* ---- sobre ---- */
.texto-longo{max-width:760px}
.texto-longo h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:18px}
.texto-longo p{font-size:17px;line-height:1.75;color:var(--text-2);margin-bottom:16px}
.duas-colunas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.duas-colunas h2{font-size:clamp(24px,3vw,32px)}
.nao-faz .ck{background:#fde8e8;color:#b42323}

/* ---- contato ---- */
.contato{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:start}
.contato-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm)}
.contato-form h2{font-size:24px;margin-bottom:18px}
.campo{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px}
.campo label{font-size:14px;font-weight:600;color:var(--text)}
.campo label span{font-weight:400;color:var(--muted)}
.campo input,.campo textarea{width:100%;border:1px solid var(--border-2);border-radius:11px;padding:12px 14px;font:inherit;font-size:15.5px;color:var(--text);background:#fff}
.campo input{height:48px}
.campo textarea{resize:vertical;min-height:140px;line-height:1.55}
.campo [aria-invalid="true"]{border-color:#d92d20;box-shadow:0 0 0 3px #fde8e8}
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-aviso{min-height:22px;font-size:14px;margin-bottom:12px}
.form-aviso.ok{color:#0b7a45;font-weight:600}
.form-aviso.erro{color:#b42323}
.contato-form .btn{width:100%}
.form-nota{margin-top:12px;font-size:12.5px;color:var(--muted);text-align:center}
.contato-lado{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.contato-card{border:1px solid var(--border);border-radius:var(--radius);padding:22px;background:var(--surface-2)}
.contato-card .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px}
.contato-card h2{font-size:17px}
.contato-card p{margin-top:6px;font-size:14px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere}

/* ---- rodapé: os títulos das colunas são <h2> desde a spec 153 ---- */
.foot-col h2{font-family:var(--display);font-size:13px;font-weight:600;color:#fff;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}

/* ---- as perguntas: o botão fica dentro de um <h3> ---- */
.qa h3{font-size:inherit;letter-spacing:0;line-height:inherit}

/* ---- 404 ---- */
.nao-achei h1{font-size:clamp(28px,4vw,40px);color:var(--text);margin:10px 0}
.nao-achei-links .btn{margin:6px 4px 0}

@media(max-width:1060px){
  .pilares,.ganhos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .economia,.duas-colunas,.contato{grid-template-columns:minmax(0,1fr)}
  .dia-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-pagina{padding:112px 0 56px}
  .nav.open .nav-links a[aria-current="page"]{color:var(--primary)}
}
@media(max-width:620px){
  .pilares,.ganhos,.dia-lista{grid-template-columns:minmax(0,1fr)}
  .dia-alterna{width:100%}
  .dia-alterna button{flex:1;justify-content:center;padding:11px 10px;font-size:14px}
  .calc{padding:22px}
  .calc-num{font-size:28px}
  .contato-form{padding:22px}
  /* a comparação cabe inteira: os três planos lado a lado, sem rolar para o lado */
  .comparar table{min-width:0;font-size:12.5px}
  .comparar th,.comparar td{padding:10px 6px}
  .comparar th[scope="row"],.comparar thead th:first-child{padding-left:12px;width:40%}
  .comparar thead th{font-size:13px}
  .pagina-clara{padding-top:84px}
}

/* ---- a marca: o nome é um elemento só (spec 153). Com <b> e <span> soltos,
   o espaço entre o ícone e o texto também separava "Giro" de "WP". ---- */
.brand .brand-nome{font-weight:700;color:inherit}
/* o "Station": lilás sobre o fundo escuro (o topo da página inicial e o rodapé),
   violeta quando o cabeçalho fica branco e na página de manutenção, que é clara */
.brand .brand-nome em{font-style:normal;color:#b9b6ff}
.nav.scrolled .brand .brand-nome em,.nav.solid .brand .brand-nome em,.nav.open .brand .brand-nome em,.manut-marca .brand-nome em{color:var(--marca-acento)}
.so-celular{display:none}
@media(max-width:560px){
  /* no estreito, o "Entrar" vai para dentro do menu e o topo respira */
  .nav-login{display:none}
  .nav.open .nav-links .so-celular{display:block;font-weight:600;color:var(--primary)}
  .brand{font-size:18px}
}

/* ---- Privacidade e Termos (spec 154) ---- */
.legal{max-width:780px;margin:0 auto;padding:18px 0 70px;color:var(--text-2);line-height:1.75;font-size:16px}
.legal h1{font-size:clamp(30px,4.4vw,42px);color:var(--text);margin-top:10px}
.legal-data{margin-top:8px;color:var(--muted);font-size:14px}
.legal-resumo{margin-top:18px;padding:16px 18px;border-radius:12px;background:var(--success-soft);color:#0b5c36}
.legal h2{font-size:22px;color:var(--text);margin:36px 0 10px;scroll-margin-top:90px}
.legal h3{font-size:17px;color:var(--text);margin:26px 0 8px;scroll-margin-top:90px}
.legal p{margin:10px 0}
.legal ul{list-style:disc;padding-left:22px;margin:10px 0}
.legal li{margin:6px 0}
.legal b{color:var(--text)}
.legal-indice{margin:26px 0 8px;padding:18px 22px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.legal-indice h2{margin:0 0 8px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.legal-indice ol{list-style:decimal;padding-left:20px;columns:2;column-gap:28px;font-size:14.5px}
.legal-indice li{margin:4px 0;break-inside:avoid}
.legal-indice a{color:var(--primary-600)}
.legal .guia-tabela{overflow-x:auto;margin:14px 0;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.legal .guia-tabela table{width:100%;border-collapse:collapse}
.legal .guia-tabela thead th{text-align:left;background:var(--surface-2);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:10px 14px}
.legal .guia-tabela td,.legal .guia-tabela tbody th{border-top:1px solid var(--border);vertical-align:top;line-height:1.55}
.legal .guia-tabela td{padding:10px 14px;color:var(--text-2)}
.legal .guia-tabela th[scope="row"]{white-space:normal;color:var(--text);font-weight:600;text-align:left;padding:10px 14px;background:none;text-transform:none;letter-spacing:0;font-size:14px;width:32%}
.legal .guia-tabela td{font-size:14px}
.aviso-legal{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--warn-soft);color:#6b4304;font-size:14px;line-height:1.55;border:1px solid #f5c26b}
.aviso-legal p{margin:6px 0 0}
.aviso-legal code{font-family:var(--mono);font-size:.9em}
mark.pendente{background:var(--warn-soft);color:#8a4b00;border:1px dashed #e0a030;border-radius:6px;padding:0 5px;font-weight:600}
@media(max-width:620px){.legal-indice ol{columns:1}}

/* ---- a marca da plataforma (spec 158) ---- */
.brand .marca-logo{display:block;height:32px;width:auto;max-width:180px;object-fit:contain}
/* o logo de cada fundo: o cabeçalho começa escuro e fica claro ao rolar; o rodapé é escuro; a manutenção, um cartão branco */
.brand .marca-fundo-claro{display:none}
.nav.scrolled .brand .marca-fundo-claro,.nav.solid .brand .marca-fundo-claro,.nav.open .brand .marca-fundo-claro,.manut-marca .marca-fundo-claro{display:block}
.nav.scrolled .brand .marca-fundo-escuro,.nav.solid .brand .marca-fundo-escuro,.nav.open .brand .marca-fundo-escuro,.manut-marca .marca-fundo-escuro{display:none}

/* ---- a página de manutenção (spec 160) ---- */
body.manutencao{min-height:100vh;display:grid;place-items:center;background:var(--surface-2,#f5f6fb);padding:24px 16px}
.manut{max-width:520px;text-align:center;background:var(--surface,#fff);border:1px solid var(--border);border-radius:20px;padding:40px 28px;box-shadow:0 20px 50px rgba(22,22,41,.08)}
.manut-marca{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;color:var(--text);text-decoration:none;font-family:var(--display);font-weight:700;font-size:20px}
.manut-ic{width:56px;height:56px;margin:0 auto 18px;border-radius:16px;display:grid;place-items:center;background:var(--warn-soft);color:#8a4b00}
.manut-ic svg{width:28px;height:28px}
.manut h1{font-size:clamp(24px,5vw,30px);color:var(--text);margin:0 0 10px}
.manut-txt{color:var(--text-2);line-height:1.6;margin:0 0 12px}
.manut-ate{color:var(--text);margin:0 0 20px}
.manut-painel{color:var(--muted);font-size:14px;margin:18px 0 12px}

/* ---- o aviso de privacidade e cookies (spec 162) ---- */
.consent{position:fixed;z-index:60;left:50%;bottom:calc(16px + env(safe-area-inset-bottom, 0px));width:min(760px,calc(100% - 32px));
  display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--surface,#fff);color:var(--text);
  border:1px solid var(--border);box-shadow:0 18px 50px rgba(22,22,41,.18);transform:translate(-50%,24px);opacity:0;transition:transform .25s ease,opacity .25s ease}
.consent.on{transform:translate(-50%,0);opacity:1}
.consent[hidden]{display:none}
.consent-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--primary-soft,#eef);color:var(--primary-600,#4c4ddc)}
.consent-ic svg{width:20px;height:20px}
.consent-txt{flex:1;min-width:0}
.consent-txt h2{font-size:15px;margin:0 0 3px;color:var(--text)}
.consent-txt p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-2)}
.consent-txt a{color:var(--primary-600,#4c4ddc);text-decoration:underline;text-underline-offset:2px}
.consent-acoes{display:flex;gap:8px;flex:none}
.link-consent{all:unset;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:4px 0;min-height:24px;box-sizing:border-box}
.link-consent:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}
@media(max-width:640px){
  .consent{flex-wrap:wrap;gap:12px;padding:14px}
  .consent-ic{display:none}
  .consent-acoes{width:100%}
  .consent-acoes>*{flex:1;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.consent{transition:none}}

/* ---- o aviso com publicidade (spec 166) ---- */
.consent{flex-direction:column;align-items:stretch}
.consent-topo{display:flex;gap:16px;align-items:center}
.consent-prefs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 14px;border-radius:12px;background:var(--surface-2,#f5f6fb)}
.consent-prefs[hidden]{display:none}
.consent-cat{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--text-2);cursor:pointer}
.consent-cat input{margin-top:3px;flex:none}
.consent-cat b{color:var(--text);margin-right:4px}
.consent-acoes{justify-content:flex-end;flex-wrap:wrap}
@media(max-width:640px){
  .consent-acoes>*{flex:1 1 30%}
}

/* os botões da manutenção: o do painel e os que o Console acrescentar (migração 095) */
.manut-botoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

/* ---- a newsletter do blog (spec 193): o rodapé e o fim de cada post ---- */
.news-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8px 28px;align-items:center;padding:22px 24px;border:1px solid var(--border);border-radius:16px;background:#fff;margin:0 0 40px}
.news-form h2{font-family:var(--display);font-size:19px;line-height:1.3;margin:0 0 4px;color:var(--text)}
.news-form .news-txt p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.news-campos{display:flex;gap:8px}
.news-campos input{flex:1;min-width:0;height:46px;border:1px solid var(--border-2);border-radius:11px;padding:0 14px;font:inherit;font-size:15px;color:var(--text);background:#fff}
.news-campos .btn{flex:none;height:46px;white-space:nowrap}
.news-aviso{grid-column:2;min-height:0;margin:0;font-size:13.5px}
.news-aviso:empty{display:none}
.news-aviso.ok{color:#0b7a45;font-weight:600}
.news-aviso.erro{color:#b42323}
.news-nota{grid-column:2;margin:0;font-size:12.5px;color:var(--muted)}
.news-nota a{color:inherit;text-decoration:underline}
@media (max-width:760px){.news-form{grid-template-columns:1fr}.news-aviso,.news-nota{grid-column:1}}
@media (max-width:420px){.news-campos{flex-direction:column}.news-campos input{flex:none;width:100%}.news-campos .btn{width:100%;justify-content:center}}
/* no rodapé, que é escuro */
.footer .news-form{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);margin-bottom:44px}
.footer .news-form h2{color:#fff}
.footer .news-form .news-txt p,.footer .news-nota{color:#a9aacb}
.footer .news-campos input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.footer .news-campos input::placeholder{color:#8d8fb0}
.footer .news-aviso.ok{color:#6ee7a8}
.footer .news-aviso.erro{color:#ffa3a3}
/* a página dos links da newsletter: confirmar, sair, o link que não vale */
.news-pagina{display:grid;place-items:center;min-height:52vh}
.news-resultado{max-width:520px;text-align:center}
.news-resultado .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin:0 auto 18px}
.news-resultado .ic svg{width:26px;height:26px}
.news-resultado h1{font-family:var(--display);font-size:clamp(26px,3.4vw,34px);margin:0 0 10px}
.news-resultado p{color:var(--muted);line-height:1.6;margin:0 0 20px}
.news-resultado form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}