html,body{max-width:100%;overflow-x:hidden}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;background:#f6f7f4;color:#1A1A1A;font-size:16px;line-height:1.62}
img{max-width:100%;height:auto;display:block}
button{border:none;background:none;cursor:pointer;color:inherit;font:inherit}
a{text-decoration:none;color:inherit}
.cabecalho-urgente{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e3ecd0;padding:.95rem 1rem;display:flex;justify-content:center;align-items:center;gap:.85rem;text-align:center}
.cabecalho-urgente img{width:auto;height:auto;max-height:72px!important;max-width:225px}
@media(min-width:640px){.cabecalho-urgente{padding:1.1rem 1.25rem}.cabecalho-urgente img{max-height:72px!important;max-width:230px}}
.badge-verificacao{background:#eef6e2;color:#486a17;display:inline-flex;align-items:center;gap:.32rem;font-size:.66rem;font-weight:700;padding:.27rem .58rem;border-radius:99px;letter-spacing:.052em;text-transform:uppercase}
.badge-verificacao svg{width:11.5px;height:11.5px}
.secao-principal{background:#fff;padding:1.75rem 1.25rem 1.5rem;text-align:center}
.secao-principal h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;font-size:2rem;line-height:1.3;font-weight:700;color:#1A1A1A;margin:0 auto 1.25rem;max-width:680px}
.secao-principal h1 em{color:inherit;font-style:normal;border-bottom:none;padding-bottom:0}
.container-foto-principal{max-width:380px;margin:0 auto;border-radius:14.5px;overflow:hidden;box-shadow:0 8.5px 31px rgba(0,0,0,.125);position:relative;aspect-ratio:1/1}
.container-foto-principal img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(min-width:640px){.container-foto-principal{max-width:440px}}
.indicador-ativo{position:absolute;bottom:12.5px;left:12.5px;background:rgba(255,255,255,.965);backdrop-filter:blur(8.5px);padding:.52rem .82rem;border-radius:8.5px;font-size:.74rem;color:#444;font-weight:600;display:flex;align-items:center;gap:.42rem}
.indicador-ativo .ponto{width:8.2px;height:8.2px;border-radius:50%;background:#E63946;animation:pulsar 1.65s infinite}
@keyframes pulsar{0%,100%{opacity:1}50%{opacity:.32}}
.secao-arrecadacao{background:#fff;border-bottom:1px solid #eaece7;padding:1.5rem 1.25rem 1.75rem}
.conteudo-arrecadacao{max-width:560px;margin:0 auto}
.topo-valores{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.68rem}
.label-arrecadado{font-size:.74rem;color:#888;letter-spacing:.052em;text-transform:uppercase;font-weight:600;margin-bottom:.17rem}
.quantia-atual{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;font-size:1.65rem;font-weight:800;color:#1A1A1A}
.bloco-meta{text-align:right}
.titulo-meta{font-size:.74rem;color:#888;letter-spacing:.052em;text-transform:uppercase;font-weight:600;margin-bottom:.17rem}
.valor-meta{font-size:.97rem;color:#666;font-weight:600}
.trilho-progresso{background:#e6e8e2;height:14.5px;border-radius:99px;overflow:hidden;position:relative}
.preenchimento-barra{background:linear-gradient(90deg,#629020 0%,#7cae34 100%);height:100%;width:0;border-radius:99px;transition:width 2.6s cubic-bezier(.22,.95,.4,1);position:relative;overflow:hidden}
.preenchimento-barra::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:brilho 2.5s infinite}
@keyframes brilho{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.dados-campanha{margin-top:.72rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#666}
.dados-campanha b{color:#629020;font-weight:700}
.alerta-prazo{background:#FFF1F1;color:#C62828;display:inline-flex;align-items:center;gap:.32rem;padding:.27rem .58rem;border-radius:99px;font-size:.72rem;font-weight:700}
.narrativa-familia{background:#fff;padding:2rem 1.25rem}
.texto-historia{max-width:680px;margin:0 auto}
.texto-historia p{font-size:1.0625rem;line-height:1.75;color:#333;margin-bottom:1.15rem}
.texto-historia>*:last-child{margin-bottom:0}
.texto-historia p strong{color:#1A1A1A;font-weight:700}
.texto-historia .aviso-importante{background:#FFF8E8;border-left:3.2px solid #D4A226;padding:.95rem 1.05rem;border-radius:0 8.5px 8.5px 0;font-size:1.0625rem;color:#1A1A1A;margin:1.5rem 0}
.imagem-central{margin:1.75rem auto;max-width:340px;border-radius:12.5px;overflow:hidden;box-shadow:0 6.5px 25px rgba(0,0,0,.105);aspect-ratio:1/1}
.imagem-central img{width:100%;height:100%;display:block;object-fit:cover}
@media(min-width:640px){.imagem-central{max-width:400px;margin:2rem auto}}
.botao-acao-central{display:block;background:#629020;color:#fff;text-align:center;padding:1.15rem 1.35rem;border-radius:12.5px;font-size:1.0625rem;font-weight:700;margin:1.75rem auto;max-width:380px;box-shadow:0 6.5px 19px rgba(98,144,32,.32);transition:.22s}
.texto-historia>.botao-acao-central:first-child{margin-top:0}
.botao-acao-central:hover{background:#537a1a;transform:translateY(-2.2px)}
.area-contribuicao{background:#f2f7e6;border-top:1px solid #e3ecd0;border-bottom:1px solid #e3ecd0;padding:2.25rem 1.25rem 1.75rem}
.conteudo-doacao{max-width:560px;margin:0 auto}
.titulo-doar{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;font-size:1.55rem;font-weight:700;text-align:center;color:#486a17;margin:0 0 1.5rem}
.opcoes-valor{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin-bottom:1.35rem}
.btn-contribuir{display:flex;align-items:center;justify-content:center;background:#629020;color:#fff;border:1.6px solid #629020;border-radius:12px;padding:1rem .4rem;font-family:inherit;font-size:1.22rem;font-weight:800;letter-spacing:-.005em;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .15s,box-shadow .18s;box-shadow:0 4px 12px -3px rgba(98,144,32,.4);min-height:60px}
.btn-contribuir:hover{background:#537a1a;border-color:#537a1a;transform:translateY(-2px);box-shadow:0 8px 18px -5px rgba(98,144,32,.5)}
.btn-contribuir:active{background:#486a17;border-color:#486a17;transform:translateY(0);box-shadow:0 2px 6px -3px rgba(98,144,32,.4)}
@media(min-width:480px){.opcoes-valor{gap:.6rem}}
.valor-personalizado{background:#fff;border-radius:16px;padding:1.5rem 1.15rem 1.35rem;border:1px solid #e3ecd0;box-shadow:0 2px 10px rgba(21,25,16,.05)}
.titulo-custom{font-size:.82rem;color:#666;text-transform:uppercase;letter-spacing:.052em;font-weight:700;text-align:center;margin-bottom:.95rem}
.exibicao-montante{text-align:center;margin-bottom:1rem}
.prefixo-moeda{font-size:1.05rem;color:#888;font-weight:600;vertical-align:top;margin-right:3.2px}
.numero-slider{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;font-size:2.65rem;font-weight:800;color:#629020;line-height:1;display:inline-block;min-width:82px}
.texto-ajuda{display:block;font-size:.76rem;color:#999;margin-top:.3rem;font-weight:500}
.container-slider{padding:0 .35rem;margin-bottom:1rem}
.controle-valor{-webkit-appearance:none;appearance:none;width:100%;height:8.5px;background:#dee1da;border-radius:99px;outline:none;cursor:pointer}
.controle-valor::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:27px;height:27px;background:#fff;border:4.2px solid #629020;border-radius:50%;cursor:pointer;box-shadow:0 3.2px 10.5px rgba(98,144,32,.37);transition:.17s}
.controle-valor::-webkit-slider-thumb:hover{transform:scale(1.14)}
.controle-valor::-moz-range-thumb{width:27px;height:27px;background:#fff;border:4.2px solid #629020;border-radius:50%;cursor:pointer;box-shadow:0 3.2px 10.5px rgba(98,144,32,.37)}
.marcadores-range{display:flex;justify-content:space-between;margin-top:.55rem;padding:0 .12rem}
.marcadores-range span{font-size:.74rem;color:#999;font-weight:600}
.campo-direto{display:flex;align-items:center;gap:.52rem;background:#fff;border:1px solid #e2e8da;border-radius:12px;padding:.7rem .85rem;margin-bottom:1rem}
.campo-direto label{font-size:.82rem;color:#777;font-weight:600;flex-shrink:0}
.campo-direto span{color:#888;font-weight:600}
#input-quantia-exata{flex:1;border:none;outline:none;background:transparent;font-size:1.15rem;font-weight:700;color:#1A1A1A;width:100%;-moz-appearance:textfield}
#input-quantia-exata::-webkit-outer-spin-button,#input-quantia-exata::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#btn-confirmar-valor{width:100%;background:#629020;color:#fff;border:none;border-radius:12px;padding:1.05rem;font-size:1.08rem;font-weight:800;cursor:pointer;transition:.22s;min-height:54px;box-shadow:0 6px 16px rgba(98,144,32,.28)}
#btn-confirmar-valor:hover{background:#537a1a}
.area-confianca{background:#fff;padding:1.65rem 1.25rem 2rem;border-top:1px solid #eaece7}
.grade-selos{display:grid;grid-template-columns:repeat(2,1fr);gap:.68rem;max-width:560px;margin:0 auto}
.item-confianca{display:flex;align-items:center;gap:.6rem;background:#f6f7f4;padding:.85rem .95rem;border-radius:10.5px}
.item-confianca svg{flex-shrink:0;color:#629020;width:22.5px;height:22.5px}
.texto-selo{font-size:.82rem;line-height:1.4;color:#444}
.texto-selo b{display:block;color:#1A1A1A;font-size:.88rem;margin-bottom:1.5px}
.ultimos-apoios{background:#fff;padding:2rem 1.25rem}
.conteudo-apoiadores{max-width:560px;margin:0 auto}
.titulo-apoios{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;font-size:1.25rem;font-weight:700;text-align:center;margin:0 0 1.35rem}
.lista-recentes{display:flex;flex-direction:column;gap:.5rem}
.lista-recentes[hidden]{display:none}
.paginacao-apoios{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:1.15rem}
.paginacao-apoios button{-webkit-appearance:none;appearance:none;font-family:inherit;background:#fff;border:1px solid #eaece7;color:#555;font-size:.95rem;font-weight:700;min-width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}
.paginacao-apoios .seta-pagina{font-size:1.4rem;line-height:1;color:#8a8a8a;padding-bottom:2px}
.paginacao-apoios .num-pagina.ativa{background:#629020;border-color:#629020;color:#fff}
.paginacao-apoios button:disabled{opacity:.38;cursor:default}
.linha-apoiador{display:flex;align-items:center;gap:.7rem;background:#fff;padding:.75rem .92rem;border-radius:10.5px;border:1px solid #eaece7}
.inicial-nome{width:37px;height:37px;border-radius:50%;background:#e9efe0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.86rem;flex-shrink:0;overflow:hidden}
.inicial-nome img{width:100%;height:100%;object-fit:cover;display:block}
.dados-apoiador{flex:1;min-width:0}
.nome-pessoa{font-size:.9rem;font-weight:700;color:#1A1A1A;line-height:1.25}
.momento-apoio{font-size:.74rem;color:#999;margin-top:1.5px}
.mensagem-apoio{font-size:.82rem;color:#555;line-height:1.38;margin-top:2px}
.quantia-doada{font-weight:800;color:#629020;font-size:1rem;flex-shrink:0}
.footer-pagina{background:#1A1A1A;color:#aaa;padding:1.65rem 1.05rem;text-align:center}
.links-footer{display:flex;justify-content:center;gap:1.4rem;margin-bottom:.7rem;flex-wrap:wrap}
.links-footer a{color:#bbb;font-size:.82rem}
.copyright-texto{font-size:.74rem;color:#666}

























@media(min-width:768px){
.secao-principal{padding:2.25rem 2rem}
.secao-principal h1{font-size:2rem;line-height:1.26}
.container-foto-principal{max-width:400px}
.narrativa-familia{padding:2.5rem 2rem}
.texto-historia p{font-size:1.05rem;line-height:1.72}
.texto-historia .aviso-importante{font-size:1.08rem;padding:1rem 1.15rem}
.area-contribuicao{padding:2.5rem 2rem}
.titulo-doar{font-size:1.6rem}
.btn-contribuir{padding:1.05rem .4rem;font-size:1.15rem;min-height:56px}
.numero-slider{font-size:2.6rem}
.ultimos-apoios{padding:2.25rem 2rem}
.titulo-apoios{font-size:1.3rem}
}
@media(min-width:1024px){
.secao-principal h1{font-size:2.4rem;max-width:720px}
.container-foto-principal{max-width:420px}
.texto-historia p{font-size:1.07rem}
.texto-historia .aviso-importante{font-size:1.12rem}
.titulo-doar{font-size:1.7rem}
.btn-contribuir{padding:1.1rem .5rem;font-size:1.2rem;min-height:58px}
.numero-slider{font-size:2.8rem}
















}
html,body{overflow-x:hidden;max-width:100%}
*{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
table{max-width:100%;width:100%;table-layout:fixed}
iframe,video,embed,object{max-width:100%}
@media(max-width:767px){
.page-wrap,.container,.wrapper,.content-wrap{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}
[style*="width:"]{max-width:100%}
.btn-contribuir{min-height:52px;font-size:1.08rem;border-radius:10px}
.valor-personalizado{padding:1.05rem .9rem 1rem;border-radius:14px}
.titulo-custom{font-size:.72rem;margin-bottom:.55rem}
.exibicao-montante{margin-bottom:.65rem}
.numero-slider{font-size:2.05rem;min-width:60px}
.prefixo-moeda{font-size:.95rem}
.texto-ajuda{font-size:.71rem;margin-top:.18rem}
.container-slider{margin-bottom:.65rem}
.marcadores-range span{font-size:.7rem}
.campo-direto{padding:.6rem .78rem;margin-bottom:.7rem;border-radius:10px}
#input-quantia-exata{font-size:1.05rem}
#btn-confirmar-valor{padding:.9rem;font-size:1rem;min-height:50px;border-radius:11px;box-shadow:0 4px 12px rgba(98,144,32,.26)}
.cabecalho-urgente img{max-height:54px!important}
.secao-principal h1{font-size:1.5rem;line-height:1.28;margin-bottom:.9rem}
.container-foto-principal{max-width:100%;aspect-ratio:1/1;border-radius:16px}
.secao-arrecadacao{padding:1rem 1.1rem 1.1rem}
.topo-valores{margin-bottom:.55rem}
.quantia-atual{font-size:1.45rem}
.dados-campanha{margin-top:.6rem;font-size:.76rem}
.texto-historia p{font-size:1.02rem;line-height:1.72;margin-bottom:1.05rem;color:#2b2b2b}
.botao-acao-central{margin:1rem auto;padding:.95rem 1.15rem;font-size:1rem;max-width:100%;border-radius:11px}
.imagem-central{margin:1.1rem auto;max-width:100%;border-radius:12px}
.aviso-importante{margin:1.4rem 0;padding:1rem 1.1rem;font-size:1.14rem;line-height:1.62}
.titulo-apoios{font-size:1.15rem;margin-bottom:1rem}
.linha-apoiador{padding:.65rem .8rem}
.paginacao-apoios{margin-top:1rem;gap:.4rem}
.paginacao-apoios button{min-width:46px;height:46px;font-size:1rem;border-radius:12px}
.paginacao-apoios .seta-pagina{font-size:1.5rem}
}
.btn-contribuir{font-weight:800!important}


/* Modal PIX — proporções melhores no mobile */

/* telas baixas: encolhe o necessário pra caber sem rolar */

.rodape-site{background:#fff;border-top:1px solid #eaece7;padding:2rem 1.25rem 2.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}
.rodape-site .rodape-logo{height:44px;width:auto;opacity:.85}


/* ===== Avatares com iniciais ===== */
.inicial-nome{color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.02em}

/* ===== Rodapé v3: limpo ===== */
.rodape-site.rodape-v3{background:#fff;border-top:1px solid #eaece7;padding:2rem 1.25rem 1.6rem;gap:0}
.rodape-v3 .rodape-logo{height:38px;width:auto;opacity:1;margin-bottom:1.1rem}
.rodape-v3 .rodape-cta{display:block;width:100%;max-width:340px;background:#629020;color:#fff;text-align:center;padding:.95rem 1.2rem;border-radius:12px;font-weight:700;font-size:1rem;box-shadow:0 6px 16px rgba(98,144,32,.28);transition:background .2s}
.rodape-v3 .rodape-cta:hover{background:#537a1a}
.rodape-v3 .rodape-seguro{display:inline-flex;align-items:center;gap:.35rem;margin:.75rem 0 0;font-size:.78rem;color:#6b6b6b}
.rodape-v3 .rodape-seguro svg{color:#629020}
.rodape-v3 .rodape-copy{margin:1.1rem 0 0;font-size:.7rem;color:#a3a39c}

/* ===== Layout responsivo: coluna única e ritmo de espaços ===== */
body .secao-principal h1,
body .conteudo-arrecadacao,
body .texto-historia,
body .conteudo-doacao,
body .conteudo-apoiadores{max-width:560px;margin-left:auto;margin-right:auto}
body .secao-principal h1{text-wrap:balance}
body .texto-historia p{text-wrap:pretty}
body .rodape-v3 .rodape-cta{max-width:560px}

@media(max-width:767px){
  body .cabecalho-urgente{padding:.6rem 1.1rem}
  body .cabecalho-urgente img{max-height:40px!important;max-width:200px}

  body .secao-principal{padding:1.25rem 1.125rem .5rem}
  body .secao-principal h1{font-size:1.45rem;line-height:1.25;margin:0 0 1.1rem;letter-spacing:-.01em}
  body .container-foto-principal{border-radius:16px}

  body .secao-arrecadacao{padding:1.25rem 1.125rem 1.5rem}
  body .topo-valores{margin-bottom:.7rem}
  body .dados-campanha{margin-top:.6rem}

  body .narrativa-familia{padding:1rem 1.125rem 1.25rem}
  body .texto-historia p{font-size:1rem;line-height:1.7;margin:0 0 1.05rem}
  body .texto-historia p:last-child{margin-bottom:0}
  body .botao-acao-central{margin:1.4rem 0;min-height:54px;display:flex;align-items:center;justify-content:center}
  body .imagem-central{margin:1.5rem auto;border-radius:16px}

  body .area-contribuicao{padding:1.5rem 1.125rem 1.25rem}
  body .titulo-doar{font-size:1.35rem;margin:0 0 1.1rem}
  body .opcoes-valor{gap:.625rem;margin-bottom:1.15rem}
  body .btn-contribuir{min-height:54px;font-size:1.1rem}
  body .valor-personalizado{border-radius:16px}

  body .ultimos-apoios{padding:1.5rem 1.125rem 1.9rem}
  body .titulo-apoios{margin:0 0 1rem}

  body .rodape-site.rodape-v3{padding:2rem 1.125rem 1.6rem}
}

@media(max-width:360px){
  body .secao-principal h1{font-size:1.3rem}
  body .btn-contribuir{font-size:1rem;min-height:50px}
  body .texto-historia p{font-size:.97rem}
}
/* ---- Modal do Pix -------------------------------------------------------
   Cartao centralizado em qualquer largura. Entra crescendo de leve a partir
   do centro, em vez de subir da borda de baixo.

   As duas formas de pagar ficam em abas em vez de empilhadas. Empilhado, o
   QR comia ~190px de altura que no celular ninguem usa: ninguem le com a
   camera o codigo que esta na tela do mesmo aparelho. A aba do codigo abre
   selecionada, entao o caminho do celular continua sendo de zero toques. */
#painel-pix-leandro{display:none;position:fixed;inset:0;background:rgba(20,25,12,.55);backdrop-filter:blur(3px);z-index:9999;opacity:0;transition:opacity .22s ease;align-items:center;justify-content:center;padding:16px}
#painel-pix-leandro.exibir{display:flex;opacity:1}
.painel-pix{width:100%;max-width:420px;max-height:90dvh;background:#fff;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(21,25,16,.3);transform:scale(.96);transition:transform .24s cubic-bezier(.22,1,.36,1)}
#painel-pix-leandro.exibir .painel-pix{transform:none}
@media(prefers-reduced-motion:reduce){.painel-pix{transition:none}}

.topo-folha{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1.15rem .9rem;flex-shrink:0}
.marca-topo{flex:1;min-width:0}
.titulo-pagamento{font-size:1.05rem;font-weight:800;color:#1A1A1A;line-height:1.2}
.selo-instantaneo{display:inline-flex;align-items:center;gap:.33rem;font-size:.75rem;font-weight:700;color:#486a17;margin-top:.22rem}
.selo-instantaneo::before{content:'';width:6px;height:6px;border-radius:50%;background:#629020;flex-shrink:0}
#btn-fechar-painel{width:34px;height:34px;border-radius:50%;background:#f2f4ef;border:none;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#666;line-height:1;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s}
#btn-fechar-painel:hover{background:#e5e8e0;color:#333}

.abas-pix{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#f2f4ef;border-radius:12px;padding:3px;margin:0 1.15rem;flex-shrink:0}
.aba-pix{border:none;background:none;border-radius:10px;padding:.64rem .4rem;font-family:inherit;font-size:.87rem;font-weight:700;color:#777;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s,box-shadow .18s}
.aba-pix.ativa{background:#fff;color:#1A1A1A;box-shadow:0 1px 3px rgba(21,25,16,.12)}

.painel-aba{padding:1.05rem 1.15rem .2rem;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.painel-aba[hidden]{display:none}

.titulo-codigo{font-size:.68rem;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.42rem}
/* O codigo aparece inteiro. Cortado com reticencias ele parece truncado, e
   a pessoa hesita antes de colar no banco uma coisa que nao sabe se veio
   completa. */
#campo-codigo-pix{width:100%;background:#f6f7f4;border:1px solid #e2e5de;border-radius:12px;padding:.8rem .85rem;font-family:'SF Mono',Consolas,monospace;font-size:.74rem;line-height:1.55;color:#555;resize:none;white-space:pre-wrap;word-break:break-all;overflow:hidden;min-height:86px}
.dica-pix{font-size:.78rem;color:#8a8a8a;line-height:1.5;margin:.6rem 0 0;text-align:center}
.dica-pix b{color:#555;font-weight:700}

.area-qrcode{text-align:center}
#area-qrcode-pix{width:186px;height:186px;margin:0 auto;background:#fff;padding:9px;border-radius:14px;border:1px solid #e2e5de;display:flex;align-items:center;justify-content:center}
#area-qrcode-pix svg,#area-qrcode-pix img,#area-qrcode-pix canvas{width:100%;height:100%}

/* A base nao rola junto com o conteudo: o botao fica sempre na tela. */
.base-folha{flex-shrink:0;padding:.9rem 1.15rem 1.1rem}
#btn-copiar-pix{width:100%;background:#629020;color:#fff;border:none;border-radius:13px;padding:1rem;font-family:inherit;font-size:1.02rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;-webkit-tap-highlight-color:transparent;transition:background .18s}
#btn-copiar-pix:hover{background:#537a1a}
#btn-copiar-pix svg{width:17px;height:17px;flex-shrink:0}
/* o app-v2.js troca o conteudo do botao por esse texto depois de copiar */
.mensagem-codigo-copiado{font-weight:800}
.footer-modal{text-align:center;font-size:.74rem;color:#9a9a9a;line-height:1.5;margin:.7rem 0 0}
.footer-modal b{color:#629020;font-weight:700}

@media(min-width:768px){
.painel-pix{max-width:412px}
.topo-folha{padding:1.1rem 1.25rem .9rem}
.abas-pix{margin:0 1.25rem}
.painel-aba{padding:1.05rem 1.25rem .2rem}
.base-folha{padding:1rem 1.25rem 1.2rem}
}