/* Aruana — tema: página branca, tons de cinza e verde só na marca e no botão "Verificar se é golpe". Moderno e leve:
   sem texturas, filtros nem fundo fixo. Carregado DEPOIS do CSS de cada página (index, ajuda e privacidade): só troca cores, bordas e
   sombras; o layout é o de cada página. As cores de alerta (vermelho, amarelo, verde, azul) continuam como eram: são informação. */

:root{
  --verde:#0a8a66;
  --fundo:#fff; --superficie:#f7f8fa; --borda:#e5e7eb; --borda-forte:#d1d5db;
  --tinta:#1f2937; --tinta-2:#6b7280;
  --sombra:0 1px 2px rgba(17,24,39,.05),0 2px 8px rgba(17,24,39,.05);
}

html,body{background:var(--fundo)}
body{color:var(--tinta)}

/* verde: só a marca */
.brand,h1{color:var(--verde)}
.subtitle,.page-title,.updated{color:var(--tinta-2)}
h2,.section-title{color:var(--tinta);border-bottom:1px solid var(--borda)}

/* cartões e painéis: brancos, borda fina e sombra quase imperceptível */
.card,.step,.feature,.verify-item,.boleto-card,.pix-card,.paywall-box,.key-saved-box,.plan-card{
  background:var(--fundo);border:1px solid var(--borda);box-shadow:var(--sombra);
}
.card p,.step-content p,.verify-content p,.feature .label{color:var(--tinta-2)}
.highlight{background:var(--superficie);border-left:4px solid var(--borda-forte);color:var(--tinta)}
.step-num,.verify-icon{background:var(--superficie);color:var(--tinta);border:1px solid var(--borda)}
.browser-card{background:var(--fundo);border-color:var(--borda) !important;box-shadow:var(--sombra);transition:box-shadow .15s}
.browser-card:hover{box-shadow:0 2px 4px rgba(17,24,39,.08),0 8px 18px rgba(17,24,39,.08)}

/* campo de texto */
#input{background:var(--fundo);border:1px solid var(--borda-forte);box-shadow:none}
#input:focus{border-color:var(--tinta-2);box-shadow:0 0 0 3px rgba(107,114,128,.18)}
.clip-btn{background:var(--superficie);border:1px solid var(--borda)}
.clip-btn:hover{background:#eceef1}

/* botão principal: o único verde de ação */
.btn-primary{
  background:var(--verde);color:#fff;border:0;
  box-shadow:0 1px 2px rgba(0,90,66,.25),0 4px 12px rgba(0,167,125,.22);
}
.btn-primary:hover{background:#087a59}
/* demais botões: cinza */
.btn-secondary,.plan-btn-outline{background:var(--fundo);color:var(--tinta);border:1px solid var(--borda-forte);box-shadow:none}
.btn-secondary:hover,.plan-btn-outline:hover{background:var(--superficie);border-color:var(--tinta-2)}
.plan-btn-primary,.key-saved-copy{background:var(--tinta);color:#fff;border:0;box-shadow:none}
.plan-btn-primary:hover,.key-saved-copy:hover{background:#111827}

/* pílulas, seletor de país e idiomas */
.ai-status,.tag,.ai-badge-on,.ai-badge-off,.country-sel,.lang-btn,.footer a{background:var(--superficie);border:1px solid var(--borda);color:var(--tinta-2)}
.lang-btn:hover,.footer a:hover{background:#eceef1;border-color:var(--borda-forte)}
.lang-btn.active{background:var(--fundo);border-color:var(--tinta-2);color:var(--tinta)}
.ai-ready{background:var(--superficie);border-color:var(--borda);color:var(--tinta)}
.usage-track{background:var(--borda)}

/* alertas: pastéis lisos com a cor do risco */
.alert,.risk-bar{box-shadow:none}

/* planos */
.plan-card.featured{border-color:var(--tinta);background:var(--fundo)}
.plan-badge{background:var(--tinta)}
.plan-price{color:var(--tinta)}
.paywall-overlay,.key-saved{background:rgba(17,24,39,.5)}

/* campos de código */
.boleto-linha,.pix-e2e,.ocr-preview,.key-saved-value{background:var(--superficie);border:1px solid var(--borda)}

/* ---------- botões modernos: só forma e interação (as cores acima não mudam) ---------- */
.btn,.plan-btn,.key-saved-copy{
  border-radius:14px;font-weight:600;letter-spacing:.01em;min-height:48px;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;
}
.btn{padding:14px 22px;font-size:15px}
.btn:hover,.plan-btn:hover,.key-saved-copy:hover{transform:translateY(-1px)}
.btn:active,.plan-btn:active,.key-saved-copy:active{transform:translateY(0) scale(.985)}
.btn-primary:hover{box-shadow:0 2px 4px rgba(0,90,66,.28),0 8px 20px rgba(0,167,125,.3)}
.btn-primary:active{box-shadow:0 1px 2px rgba(0,90,66,.3)}
.btn-secondary:hover,.plan-btn-outline:hover{box-shadow:0 2px 8px rgba(17,24,39,.08)}
.btn-secondary:active,.plan-btn-outline:active{box-shadow:none}

/* chips: pílulas totalmente arredondadas, com a mesma altura */
.ai-status,.tag,.lang-btn,.footer a,.country-sel{
  border-radius:999px;-webkit-tap-highlight-color:transparent;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.ai-status{padding:5px 14px}
.lang-btn{padding:7px 16px}
.footer a{padding:5px 14px}
.country-sel{padding:5px 12px}
.clip-btn{transition:background-color .15s ease,transform .15s ease}
.clip-btn:active{transform:scale(.94)}

/* foco por teclado visível em todos */
.btn:focus-visible,.plan-btn:focus-visible,.key-saved-copy:focus-visible,.lang-btn:focus-visible,.footer a:focus-visible,.country-sel:focus-visible,.clip-btn:focus-visible{
  outline:2px solid #1f2937;outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  .btn,.plan-btn,.key-saved-copy,.clip-btn,.ai-status,.lang-btn,.footer a,.browser-card{transition:none}
  .btn:hover,.plan-btn:hover,.key-saved-copy:hover,.btn:active,.plan-btn:active,.key-saved-copy:active,.clip-btn:active{transform:none}
}

/* ---------- página principal: confiança, exemplos, ações lado a lado ---------- */
/* texto de exemplo do campo com contraste de leitura (era cinza muito claro) */
#input:empty:before{color:#6b7280}

/* linha de confiança, logo abaixo do campo */
.confianca{display:flex;align-items:center;gap:6px;margin:10px 4px 0;font-size:12px;line-height:1.4;color:#4b5563}
.confianca svg{flex:none;color:#4b5563}

/* as duas ações lado a lado; no celular estreito, uma embaixo da outra */
.btn-row .btn{margin:0}
@media (max-width:520px){.btn-row{flex-direction:column}.btn-row .btn{flex:none !important;width:100%}}

/* exemplos para testar */
.exemplos{width:100%;max-width:min(640px,92vw);padding:0 20px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#6b7280}
.exemplos #exLista{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}
.chip-ex{font:inherit;font-size:12px;color:var(--tinta);background:var(--superficie);border:1px solid var(--borda);border-radius:999px;padding:6px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease}
.chip-ex:hover{background:#eceef1;border-color:var(--borda-forte)}
.chip-ex:focus-visible{outline:2px solid #1f2937;outline-offset:2px}

/* "Avançado": mais legível e discreto */
.adv-sum{font-size:12px;color:#6b7280;cursor:pointer;list-style:none;text-align:center}
.adv-sum::-webkit-details-marker{display:none}
.adv-sum:hover{color:var(--tinta)}
.subtitle{font-size:15px}

/* cartões dos navegadores: título e frase */
.bc-titulo{text-align:center;font-size:14px;font-weight:600;color:var(--tinta);margin-bottom:4px}
.bc-sub{text-align:center;font-size:12px;line-height:1.5;color:#6b7280;margin:0 auto 14px;max-width:420px}

/* ---------- ajustes: clipe dentro do campo, botões mais leves, contador em frase, rodapé no fim ---------- */
/* o clipe é relativo ao campo (a linha de confiança agora vem DEPOIS dele, então "bottom" do contêiner antigo o jogava para fora) */
.campo{position:relative}
.campo .clip-btn{position:absolute;right:10px;bottom:10px}
.campo #input{padding-right:56px}

/* botões: texto mais leve e na mesma família do restante da página */
.btn,.plan-btn,.key-saved-copy{font-family:inherit;font-weight:600}
.btn-secondary{font-weight:500;padding-left:16px;padding-right:16px}
.btn-row .btn-secondary{white-space:nowrap}
@media (max-width:520px){.btn-row .btn-secondary{white-space:normal}}

/* contador de uso: frase simples dentro do "Avançado" */
.adv-uso{display:flex;justify-content:center;margin-top:8px}
.usage-bar{font-size:12px;color:#6b7280;gap:10px}
.usage-track{width:96px;height:4px}
.uso-aviso{margin:10px auto 0;text-align:center;font-size:12px;color:#6b7280}
.uso-aviso[hidden]{display:none}

/* rodapé: no fim da página, separado por uma linha fina */
.footer{margin-top:8px;padding-top:18px;border-top:1px solid var(--borda);max-width:min(640px,92vw)}

/* engrenagem de "Avançado" ao lado do idioma; aberta, o painel ocupa a linha inteira */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top-row .adv{display:contents}
.top-row .adv-sum{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--superficie);border:1px solid var(--borda);color:var(--tinta-2)}
.top-row .adv[open] > :not(summary){flex-basis:100%}
.top-row .adv[open] .adv-sum{color:var(--tinta)}

/* "Remover dados sensíveis": ferramenta secundária, link discreto abaixo dos exemplos */
.pii-link{font:inherit;font-size:13px;color:var(--tinta-2);background:none;border:0;padding:6px 8px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--borda-forte)}
.pii-link:hover{color:var(--tinta)}
.pii-link:focus-visible{outline:2px solid #1f2937;outline-offset:2px;border-radius:4px}
.pii-link:disabled{opacity:.5;cursor:default}
/* frase de privacidade DENTRO do campo, embaixo à esquerda (o texto digitado não passa por baixo dela: o campo reserva um espaço) */
.campo .confianca{position:absolute;left:14px;right:52px;bottom:14px;margin:0;gap:5px;font-size:11.5px;pointer-events:none;flex-wrap:nowrap}
.campo #input,.campo textarea{padding-bottom:44px}
/* "Remover dados sensíveis" numa linha própria, centralizado */
.pii-row{text-align:center;margin-top:6px}

/* ---------- página inicial no estilo "uma caixa só" (só body.home; o popup da extensão não usa) ---------- */
body.home .hero{padding-top:7vh}
body.home .brand{font-size:56px}
body.home .subtitle{font-size:16px;color:#5f6368;margin-bottom:6px}
/* campo em pílula; cresce com o texto */
body.home .campo #input{min-height:104px;border-radius:26px;border:1px solid #dfe1e5;padding:16px 60px 44px 26px;font-size:16px;line-height:24px;box-shadow:none}
body.home .campo #input:hover,body.home .campo #input:focus{border-color:transparent;box-shadow:0 1px 6px rgba(32,33,36,.28)}
body.home .campo .clip-btn{right:14px;bottom:10px;top:auto;width:36px;height:36px;background:none;border:0}
body.home .campo .clip-btn:hover{background:#f1f3f4}
/* ações centralizadas, no tamanho do Google: principal verde e secundária cinza-clara */
body.home .btn-row{justify-content:center;gap:12px;flex-direction:row !important;flex-wrap:wrap;max-width:none;padding:0 20px;margin-top:22px}
body.home .btn-row .btn{flex:none !important;width:auto !important;min-height:38px;padding:0 18px;font-size:14px;font-weight:500;border-radius:6px}
body.home .btn-google{background:#f8f9fa;color:#202124;border:1px solid #f8f9fa;box-shadow:none}
body.home .btn-google:hover{border-color:#dadce0;box-shadow:0 1px 1px rgba(0,0,0,.1);background:#f8f9fa}
/* exemplos como links */
body.home .exemplos{margin-top:12px;font-size:13px}
body.home .chip-ex{background:none;border:0;border-radius:0;padding:0 6px;color:#1a73e8;font-size:13px}
body.home .chip-ex:hover{background:none;text-decoration:underline}
/* extensão: uma linha de texto */
body.home .ext-line{margin:30px auto 48px;text-align:center;font-size:13px;color:#5f6368;padding:0 20px;display:flex;flex-direction:column;gap:6px;align-items:center}
body.home .ext-links{display:flex;gap:18px}
body.home .ext-links a{color:#1a73e8;text-decoration:none}
body.home .ext-links a:hover{text-decoration:underline}
/* rodapé em duas faixas cinza */
body.home .footer{max-width:none;margin-top:auto;padding:0;background:#f2f2f2;border-top:0}
body.home .trust-band{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-size:14px;color:#5f6368;border-bottom:1px solid #dadce0}
body.home .footer-row{padding:14px 20px}
body.home .footer a{background:none;border:0;border-radius:0;padding:0 10px;color:#5f6368}
body.home .footer a:hover{background:none;text-decoration:underline}

/* frase de privacidade dentro da caixa, embaixo à esquerda */
body.home .campo .confianca{position:absolute;left:24px;right:60px;bottom:14px;margin:0;gap:6px;font-size:12px;pointer-events:none;flex-wrap:nowrap}
body.home .footer .trust-band{display:none}
@media (max-width:520px){
  body.home .campo #input{min-height:124px}
  body.home .campo .confianca{left:22px;right:52px;gap:5px;font-size:11.5px}
}
body.home .ext-links a{display:inline-flex;align-items:center;gap:6px}
body.home .ext-links svg{flex:none}

/* ---------- refinamentos a partir da página de busca de referência ---------- */
/* idioma e engrenagem no canto superior direito; o painel "Avançado" abre como popover */
body.home .top-row{position:absolute;top:14px;right:18px;margin:0;flex-wrap:nowrap;justify-content:flex-end;gap:8px;z-index:30}
body.home .top-row .adv{display:block;position:relative}
body.home .top-row .adv-pop{position:absolute;right:0;top:44px;width:min(300px,86vw);background:#fff;border:1px solid var(--borda);border-radius:14px;box-shadow:0 8px 28px rgba(17,24,39,.16);padding:14px 16px 16px}
body.home .top-row .adv[open] > :not(summary){flex-basis:auto}
/* conteúdo um pouco acima do meio da altura */
body.home .hero{padding-top:13vh}
/* textos um pouco maiores */
body.home .campo .confianca{font-size:13px}
body.home .chip-ex,body.home .exemplos{font-size:14px}
body.home .ext-line{font-size:14px}
body.home .footer{font-size:14px}
body.home .footer-row{max-width:none;padding:16px 28px}
body.home .footer-row > span{width:100%;display:flex;justify-content:flex-end}
body.home .footer #linkHowTo{margin-right:auto}
body.home .footer a{font-size:14px}
@media (max-width:520px){
  body.home .campo .confianca{font-size:11.5px}
  body.home .hero{padding-top:9vh}
  body.home .ext-line{font-size:13px}
}

/* extensões na faixa de cima do rodapé: frase e links na mesma linha */
body.home .ext-band{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;padding:14px 28px;font-size:14px;color:#5f6368;border-bottom:1px solid #dadce0}
body.home .ext-band .ext-links{display:flex;gap:4px}
body.home .footer .ext-links a{color:#1a73e8;padding:0 8px;display:inline-flex;align-items:center;gap:6px}
body.home .footer .ext-links a:hover{text-decoration:underline}
body.home .ext-line{display:none}
@media (max-width:520px){body.home .ext-band{padding:12px 20px;font-size:13px}}

/* rodapé achatado: uma barra só, extensões à esquerda e os links (Como usar, Privacidade, Contato) à direita */
body.home .footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:12px 28px}
body.home .footer .ext-band{padding:0;border:0;flex:1 1 auto;min-width:0}
body.home .footer .footer-row{padding:0;width:auto;margin:0}
body.home .footer .footer-row > span{width:auto;justify-content:flex-end}
body.home .footer #linkHowTo{margin-right:0}
@media (max-width:640px){
  body.home .footer{padding:12px 20px;justify-content:center}
  body.home .footer .ext-band{flex-basis:100%;justify-content:center}
  body.home .footer .footer-row > span{justify-content:center}
}

/* o convite agora está no próprio campo ("Cole a mensagem suspeita e descubra se é golpe"): sem subtítulo separado */
body.home .subtitle{display:none}
body.home .hero{padding-top:14vh}
body.home .brand{margin-bottom:6px}

/* ---------- caixa no tamanho da busca de referência; frase de privacidade centralizada na barra de baixo ---------- */
body.home .search-wrap{max-width:min(690px,92vw);padding:0 20px}
body.home .campo #input{min-height:52px;padding:13px 60px 13px 24px;border-radius:26px}
body.home .campo .clip-btn{bottom:auto;top:50%;transform:translateY(-50%);right:12px}
body.home .campo .clip-btn:active{transform:translateY(-50%) scale(.94)}
body.home .footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 24px}
body.home .footer .ext-band{justify-self:start}
body.home .footer .trust-center{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#5f6368;text-align:center}
body.home .footer .trust-center svg{flex:none}
body.home .footer .footer-row{justify-self:end}
@media (max-width:1660px){
  body.home .footer{grid-template-columns:1fr auto;grid-template-areas:"trust trust" "ext links"}
  body.home .footer .trust-center{grid-area:trust;padding-bottom:6px;border-bottom:1px solid #dadce0}
  body.home .footer .ext-band{grid-area:ext}
  body.home .footer .footer-row{grid-area:links}
}
@media (max-width:640px){
  body.home .footer{grid-template-columns:1fr;grid-template-areas:"trust" "ext" "links";justify-items:center}
  body.home .footer .ext-band,body.home .footer .footer-row{justify-self:center}
}

body.home .footer .ext-band{flex-wrap:nowrap;white-space:nowrap}
@media (max-width:640px){body.home .footer .ext-band{flex-wrap:wrap;white-space:normal;justify-content:center}}

/* privacidade à esquerda, numa faixa própria acima da barra de baixo (em qualquer largura) */
body.home .footer{grid-template-columns:1fr auto;grid-template-areas:"trust trust" "ext links";gap:0 24px;padding:0}
body.home .footer .trust-center{grid-area:trust;justify-content:flex-start;text-align:left;padding:14px 28px;border-bottom:1px solid #dadce0}
body.home .footer .ext-band{grid-area:ext;justify-self:start;padding:12px 0 12px 28px}
body.home .footer .footer-row{grid-area:links;justify-self:end;padding:12px 28px 12px 0}
@media (max-width:640px){
  body.home .footer{grid-template-columns:1fr;grid-template-areas:"trust" "ext" "links"}
  body.home .footer .trust-center{justify-content:center;padding:12px 20px}
  body.home .footer .ext-band{justify-self:center;padding:12px 20px 0}
  body.home .footer .footer-row{justify-self:center;padding:6px 20px 12px}
}

/* privacidade numa "aba" cinza à esquerda, encaixada em cima da barra inferior */
body.home .footer{background:linear-gradient(#fff 0,#fff 40px,#f2f2f2 40px)}
body.home .footer .trust-center{height:40px;width:fit-content;justify-self:start;margin-left:28px;padding:0 18px;background:#f2f2f2;border-bottom:0;border-radius:12px 12px 0 0}
@media (max-width:640px){
  body.home .footer .trust-center{justify-self:center;margin-left:0;padding:0 16px}
}

/* rodapé todo branco, como a referência: frase de privacidade à esquerda em cima, uma linha fina e a barra de links embaixo */
body.home .footer{background:#fff}
body.home .footer .trust-center{width:auto;height:auto;margin:0;justify-self:stretch;background:none;border-radius:0;padding:18px 28px;border-bottom:1px solid #dadce0}
@media (max-width:640px){
  body.home .footer .trust-center{justify-self:stretch;margin:0;padding:14px 20px;justify-content:flex-start}
}

/* espaçamentos do rodapé na proporção da referência: faixa de cima mais alta, links maiores e mais afastados */
body.home .footer .trust-center{padding:26px 28px 22px;font-size:15px}
body.home .footer .ext-band,body.home .footer .footer-row{padding-top:16px;padding-bottom:18px;font-size:15px}
body.home .footer .footer-row a,body.home .footer .ext-links a{font-size:15px}
body.home .footer .footer-row a{padding:0 16px}
body.home .footer .ext-links a{padding:0 12px}
body.home .footer .footer-row{padding-right:20px}
@media (max-width:640px){
  body.home .footer .trust-center{padding:18px 20px 16px;font-size:14px}
  body.home .footer .ext-band,body.home .footer .footer-row{font-size:13px;padding-top:12px;padding-bottom:12px}
  body.home .footer .footer-row a,body.home .footer .ext-links a{font-size:14px}
}

/* extensões: frase curta colada nos links */
body.home .ext-band{gap:6px 6px}
body.home .footer .ext-links{gap:0}
body.home .footer .ext-links a{padding:0 10px}
body.home .ext-band #bcSub{cursor:help}

/* logo animado */
.logo-wrap{display:inline-flex;line-height:0}
.logo-wrap svg,.logo-wrap img{display:block}
.logo-wrap img[hidden]{display:none}

/* celular: frase de privacidade e links do rodapé centralizados */
@media (max-width:640px){
  body.home .footer .trust-center{justify-content:center;text-align:center}
}

/* ---------- ajuda e privacidade: mesma linguagem da página inicial (branco, bordas finas, pílulas, rodapé em duas faixas) ---------- */
body.doc{padding:0;background:#fff;color:#202124}
body.doc .l-br,body.doc .l-us,body.doc .l-es{position:relative}
body.doc .header{position:static;margin:0;padding:56px 20px 0;text-align:center}
body.doc .back{position:absolute;top:18px;left:22px;margin:0;font-size:14px}
body.doc .back a{color:#5f6368}
body.doc .lang-sel{position:absolute;top:12px;right:18px;margin:0;gap:6px;z-index:5}
body.doc .lang-btn{padding:5px 12px;border-radius:999px;border:1px solid var(--borda);background:var(--superficie);font-size:13px;color:var(--tinta-2)}
body.doc .lang-btn:hover{background:#eceef1;border-color:var(--borda-forte)}
body.doc .brand h1{font-size:44px;line-height:1;margin:0 0 0 -2px;font-weight:500;color:var(--verde)}
body.doc .brand{margin-bottom:6px}
body.doc .page-title{font-size:17px;color:#5f6368;margin:6px 0 22px}
body.doc .container,body.doc main{max-width:640px;margin:0 auto;padding:0 20px}
body.doc .section-title,body.doc h2{font-size:20px;font-weight:600;color:#202124;border-bottom:1px solid #dadce0;margin:34px 0 14px;padding-bottom:10px}
/* cartões: borda fina, sem sombra; no passar do mouse, a mesma sombra suave da caixa de busca */
body.doc .step,body.doc .feature,body.doc .verify-item,body.doc .card,body.doc a.card{background:#fff;border:1px solid #dfe1e5;border-radius:14px;box-shadow:none}
body.doc a.card{border-left:1px solid #dfe1e5}
body.doc .step:hover,body.doc .feature:hover,body.doc .verify-item:hover,body.doc a.card:hover{box-shadow:0 1px 6px rgba(32,33,36,.2);border-color:transparent;transform:none}
body.doc .step-num,body.doc .verify-icon{background:#f1f3f4;border:0;color:#202124}
body.doc .platform{background:#f8f9fa;border:1px solid #dfe1e5;border-radius:999px;padding:6px 14px;font-size:13px;color:#3c4043}
body.doc .tip,body.doc .highlight{background:#f8f9fa;border-left:4px solid #dadce0;border-radius:12px;color:#3c4043}
body.doc .demo iframe{border:1px solid #dfe1e5 !important;box-shadow:none}
body.doc .updated{margin:26px 0 0}
/* rodapé: frase de privacidade em cima, linha fina, links embaixo */
body.doc .doc-footer{margin:56px calc(50% - 50vw) 0;background:#fff;font-size:15px;color:#5f6368}
body.doc .doc-footer .trust-center{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:22px 28px 20px;border-bottom:1px solid #dadce0}
body.doc .doc-links{display:flex;justify-content:flex-end;flex-wrap:wrap;padding:14px 12px 18px}
body.doc .doc-links a{color:#5f6368;text-decoration:none;padding:0 16px;font-size:15px}
body.doc .doc-links a:hover{text-decoration:underline}
@media (max-width:640px){
  body.doc .doc-footer .trust-center{justify-content:center;padding:16px 20px 14px;font-size:14px}
  body.doc .doc-links{justify-content:center;padding:10px 8px 14px}
  body.doc .doc-links a{padding:0 10px;font-size:14px}
  body.doc .brand h1{font-size:38px}
}

/* lojas de app no rodapé: o hidden precisa vencer o display:flex/inline-flex das regras acima */
body.home .footer [hidden]{display:none!important}
/* extensões e app em dois grupos, separados por um traço vertical */
body.home .ext-band .ext-grupo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:inherit}
body.home .ext-band #grupoApp{margin-left:8px;padding-left:20px;border-left:1px solid #dadce0}
/* sem espaço para uma linha só: um grupo embaixo do outro, sem o traço */
@media (max-width:1240px){
  body.home .footer .ext-band{display:grid;grid-template-columns:auto auto;align-items:center;gap:6px 6px}
  body.home .ext-band .ext-grupo{display:contents}
  body.home .ext-band .ext-grupo[hidden]{display:none!important}
  body.home .ext-band #bcSub,body.home .ext-band #appSub{text-align:left}
}
/* centralizado no celular: rótulos encostados nos links */
@media (max-width:640px){body.home .ext-band #bcSub,body.home .ext-band #appSub{text-align:right}}