/* Projeto Internacional Missão Betel — azul do logo, branco e cinzas. Celular primeiro. */
:root{
  --azul:#0A2BE0;--azul-esc:#0820B0;--azul-cl:#E9EEFF;--azul-2:#3D5BFF;
  --marinho:#0A1330;--noite:#060C22;
  --c0:#F6F8FB;--c1:#EEF1F6;--c2:#DFE4EE;--c3:#BAC3D3;
  --texto:#0E1526;--suave:#566077;--branco:#fff;
  --ok:#0E9F6E;--alerta:#C26A05;--perigo:#DC2626;--extrema:#B91C1C;--severa:#EA580C;--ouro:#C89B33;
  --raio:18px;--sombra:0 10px 30px rgba(10,19,48,.08);--sombra-forte:0 20px 50px rgba(10,19,48,.18);
  --serif:'Newsreader',Georgia,serif;--sans:'Figtree',system-ui,-apple-system,Segoe UI,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;
  --w:1180px;--pad:clamp(16px,4vw,32px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.6 var(--sans);color:var(--texto);background:var(--branco);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul);text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-.01em;margin:0 0 .4em;text-wrap:balance}
h1{font-size:clamp(34px,6vw,64px)}h2{font-size:clamp(28px,4.2vw,46px)}h3{font-size:clamp(20px,2.4vw,26px)}
h4{font:700 13px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}
p{margin:0 0 1em}
.mono{font-family:var(--mono);font-size:.86em;letter-spacing:.02em}
.pular{position:absolute;left:-999px;top:0;background:var(--azul);color:#fff;padding:10px 16px;z-index:100}.pular:focus{left:8px}
:focus-visible{outline:3px solid var(--azul-2);outline-offset:2px;border-radius:6px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.sec{padding:clamp(56px,9vw,110px) 0}
.sec-cinza{background:var(--c0)}
.sec-escura{background:var(--marinho);color:#E6EAF5}.sec-escura h2,.sec-escura h3{color:#fff}.sec-escura .suave{color:#A9B3CC}
.olho{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--azul);margin-bottom:14px}
.olho::before{content:"";width:22px;height:2px;background:currentColor}
.sec-escura .olho{color:#8FA3FF}
.suave{color:var(--suave)}
.cab-sec{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}.cab-sec p{max-width:560px;margin:0}
/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;border:2px solid var(--azul);background:var(--azul);color:#fff;font:700 15px/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{background:var(--azul-esc);border-color:var(--azul-esc);box-shadow:0 8px 22px rgba(10,43,224,.28)}
.btn:active{transform:translateY(1px)}
.btn.linha{background:transparent;color:var(--azul)}.btn.linha:hover{background:var(--azul-cl)}
.btn.branco{background:#fff;color:var(--azul);border-color:#fff}.btn.branco:hover{background:var(--azul-cl)}
.btn.vidro{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);color:#fff;backdrop-filter:blur(6px)}.btn.vidro:hover{background:rgba(255,255,255,.2)}
.btn.grande{min-height:56px;padding:16px 28px;font-size:16px}
.btn.cheio{width:100%}
.btn.peq{min-height:38px;padding:8px 14px;font-size:13px}
.btn.perigo{background:var(--perigo);border-color:var(--perigo)}
.btn-doar{background:var(--azul)}
/* topo */
.topo{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--c2);transition:background .3s,border-color .3s}
.topo-in{max-width:1320px;margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;gap:18px}
.marca img{height:44px;width:auto}.marca-branca{display:none}
.topo.sobre-hero{position:fixed;left:0;right:0;background:transparent;border-color:transparent;backdrop-filter:none}
.topo.sobre-hero .marca-azul{display:none}.topo.sobre-hero .marca-branca{display:block}
.topo.sobre-hero .nav a{color:#fff}.topo.sobre-hero .btn-conta{color:#fff}.topo.sobre-hero .hamb span{background:#fff}
.topo.sobre-hero.rolou{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-color:var(--c2)}
.topo.sobre-hero.rolou .marca-azul{display:block}.topo.sobre-hero.rolou .marca-branca{display:none}.topo.sobre-hero.rolou .nav a,.topo.sobre-hero.rolou .btn-conta{color:var(--texto)}.topo.sobre-hero.rolou .hamb span{background:var(--texto)}
.nav{display:none;gap:4px;margin-left:auto}
.nav a{color:var(--texto);text-decoration:none;font-weight:600;font-size:14.5px;padding:8px 11px;border-radius:999px;transition:background .2s}
.nav a:hover,.nav a.on{background:rgba(10,43,224,.08)}
.topo-acoes{display:flex;align-items:center;gap:10px;margin-left:auto}
.btn-conta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--texto);font-weight:700;font-size:14px;position:relative}
.av{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--azul-cl);color:var(--azul);font-weight:800;font-size:15px;flex:none}
.av.grande{width:48px;height:48px;font-size:20px;background:var(--azul);color:#fff}
.bolinha{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--perigo);color:#fff;font:700 11px/1 var(--sans);font-style:normal}
.btn-conta .bolinha{position:absolute;top:-6px;left:24px}
.topo .btn-doar{min-height:42px;padding:10px 20px}
.so-desk{display:none}
.hamb{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer}
.hamb span{display:block;width:22px;height:2px;background:var(--texto);border-radius:2px;transition:.3s}
.gaveta{position:fixed;inset:0;z-index:39;background:var(--marinho);padding:90px var(--pad) 40px;overflow:auto}
.gaveta nav{display:flex;flex-direction:column;gap:4px}
.gaveta a{color:#fff;text-decoration:none;font:600 22px/1.3 var(--serif);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.gaveta .btn{margin-top:14px;font:700 16px/1 var(--sans);border-bottom:0}.gaveta .btn.linha{color:#fff;border-color:rgba(255,255,255,.5)}
body.menu-aberto{overflow:hidden}body.menu-aberto .topo{background:var(--marinho);border-color:transparent}body.menu-aberto .topo .marca-azul{display:none}body.menu-aberto .topo .marca-branca{display:block}
body.menu-aberto .hamb span{background:#fff}body.menu-aberto .hamb span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.menu-aberto .hamb span:nth-child(2){opacity:0}body.menu-aberto .hamb span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.menu-aberto .btn-conta{color:#fff}
@media(min-width:1100px){.nav{display:flex}.hamb{display:none}.so-desk{display:inline}.topo-acoes{margin-left:12px}}
@media(min-width:640px){.so-desk{display:inline}}
.flash{max-width:var(--w);margin:16px auto 0;padding:14px 18px;border-radius:14px;background:#E7F7F0;color:#0B6B4B;font-weight:600;width:calc(100% - 2*var(--pad))}
.flash-erro{background:#FDECEC;color:#9B1C1C}.flash-aviso{background:#FFF4E5;color:#8A4B04}
.faixa-demo{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:30;background:var(--marinho);color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;box-shadow:var(--sombra-forte);width:max-content;max-width:calc(100% - 100px);text-align:center}
/* hero com globo */
.hero{position:relative;min-height:clamp(640px,100svh,900px);color:#fff;overflow:hidden;display:flex;align-items:center;isolation:isolate;
  background:linear-gradient(90deg,rgba(6,12,34,.92) 0%,rgba(6,12,34,.72) 45%,rgba(6,12,34,.45) 100%),radial-gradient(120% 90% at 72% 42%,rgba(29,52,140,.55) 0%,rgba(10,19,48,.35) 55%,rgba(6,12,34,.9) 100%),url(../img/fundo-missoes.jpg) center/cover no-repeat #060C22}
.hero.sem-foto{background:radial-gradient(120% 90% at 70% 40%,#13245C 0%,var(--marinho) 45%,var(--noite) 100%)}
@media(max-width:899px){.hero{background:linear-gradient(180deg,rgba(6,12,34,.62) 0%,rgba(6,12,34,.78) 55%,rgba(6,12,34,.95) 100%),radial-gradient(90% 60% at 80% 35%,rgba(29,52,140,.5),transparent 70%),url(../img/fundo-missoes-celular.jpg) center/cover no-repeat #060C22}}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,rgba(6,12,34,.6));pointer-events:none}
.hero-in{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:120px var(--pad) 70px;display:grid;gap:24px}
.hero h1{color:#fff;max-width:13ch}
.hero h1 em{font-style:italic;color:#9DB0FF}
.hero .lead{font-size:clamp(17px,2vw,20px);color:#C9D2EA;max-width:52ch}
.hero-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.hero-dados{display:flex;gap:28px;flex-wrap:wrap;margin-top:18px}
.hero-dados div{display:flex;flex-direction:column}.hero-dados b{font:700 clamp(26px,3vw,34px)/1 var(--mono);color:#fff}.hero-dados span{font-size:13px;color:#A9B3CC;margin-top:6px}
.globo{position:absolute;z-index:1;right:-30%;top:50%;transform:translateY(-50%);width:min(125vw,900px);aspect-ratio:1;opacity:.95;touch-action:pan-y;cursor:grab}
.globo canvas{width:100%;height:100%}
.globo-legenda{position:absolute;z-index:2;right:var(--pad);bottom:22px;font:500 12px/1.4 var(--mono);color:#8FA3FF;text-align:right}
.globo-legenda i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD66B;box-shadow:0 0 10px #FFD66B;margin-right:6px}
@media(max-width:899px){.globo{right:-52vw;left:auto;top:96px;bottom:auto;transform:none;width:118vw;opacity:.62;z-index:1}.hero-in{padding-top:110px}.hero h1,.hero .lead{text-shadow:0 2px 18px rgba(6,12,34,.85)}.globo-legenda{bottom:14px;right:auto;left:var(--pad);text-align:left;font-size:11px}}
@media(min-width:900px){.hero-in{grid-template-columns:1.1fr 1fr}.globo{right:-8%;width:min(62vw,860px)}}
/* campanha em destaque sobre o hero */
.cartao-campanha{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:22px;padding:18px;max-width:440px;color:#fff;display:grid;gap:10px}
.cartao-campanha small{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#FFD66B}
.cartao-campanha b{font:600 22px/1.2 var(--serif)}
/* barra de progresso */
.barra{height:10px;border-radius:99px;background:var(--c1);overflow:hidden}
.barra i{display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,var(--azul),var(--azul-2));transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.js .barra[data-anima] i{width:0}.barra.on i{width:var(--p,0%)!important}
.sec-escura .barra,.cartao-campanha .barra{background:rgba(255,255,255,.15)}.cartao-campanha .barra i{background:linear-gradient(90deg,#FFD66B,#fff)}
.barra-num{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:8px;flex-wrap:wrap}.barra-num b{font-family:var(--mono)}
/* cartões */
.grade{display:grid;gap:18px}
@media(min-width:640px){.grade.g2{grid-template-columns:repeat(2,1fr)}.grade.g3{grid-template-columns:repeat(2,1fr)}.grade.g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.grade.g3{grid-template-columns:repeat(3,1fr)}.grade.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border:1px solid var(--c2);border-radius:var(--raio);padding:22px;box-shadow:var(--sombra)}
.card-lisa{background:var(--c0);border:0;box-shadow:none}
/* missão (carimbo de passaporte) */
.missao-card{position:relative;display:flex;flex-direction:column;border-radius:var(--raio);overflow:hidden;background:#fff;border:1px solid var(--c2);text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.missao-card:hover{transform:translateY(-6px);box-shadow:var(--sombra-forte)}
.missao-card .foto{aspect-ratio:4/3;overflow:hidden;background:var(--c1);position:relative}
.missao-card .foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.missao-card:hover .foto img{transform:scale(1.06)}
.missao-card .corpo{padding:18px 18px 20px;display:grid;gap:6px}
.missao-card h3{margin:0;font-size:22px}
.carimbo{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--azul)}
.carimbo .coord{color:var(--suave);font-weight:500}
.selo-ilustra{position:absolute;left:10px;bottom:10px;background:rgba(6,12,34,.72);color:#fff;font-size:11px;padding:4px 9px;border-radius:99px;backdrop-filter:blur(4px)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;background:var(--azul-cl);color:var(--azul);font:700 12px/1.2 var(--sans)}
.tag.cinza{background:var(--c1);color:var(--suave)}.tag.ok{background:#E3F6EE;color:#0B6B4B}.tag.alerta{background:#FFF1DE;color:#8A4B04}.tag.perigo{background:#FDECEC;color:#9B1C1C}
.filtros{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:22px;scrollbar-width:none}.filtros::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:99px;border:1.5px solid var(--c2);background:#fff;color:var(--texto);font:600 14px/1 var(--sans);text-decoration:none;cursor:pointer}
.chip.on,.chip:hover{border-color:var(--azul);color:var(--azul);background:var(--azul-cl)}
/* números */
.numeros{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--c2);border-radius:var(--raio);overflow:hidden}
.numeros div{background:#fff;padding:26px 20px}.numeros b{display:block;font:700 clamp(30px,4vw,44px)/1 var(--mono);color:var(--azul)}.numeros span{display:block;margin-top:8px;color:var(--suave);font-size:14px}
@media(min-width:880px){.numeros{grid-template-columns:repeat(4,1fr)}}
/* passos (formas de envio) */
.passos{display:grid;gap:14px;counter-reset:p}
.passo{position:relative;padding:22px 22px 22px 76px;border-radius:var(--raio);background:#fff;border:1px solid var(--c2)}
.passo::before{counter-increment:p;content:counter(p,decimal-leading-zero);position:absolute;left:20px;top:20px;font:700 22px/1 var(--mono);color:var(--azul)}
.passo h3{font-size:21px;margin-bottom:6px}.passo p{margin:0;color:var(--suave)}
@media(min-width:900px){.passos{grid-template-columns:repeat(3,1fr)}.passo{padding:74px 24px 24px}.passo::before{top:24px;left:24px;font-size:28px}}
/* história (duas colunas) */
.dupla{display:grid;gap:30px;align-items:center}.dupla>*,.grade>*,.mapa-layout>*,.form-grade>*{min-width:0}
@media(min-width:900px){.dupla{grid-template-columns:1fr 1fr;gap:60px}}
.foto-moldura{border-radius:24px;overflow:hidden;box-shadow:var(--sombra-forte);aspect-ratio:4/3}.foto-moldura img{width:100%;height:100%;object-fit:cover}
.citacao{font:italic 500 clamp(22px,2.6vw,30px)/1.35 var(--serif);border-left:3px solid var(--azul);padding-left:20px;margin:20px 0}
/* faixa de chamada */
.chamada{position:relative;border-radius:28px;overflow:hidden;background:var(--azul);color:#fff;padding:clamp(34px,6vw,70px);display:grid;gap:18px}
.chamada::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 90% 10%,rgba(255,255,255,.22),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(6,12,34,.5),transparent 60%)}
.chamada>*{position:relative}.chamada h2{color:#fff;max-width:18ch}.chamada p{color:#DCE3FF;max-width:52ch;margin:0}
.chamada .acoes{display:flex;gap:12px;flex-wrap:wrap}
/* vídeos */
.videos{display:grid;gap:16px;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.videos a{scroll-snap-align:start;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#000;display:block;color:#fff;text-decoration:none}
.videos img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s,transform .6s}.videos a:hover img{opacity:1;transform:scale(1.04)}
.videos span{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-weight:700;font-size:15px;line-height:1.3}
.videos a::after{content:"▶";position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--azul);display:grid;place-items:center;font-size:14px}
@media(min-width:760px){.videos{grid-auto-columns:40%}}@media(min-width:1100px){.videos{grid-auto-columns:31%}}
/* parceiros */
.parceiros{display:flex;flex-wrap:wrap;gap:12px}.parceiros span{padding:12px 18px;border-radius:14px;background:#fff;border:1px solid var(--c2);font-weight:700;color:var(--suave)}
/* capelania (dourado só aqui, por causa do brasão) */
.capelania-cta{display:grid;gap:26px;align-items:center;background:linear-gradient(135deg,#0A1330,#101E4A);color:#E6EAF5;border-radius:28px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}
.capelania-cta::after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-120px;background:radial-gradient(circle,rgba(200,155,51,.28),transparent 65%)}
.capelania-cta h2{color:#fff}.capelania-cta .olho{color:var(--ouro)}.capelania-cta img{width:min(240px,60%);margin:0 auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}
.lista-check{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}.lista-check li{padding-left:28px;position:relative}.lista-check li::before{content:"✓";position:absolute;left:0;color:var(--ouro);font-weight:800}
@media(min-width:880px){.capelania-cta{grid-template-columns:1.4fr .8fr}}
/* páginas internas */
.cab-pagina{background:var(--c0);border-bottom:1px solid var(--c2);padding:clamp(40px,7vw,80px) 0 clamp(30px,5vw,50px)}
.cab-pagina p{max-width:640px;font-size:18px;color:var(--suave)}
.migalha{font-size:14px;color:var(--suave);margin-bottom:12px}.migalha a{color:var(--suave)}
.capa-missao{position:relative;min-height:clamp(380px,60vh,560px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--marinho)}
.capa-missao img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capa-missao::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,34,.1) 0%,rgba(6,12,34,.85) 100%)}
.capa-missao .wrap{position:relative;z-index:1;padding-bottom:40px;width:100%}.capa-missao h1{color:#fff}.capa-missao .carimbo{color:#9DB0FF}.capa-missao .carimbo .coord{color:#C9D2EA}
.texto-longo{font-size:18px;line-height:1.75;max-width:68ch}.texto-longo p{margin-bottom:1.1em}
.galeria{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.galeria a{border-radius:14px;overflow:hidden;aspect-ratio:1;display:block}.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.galeria a:hover img{transform:scale(1.05)}
@media(min-width:760px){.galeria{grid-template-columns:repeat(3,1fr)}}
.aviso-provisorio{padding:16px 18px;border-radius:14px;background:var(--azul-cl);color:var(--azul-esc);font-size:15px}
.video-embed{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-embed.vertical{aspect-ratio:9/16;max-width:360px}
/* doação / checkout */
.caixa-doar{background:#fff;border:1px solid var(--c2);border-radius:24px;padding:clamp(20px,4vw,32px);box-shadow:var(--sombra);display:grid;gap:18px}
.alternar{display:grid;grid-template-columns:repeat(3,1fr);background:var(--c1);border-radius:14px;padding:4px;gap:4px}
.alternar label{position:relative}.alternar input{position:absolute;opacity:0;width:1px;height:1px}
.alternar span{display:block;text-align:center;padding:11px 6px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;color:var(--suave)}
.alternar input:checked+span{background:#fff;color:var(--azul);box-shadow:0 2px 8px rgba(10,19,48,.1)}
.alternar input:focus-visible+span{outline:3px solid var(--azul-2)}
.valores{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.valores label{position:relative}.valores input{position:absolute;opacity:0;width:1px;height:1px}
.valores span{display:flex;align-items:center;justify-content:center;min-height:58px;border:2px solid var(--c2);border-radius:14px;font:700 19px/1 var(--mono);cursor:pointer;transition:.2s}
.valores input:checked+span{border-color:var(--azul);background:var(--azul-cl);color:var(--azul)}
@media(min-width:520px){.valores{grid-template-columns:repeat(4,1fr)}}
.campo{display:grid;gap:6px}.campo label{font-weight:700;font-size:14px}.campo small{color:var(--suave);font-size:13px}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=url],select,textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--c3);border-radius:12px;font:500 16px/1.4 var(--sans);color:var(--texto);background:#fff;transition:border-color .2s,box-shadow .2s}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 4px rgba(10,43,224,.12)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px}.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--azul)}
.form-grade{display:grid;gap:14px}@media(min-width:640px){.form-grade.g2{grid-template-columns:1fr 1fr}}
.resumo-doacao{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;background:var(--c0);font-weight:600}.resumo-doacao b{font:700 22px/1 var(--mono);color:var(--azul)}
.divisao{display:grid;gap:8px;padding:16px;border-radius:14px;border:1px dashed var(--c3);font-size:14px}
.divisao .l{display:flex;justify-content:space-between;gap:10px}.divisao .barra-div{display:flex;height:10px;border-radius:99px;overflow:hidden}.divisao .barra-div i:first-child{background:var(--cor,var(--azul))}.divisao .barra-div i:last-child{background:var(--c3)}
/* pagamento simulado */
.pix-caixa{display:grid;gap:16px;justify-items:center;text-align:center}
.qr{width:220px;height:220px;padding:12px;background:#fff;border:1px solid var(--c2);border-radius:18px}.qr img,.qr canvas{width:100%!important;height:100%!important}
.copia-cola{display:flex;gap:8px;width:100%}.copia-cola input{font:500 13px var(--mono)}
.cartao-fake{width:100%;max-width:380px;aspect-ratio:1.586;border-radius:18px;padding:20px;color:#fff;background:linear-gradient(135deg,#0A1330,#0A2BE0);display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);box-shadow:var(--sombra-forte)}
.selo-teste{display:inline-block;background:#FFF1DE;color:#8A4B04;font:700 12px/1 var(--sans);padding:6px 10px;border-radius:99px}
.recibo{border:1px solid var(--c2);border-radius:18px;padding:22px;background:#fff;font-size:15px}.recibo dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}.recibo dt{color:var(--suave)}.recibo dd{margin:0;font-weight:600;text-align:right}
.confete{position:fixed;inset:0;pointer-events:none;z-index:60}
/* mapa da perseguição */
.mapa-box{position:relative;background:var(--marinho);border-radius:24px;overflow:hidden;min-height:320px}
.mapa-box svg{width:100%;height:auto;display:block}
.mapa-box .pais{fill:#1B2A57;stroke:#0A1330;stroke-width:.4;transition:fill .2s;cursor:default}
.mapa-box .pais.extrema{fill:var(--extrema);cursor:pointer}.mapa-box .pais.severa{fill:var(--severa);cursor:pointer}.mapa-box .pais.atuamos{fill:#3D5BFF;cursor:pointer}
.mapa-box .pais.extrema.atuamos,.mapa-box .pais.severa.atuamos{stroke:#fff;stroke-width:1}
.mapa-box .pais:hover{filter:brightness(1.25)}
.mapa-box .ponto{fill:#FFD66B}
.mapa-dica{position:absolute;pointer-events:none;background:#fff;color:var(--texto);padding:10px 12px;border-radius:12px;box-shadow:var(--sombra-forte);font-size:13px;max-width:240px;z-index:3;opacity:0;transition:opacity .15s}
.legenda{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;margin:14px 0}.legenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ranking{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:560px;overflow:auto}
.ranking li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--c2);font-size:15px;cursor:pointer}
.ranking li b{font:700 15px var(--mono);color:var(--suave)}.ranking li.ativo{border-color:var(--azul);background:var(--azul-cl)}
.painel-pais{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--c2);min-height:140px}
.mapa-layout{display:grid;gap:20px}@media(min-width:1000px){.mapa-layout{grid-template-columns:1fr 340px}}
/* oração */
.velas{display:flex;flex-wrap:wrap;gap:6px}.vela{width:10px;height:10px;border-radius:50%;background:#FFD66B;box-shadow:0 0 12px #FFD66B;animation:tremula 2.4s infinite ease-in-out}
@keyframes tremula{50%{opacity:.55;transform:scale(.85)}}
.contador-luz{font:700 clamp(46px,8vw,86px)/1 var(--mono);color:#FFD66B;text-shadow:0 0 30px rgba(255,214,107,.5)}
/* materiais */
.material{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--c2)}
.material .ico{width:56px;height:56px;border-radius:14px;background:var(--azul-cl);display:grid;place-items:center;font-size:24px}.material h3{font-size:18px;margin:0 0 2px}.material p{margin:0;font-size:14px;color:var(--suave)}
.material .acoes{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--suave)}
@media(min-width:760px){.material{grid-template-columns:56px 1fr auto}.material .acoes{grid-column:auto;flex-direction:column;align-items:flex-end}}
/* missionário (a cor muda por pessoa) */
.pg-missionario{--cor:#0A2BE0}
.mis-hero{position:relative;background:var(--marinho);color:#fff;overflow:hidden}
.mis-hero .fundo{position:absolute;inset:0;opacity:.28}.mis-hero .fundo img{width:100%;height:100%;object-fit:cover}
.mis-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--marinho) 20%,transparent),linear-gradient(0deg,var(--marinho),transparent 50%)}
.mis-hero .wrap{position:relative;z-index:1;display:grid;gap:26px;padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(40px,7vw,70px);align-items:center}
.mis-foto{width:min(300px,70%);aspect-ratio:4/5;border-radius:24px;overflow:hidden;border:4px solid var(--cor);box-shadow:var(--sombra-forte)}.mis-foto img{width:100%;height:100%;object-fit:cover}
.mis-hero h1{color:#fff;font-size:clamp(34px,5vw,56px)}.mis-hero .chamada-mis{font:italic 500 clamp(20px,2.4vw,26px)/1.35 var(--serif);color:#D5DCF2}
@media(min-width:900px){.mis-hero .wrap{grid-template-columns:320px 1fr 380px}.mis-foto{width:100%}}
.mis-meta{background:#fff;color:var(--texto);border-radius:22px;padding:22px;display:grid;gap:12px;box-shadow:var(--sombra-forte)}
.mis-meta .barra i{background:var(--cor)}.mis-meta .btn{background:var(--cor);border-color:var(--cor)}
.linha-tempo{position:relative;display:grid;gap:18px;padding-left:28px}.linha-tempo::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--c2)}
.linha-tempo div{position:relative}.linha-tempo div::before{content:"";position:absolute;left:-26px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--cor,var(--azul));box-shadow:0 0 0 4px #fff}
.linha-tempo b{font:700 13px var(--mono);color:var(--cor,var(--azul))}
.necessidades{display:grid;gap:10px}.necessidades div{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:14px;background:var(--c0)}.necessidades b{font-family:var(--mono)}
.mis-card{display:grid;border-radius:var(--raio);overflow:hidden;background:#fff;border:1px solid var(--c2);text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
.mis-card:hover{transform:translateY(-5px);box-shadow:var(--sombra-forte)}
.mis-card .foto{aspect-ratio:1;overflow:hidden;position:relative}.mis-card .foto img{width:100%;height:100%;object-fit:cover}
.mis-card .corpo{padding:18px;display:grid;gap:8px}.mis-card h3{margin:0;font-size:22px}
.selo-exemplo{position:absolute;top:10px;left:10px;background:#FFF1DE;color:#8A4B04;font:700 11px/1 var(--sans);padding:5px 9px;border-radius:99px}
/* carteirinha */
.carteirinha{position:relative;width:100%;max-width:440px;aspect-ratio:1.586;border-radius:22px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0A1330 0%,#0A2BE0 110%);box-shadow:var(--sombra-forte);padding:20px 22px;display:grid;grid-template-rows:auto 1fr auto;font-family:var(--sans)}
.carteirinha::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,255,255,.07)}
.carteirinha .ct-topo{display:flex;justify-content:space-between;align-items:center}.carteirinha .ct-topo img{height:34px;width:auto}
.carteirinha .ct-corpo{display:flex;justify-content:space-between;align-items:center;gap:12px}
.carteirinha .ct-nome{font:600 clamp(18px,4vw,22px)/1.2 var(--serif)}.carteirinha .ct-cat{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#9DB0FF;margin-top:6px}
.carteirinha .ct-qr{width:88px;height:88px;background:#fff;border-radius:10px;padding:5px;flex:none}.carteirinha .ct-qr img,.carteirinha .ct-qr canvas{width:100%!important;height:100%!important}
.carteirinha .ct-rodape{display:flex;justify-content:space-between;align-items:flex-end;font:500 12px var(--mono);color:#C9D2EA}
.carteirinha .status{font:800 12px/1 var(--sans);letter-spacing:.08em;padding:6px 10px;border-radius:99px;background:#16A34A}
.carteirinha.vencida{filter:grayscale(.85)}.carteirinha.vencida .status{background:var(--perigo)}
.validacao{max-width:520px;margin:0 auto;text-align:center;display:grid;gap:14px;justify-items:center}
.validacao .grande-status{font:800 28px/1 var(--sans);padding:14px 22px;border-radius:16px}
/* área logada */
.area-painel,.area-admin{background:var(--c0)}
.moldura{max-width:1320px;margin:0 auto;padding:18px var(--pad) 60px;display:grid;gap:18px}
.lateral{background:#fff;border:1px solid var(--c2);border-radius:20px;padding:14px;align-self:start}
.lat-topo{display:flex;gap:12px;align-items:center;padding:6px 6px 14px;border-bottom:1px solid var(--c1)}.lat-topo b{display:block;font-size:15px}.lat-topo small{color:var(--suave)}
.lat-nav{display:flex;gap:6px;overflow-x:auto;padding-top:12px;scrollbar-width:none}.lat-nav::-webkit-scrollbar{display:none}
.lat-nav a{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--texto);font-weight:600;font-size:14.5px;white-space:nowrap}
.lat-nav a:hover{background:var(--c0)}.lat-nav a.on{background:var(--azul);color:#fff}.lat-nav a span{width:22px;text-align:center}
.lat-nav .bolinha{margin-left:auto}
@media(min-width:980px){.moldura{grid-template-columns:260px 1fr;padding-top:26px}.lateral{position:sticky;top:84px}.lat-nav{flex-direction:column;overflow:visible}}
.palco{min-width:0;display:grid;gap:18px;align-content:start}
.palco-topo{display:flex;justify-content:flex-end}
.btn-ajuda{border:1.5px solid var(--c3);background:#fff;border-radius:99px;padding:8px 14px;font:700 13px var(--sans);color:var(--suave);cursor:pointer}.btn-ajuda:hover{border-color:var(--azul);color:var(--azul)}
.palco h1{font-size:clamp(28px,4vw,38px);margin:0}
.explica{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:var(--azul-cl);color:#1B2A6B;font-size:15px}.explica::before{content:"💡"}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpis>div{background:#fff;border:1px solid var(--c2);border-radius:16px;padding:16px}
.kpis b{display:block;font:700 clamp(20px,3vw,28px)/1.1 var(--mono);color:var(--azul)}.kpis span{font-size:13px;color:var(--suave)}
@media(min-width:900px){.kpis{grid-template-columns:repeat(4,1fr)}}
.tabela-wrap{overflow-x:auto;background:#fff;border:1px solid var(--c2);border-radius:16px}
table.tabela{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}.tabela th{text-align:left;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--suave);padding:12px 14px;border-bottom:1px solid var(--c2);background:var(--c0)}
.tabela td{padding:12px 14px;border-bottom:1px solid var(--c1);vertical-align:middle}.tabela tr:last-child td{border-bottom:0}.tabela .num{font-family:var(--mono);text-align:right;white-space:nowrap}
.nivel{display:grid;gap:10px;background:linear-gradient(135deg,var(--marinho),#13245C);color:#fff;border-radius:20px;padding:22px}.nivel b{font:600 26px/1.1 var(--serif)}.nivel .barra{background:rgba(255,255,255,.15)}.nivel .barra i{background:linear-gradient(90deg,#FFD66B,#fff)}
.conquistas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.conquista{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--c2);text-align:center;display:grid;gap:4px}.conquista .e{font-size:28px}.conquista b{font-size:14px}.conquista small{font-size:12px;color:var(--suave)}
.conquista.bloq{opacity:.45;filter:grayscale(1)}@media(min-width:700px){.conquistas{grid-template-columns:repeat(3,1fr)}}
.notif{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--c2);text-decoration:none;color:inherit}.notif.nova{border-color:var(--azul);background:var(--azul-cl)}.notif small{display:block;color:var(--suave);margin-top:4px}
.link-copiar{display:flex;gap:8px;flex-wrap:wrap}.link-copiar input{flex:1 1 220px;font:500 14px var(--mono)}
.form-admin{display:grid;gap:14px;background:#fff;border:1px solid var(--c2);border-radius:18px;padding:20px}
.acoes-linha{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vazio{padding:30px;text-align:center;color:var(--suave);background:#fff;border:1px dashed var(--c3);border-radius:16px}
/* entrar */
.entrar{min-height:calc(100svh - 70px);display:grid;place-items:center;padding:30px var(--pad);background:radial-gradient(80% 60% at 50% 0%,var(--azul-cl),#fff)}
.entrar .card{width:100%;max-width:440px;display:grid;gap:14px;padding:clamp(22px,5vw,34px)}
.demo-contas{font-size:13px;color:var(--suave)}
/* tour guiado */
.tour-fundo{position:fixed;inset:0;z-index:80;pointer-events:none}
.tour-foco{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px rgba(6,12,34,.62),0 0 0 3px #fff;transition:all .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tour-bolha{position:fixed;z-index:81;width:min(340px,calc(100vw - 32px));background:#fff;border-radius:18px;padding:18px;box-shadow:var(--sombra-forte);font-size:15px;display:grid;gap:10px}
.tour-bolha .passo-n{font:700 12px var(--mono);color:var(--azul)}.tour-bolha b{font:600 20px/1.2 var(--serif)}.tour-bolha .acoes-linha{justify-content:space-between}
/* rodapé */
.rodape{background:var(--noite);color:#A9B3CC;padding:60px 0 0;margin-top:0}
.rodape-in{max-width:var(--w);margin:0 auto;padding:0 var(--pad);display:grid;gap:34px}
.rodape h4{color:#fff}.rodape a{display:block;color:#C9D2EA;text-decoration:none;padding:4px 0}.rodape a:hover{color:#fff}.rodape p{font-size:14.5px}
.rod-marca img{height:56px;width:auto;margin-bottom:16px}.redes{display:flex;gap:16px;margin-top:10px}
.rodape-base{margin-top:40px;border-top:1px solid rgba(255,255,255,.08);padding:18px var(--pad);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;max-width:var(--w);margin-left:auto;margin-right:auto}.rodape-base a{display:inline;padding:0}
@media(min-width:880px){.rodape-in{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.zap-flutuante{position:fixed;right:16px;bottom:16px;z-index:35;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.45)}
/* revelação ao rolar (conteúdo visível sem JS) */
.js .rev{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.js .rev.on{opacity:1;transform:none}
.rev.d1{transition-delay:.08s}.rev.d2{transition-delay:.16s}.rev.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rev{opacity:1;transform:none}}

/* topo da home entra com animação própria, já visível no carregamento */
.hero-in>div:first-child>*{animation:sobe .9s cubic-bezier(.2,.8,.2,1) both}.hero-in>div:first-child>*:nth-child(2){animation-delay:.08s}.hero-in>div:first-child>*:nth-child(3){animation-delay:.16s}.hero-in>div:first-child>*:nth-child(4){animation-delay:.24s}.hero-in>div:first-child>*:nth-child(5){animation-delay:.32s}
@keyframes sobe{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ===== polimento v3: alinhamento e acabamento ===== */
::selection{background:var(--azul);color:#fff}
/* cartões da mesma fileira com a mesma altura e a barra de meta sempre no pé */
.missao-card .corpo,.mis-card .corpo{display:flex;flex-direction:column;gap:6px;flex:1}
.missao-card .corpo>.barra,.mis-card .corpo>.barra{margin-top:auto}
.missao-card .corpo>p:has(+.barra),.mis-card .corpo>p:has(+.barra){margin-bottom:12px!important}
.mis-card{display:flex;flex-direction:column}
.grade>.card{display:flex;flex-direction:column}
/* botões: leve elevação no mouse, nada no toque */
@media(hover:hover){.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}}
.btn{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .25s,border-color .2s,color .2s}
/* grupos de botões: no celular ocupam a largura toda e ficam do mesmo tamanho */
@media(max-width:639px){
  .hero-acoes,.chamada .acoes,.capelania-cta .hero-acoes{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-acoes>.btn,.chamada .acoes>.btn{width:100%}
  .cab-sec{margin-bottom:24px}.cab-sec .btn{width:100%}
  .hero-dados{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .hero-dados b{font-size:24px}.hero-dados span{font-size:12px;line-height:1.3}
}
/* topo da home: rótulo legível sobre a foto, globo sem roubar o toque dos botões */
.hero .olho{color:#B9C6FF;text-shadow:0 1px 10px rgba(6,12,34,.9)}
.hero-acoes,.hero-dados,.cartao-campanha{position:relative;z-index:3}
.hero .cartao-campanha{box-shadow:0 30px 60px rgba(0,0,0,.35)}
/* cabeçalho ganha sombra ao rolar */
.topo{transition:background .3s,border-color .3s,box-shadow .3s}
.topo.rolou,.topo.sobre-hero.rolou{box-shadow:0 6px 24px rgba(10,19,48,.08)}
/* cartões interativos: foco visível e borda que acende */
.missao-card,.mis-card{outline-offset:3px}
@media(hover:hover){.missao-card:hover,.mis-card:hover{border-color:#C9D3F5}}
/* chips e abas com área de toque boa */
.chip{min-height:40px}
/* rodapé: colunas alinhadas no topo */
.rodape-in{align-items:start}
/* seção final: texto e botões respiram igual */
.chamada{gap:20px}
/* imagens surgem suaves quando carregam */
.missao-card .foto,.mis-card .foto,.galeria a,.foto-moldura{background:linear-gradient(110deg,var(--c1) 30%,var(--c0) 50%,var(--c1) 70%) 0 0/200% 100%}
/* páginas internas: cabeçalho com leve textura azul */
.cab-pagina{background:radial-gradient(60% 120% at 100% 0%,var(--azul-cl),transparent 60%),var(--c0)}

/* ===== celular sem arrastar para o lado ===== */
.filtros{flex-wrap:wrap;overflow:visible;padding-bottom:0}
.barra-app,.menu-fundo,.lat-puxador{display:none}
@media(max-width:979px){
  /* menu da conta: painel que sobe de baixo, em duas colunas */
  .lateral{position:fixed;left:0;right:0;bottom:0;z-index:62;border-radius:24px 24px 0 0;border:0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));max-height:82svh;overflow:auto;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 -20px 50px rgba(6,12,34,.25)}
  body.conta-aberta .lateral{transform:none}
  .lat-puxador{display:block;width:44px;height:5px;border-radius:9px;background:var(--c2);margin:2px auto 10px}
  .lat-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}
  .lat-nav a{white-space:normal;line-height:1.25;padding:12px;border:1px solid var(--c2);min-height:52px}
  .lat-nav a.on{border-color:var(--azul)}
  .menu-fundo{display:block;position:fixed;inset:0;z-index:61;background:rgba(6,12,34,.5);opacity:0;pointer-events:none;transition:opacity .3s}
  body.conta-aberta .menu-fundo{opacity:1;pointer-events:auto}
  body.conta-aberta{overflow:hidden}
  /* barra fixa de atalhos */
  .barra-app{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--c2);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(10,19,48,.06)}
  .barra-app a,.barra-app button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:0;background:none;border-radius:14px;color:var(--suave);font:700 11px/1.1 var(--sans);text-decoration:none;cursor:pointer;padding:4px 2px;text-align:center}
  .barra-app .ic{position:relative;font-size:20px;line-height:1}.barra-app .bolinha{position:absolute;top:-6px;right:-12px;min-width:17px;height:17px;font-size:10px;padding:0 4px}
  .barra-app a.on{color:var(--azul);background:var(--azul-cl)}
  .area-painel,.area-admin{padding-bottom:84px}
  .area-painel .zap-flutuante,.area-admin .zap-flutuante{display:none}
  .area-painel .faixa-demo,.area-admin .faixa-demo{bottom:84px}
}
/* tabelas viram cartões no celular */
@media(max-width:699px){
  .tabela-wrap{overflow:visible;background:none;border:0}
  table.tabela{min-width:0}
  table.tabela,.tabela tbody,.tabela tr,.tabela td{display:block;width:100%}
  .tabela tr:has(th){display:none}
  .tabela tr{background:#fff;border:1px solid var(--c2);border-radius:14px;padding:6px 14px;margin-bottom:10px}
  .tabela td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid var(--c1);text-align:right}
  .tabela td:last-child{border-bottom:0}
  .tabela td::before{content:attr(data-label);font:700 11px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--suave);text-align:left;flex:none;max-width:45%}
  .tabela td[data-label=""]::before{display:none}.tabela td[data-label=""]{justify-content:flex-end}
  .tabela .num{text-align:right}
}
/* vídeos: no celular empilhados, sem arrastar */
@media(max-width:759px){.videos{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding-bottom:0}.videos a:nth-child(n+5){display:none}}

/* ===== carteirinha v2: frente e verso (proporção de cartão, 85,6 x 54 mm) ===== */
.ct-par{display:grid;gap:18px 22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.ct-lado{margin:0;display:grid;gap:8px;justify-items:center;min-width:0}
.ct-lado figcaption{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
.ct-par.exp{padding:14px;background:#fff;border-radius:18px}.ct-par.exp figcaption{display:none}
.ct{position:relative;width:100%;max-width:460px;aspect-ratio:1.586;border-radius:4.2cqw;overflow:hidden;container-type:inline-size;font-family:var(--sans);box-shadow:0 24px 50px -18px rgba(6,12,34,.55),0 2px 6px rgba(6,12,34,.18);isolation:isolate}
.ct-lado{container-type:inline-size}
.ct{border-radius:18px}
.ct-frente{color:#fff;background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--cor) 70%,transparent) 0%,transparent 60%),linear-gradient(135deg,#050B22 0%,color-mix(in srgb,var(--cor) 55%,#050B22) 55%,color-mix(in srgb,var(--cor) 85%,#050B22) 100%)}
.ct-guilhoche{position:absolute;inset:0;z-index:-1;opacity:.6;background:
  repeating-radial-gradient(circle at 108% -12%,transparent 0 1.1cqw,rgba(255,255,255,.07) 1.1cqw 1.25cqw),
  repeating-radial-gradient(circle at -12% 115%,transparent 0 1.4cqw,rgba(255,255,255,.05) 1.4cqw 1.55cqw)}
.ct-agua{position:absolute;right:-8cqw;bottom:-6cqw;width:62cqw;opacity:.06;z-index:-1;pointer-events:none}
.ct-cab{display:flex;align-items:center;gap:3cqw;padding:4.6cqw 5.4cqw 0}
.ct-cab img{height:9.6cqw;width:auto}
.ct-tit{display:grid;gap:.9cqw;margin-left:auto;text-align:right}
.ct-tit small{font:600 1.9cqw/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.ct-tit b{font:800 3.1cqw/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.ct-meio{display:grid;grid-template-columns:23cqw 1fr;gap:4.4cqw;padding:4.4cqw 5.4cqw 0;align-items:start}
.ct-foto{aspect-ratio:3/4;border-radius:2.2cqw;overflow:hidden;background:#DCE3F5;box-shadow:0 0 0 .6cqw rgba(255,255,255,.92),0 1.6cqw 3.6cqw rgba(0,0,0,.35)}
.ct-foto img{width:100%;height:100%;object-fit:cover}
.ct-dados{min-width:0}
.ct-nome{font:600 5.3cqw/1.08 var(--serif);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere}
.ct-cat{margin-top:1.4cqw;font:800 2.1cqw/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--cor) 30%,#fff)}
.ct-campos{display:grid;grid-template-columns:1fr 1fr;gap:2.2cqw 3cqw;margin:3.2cqw 0 0}
.ct-campos div{min-width:0}.ct-campos dt{font:700 1.75cqw/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.62}
.ct-campos dd{margin:.9cqw 0 0;font:600 2.5cqw/1.15 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-pe{position:absolute;left:5.4cqw;right:5.4cqw;bottom:6.4cqw;display:flex;align-items:center;justify-content:space-between}
.ct-status{display:inline-flex;align-items:center;gap:1.4cqw;padding:1.4cqw 2.6cqw;border-radius:99px;background:#16A34A;font:800 2.2cqw/1 var(--sans);letter-spacing:.12em;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.25)}
.ct-status i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .5cqw rgba(255,255,255,.35)}
.ct-frente.off .ct-status{background:var(--perigo)}
.ct-frente.off{filter:grayscale(.75) brightness(.92)}
.ct-holo{position:relative;display:grid;place-items:center;width:10.5cqw;height:10.5cqw;border-radius:50%;overflow:hidden;
  background:conic-gradient(from 0deg,#D6E0FF,#FFE9A8,#B8F3E4,#F7C6FF,#C9D6FF,#FFE9A8,#D6E0FF);box-shadow:0 0 0 .5cqw rgba(255,255,255,.55) inset,0 .8cqw 2cqw rgba(0,0,0,.3)}
.ct-holo::before{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%);animation:holo 3.6s ease-in-out infinite}
.ct-holo b{position:relative;font:800 2.2cqw/1 var(--sans);letter-spacing:.08em;color:#0A1330;opacity:.75}
@keyframes holo{0%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
.ct-micro{position:absolute;left:0;right:0;bottom:2cqw;padding:0 5.4cqw;font:500 1.3cqw/1 var(--mono);letter-spacing:.18em;white-space:nowrap;overflow:hidden;opacity:.34}
.ct-exemplo{position:absolute;top:1.6cqw;left:50%;transform:translateX(-50%);font:800 1.7cqw/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;background:#FFD66B;color:#0A1330;padding:.9cqw 2cqw;border-radius:99px}
/* verso */
.ct-verso{color:var(--texto);background:repeating-linear-gradient(135deg,transparent 0 1.6cqw,rgba(10,43,224,.035) 1.6cqw 1.75cqw),linear-gradient(180deg,#fff,#F1F4FA)}
.ct-faixa{display:flex;align-items:center;justify-content:space-between;height:11cqw;padding:0 5.4cqw;background:linear-gradient(90deg,#050B22,color-mix(in srgb,var(--cor) 80%,#050B22));color:#fff}
.ct-faixa span{font:800 2.3cqw/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.ct-faixa img{height:6.6cqw;width:auto;opacity:.92}
.ct-v-corpo{display:grid;grid-template-columns:24cqw 1fr;gap:4.4cqw;align-items:center;padding:4cqw 5.4cqw 0}
.ct-verso .ct-qr{width:24cqw;height:24cqw;padding:1.4cqw;background:#fff;border-radius:2cqw;box-shadow:0 0 0 .3cqw var(--c2)}
.ct-verso .ct-qr img,.ct-verso .ct-qr canvas{width:100%!important;height:100%!important}
.ct-v-txt{display:grid;gap:1.1cqw;min-width:0}
.ct-v-txt b{font:700 2.9cqw/1.2 var(--sans)}.ct-v-txt span{font:500 2.2cqw/1.35 var(--sans);color:var(--suave)}.ct-v-txt em{font-style:normal;color:var(--cor);font-weight:700;overflow-wrap:anywhere}
.ct-v-txt strong{margin-top:.6cqw;justify-self:start;font:700 3cqw/1 var(--mono);letter-spacing:.06em;color:#0A1330;background:var(--azul-cl);padding:1.3cqw 2cqw;border-radius:1.4cqw}
.ct-aviso{margin:3cqw 5.4cqw 0;font:500 1.85cqw/1.4 var(--sans);color:var(--suave)}
.ct-v-pe{position:absolute;left:5.4cqw;right:5.4cqw;bottom:3.6cqw;display:flex;justify-content:space-between;align-items:flex-end;gap:3cqw}
.ct-assina{display:grid;gap:1cqw;flex:1}.ct-assina i{display:block;height:.25cqw;min-height:1px;background:var(--c3);max-width:40cqw}.ct-assina small{font:600 1.6cqw/1.2 var(--sans);color:var(--suave)}
.ct-cnpj{font:500 1.55cqw/1.35 var(--mono);color:var(--suave);text-align:right}
/* painel da carteirinha */
.ct-bloco{display:grid;gap:20px}
.ct-bloco-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ct-bloco-cab .olho{margin-bottom:8px}
@media(max-width:639px){.ct-bloco-cab .acoes-linha{display:grid;grid-template-columns:1fr 1fr;width:100%}.ct-bloco-cab .acoes-linha .btn:first-child{grid-column:1/-1}}
@media(hover:hover){.ct{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.ct-lado:hover .ct{transform:translateY(-4px)}}
/* validação */
.val-topo{background:radial-gradient(70% 120% at 100% 0%,var(--azul-cl),transparent 60%),var(--c0);border-bottom:1px solid var(--c2);padding:clamp(40px,7vw,80px) 0 clamp(30px,5vw,50px)}
.val-topo p{max-width:620px;color:var(--suave);font-size:18px}
.val-busca{display:flex;gap:10px;max-width:620px;margin-top:10px}.val-busca input{flex:1;min-height:56px;font:600 16px var(--mono);letter-spacing:.04em}
@media(max-width:559px){.val-busca{flex-direction:column}.val-busca .btn{width:100%}}
.val-res{display:grid;gap:22px}
.val-selo{justify-self:start;font:800 clamp(18px,2.6vw,24px)/1.2 var(--sans);padding:14px 20px;border-radius:16px}
.val-selo.sim{background:#E3F6EE;color:#0B6B4B}.val-selo.nao{background:#FDECEC;color:#9B1C1C}.val-selo.info{background:var(--azul-cl);color:var(--azul-esc)}
.val-grade{display:grid;gap:24px;align-items:start}@media(min-width:900px){.val-grade{grid-template-columns:minmax(0,460px) 1fr}}
.val-grade .ct-par{grid-template-columns:1fr}
.val-dica{margin:16px 0 0;padding:14px 16px;border-radius:14px;background:var(--c0);font-size:14.5px}
.val-como>div{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--c2)}.val-como b{font:600 20px/1.2 var(--serif)}.val-como p{margin:6px 0 0}

.ct-exemplo-hero{width:min(100%,440px);transform:rotate(-3deg)}.ct-exemplo-hero .ct-lado figcaption{display:none}
.perfil-foto-in{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.perfil-foto-img{width:96px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--c1);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--c2);flex:none}.perfil-foto-img img{width:100%;height:100%;object-fit:cover}

.ct-par:has(.ct-lado:only-child) figcaption{display:none}
.ct-exemplo-hero .ct{box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12)}
.ct-status i{flex:none;aspect-ratio:1}

/* ===== blog (matéria no estilo guia: resumo, sumário, citações, CTAs e FAQ) ===== */
.bl-progresso{position:fixed;left:0;right:0;top:0;height:3px;z-index:45;pointer-events:none}
.bl-progresso i{display:block;height:100%;background:linear-gradient(90deg,var(--azul),var(--azul-2));transform-origin:0 50%;transform:scaleX(var(--lido,0))}
.bl-topo{background:radial-gradient(60% 120% at 100% 0%,var(--azul-cl),transparent 60%),var(--c0);padding:clamp(34px,6vw,70px) 0 clamp(90px,10vw,130px)}
.bl-topo .wrap{max-width:900px}
.bl-topo .migalha span{color:var(--texto)}
.bl-topo h1{font-size:clamp(34px,5.2vw,58px);max-width:20ch;margin-bottom:14px}
.bl-lead{font:400 clamp(18px,2vw,21px)/1.55 var(--sans);color:var(--suave);max-width:62ch;margin:0 0 20px}
.bl-meta{display:flex;flex-wrap:wrap;gap:8px}
.bl-meta>*{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:99px;background:#fff;border:1px solid var(--c2);font:600 13.5px/1 var(--sans);color:var(--suave)}
.bl-partilha{cursor:pointer;color:var(--azul)!important;border-color:#C9D3F5!important}.bl-partilha:hover{background:var(--azul-cl)}
.bl-capa{margin-top:clamp(-110px,-9vw,-70px)}
.bl-capa img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:clamp(16px,2.4vw,28px);box-shadow:var(--sombra-forte);background:var(--c1)}
@media(max-width:699px){.bl-capa img{aspect-ratio:4/3}}
.bl-grade{display:grid;gap:40px;padding-top:clamp(30px,5vw,56px);padding-bottom:40px}
@media(min-width:1000px){.bl-grade{grid-template-columns:minmax(0,720px) 300px;justify-content:center;gap:64px}}
.bl-artigo{min-width:0;font-size:18px;line-height:1.75;color:#1F2638}
.bl-artigo>p{margin:0 0 1.15em}
.bl-artigo h2{font-size:clamp(26px,3vw,34px);margin:1.9em 0 .55em;scroll-margin-top:96px;color:var(--texto)}
.bl-artigo h3{font-size:22px;margin:1.4em 0 .4em}
.bl-artigo ul,.bl-artigo ol{padding-left:1.3em;margin:0 0 1.2em}.bl-artigo li{margin:.4em 0}.bl-artigo li::marker{color:var(--azul);font-weight:700}
.bl-artigo a{color:var(--azul);font-weight:600}
.bl-artigo strong{color:var(--texto)}
.bl-rot{display:inline-block;font:800 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--azul);margin-bottom:10px}
.bl-resumo{background:linear-gradient(135deg,var(--azul-cl),#F4F7FF);border:1px solid #D5DEFF;border-radius:20px;padding:22px 24px;margin:0 0 26px}
.bl-resumo ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.bl-resumo li{position:relative;padding-left:28px;margin:0;font-size:16.5px;line-height:1.55}
.bl-resumo li::before{content:"";position:absolute;left:2px;top:.5em;width:14px;height:14px;border-radius:50%;background:var(--azul);box-shadow:inset 0 0 0 4px #fff,0 0 0 1px var(--azul)}
.bl-sumario{border:1px solid var(--c2);border-radius:18px;background:#fff;margin:0 0 28px;overflow:hidden}
.bl-sumario summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font:700 15px var(--sans)}
.bl-sumario summary::-webkit-details-marker{display:none}
.bl-sumario summary::after{content:"+";font:400 24px/1 var(--sans);color:var(--azul);transition:transform .3s}.bl-sumario[open] summary::after{transform:rotate(45deg)}
.bl-sumario small{margin-left:auto;margin-right:12px;color:var(--suave);font-weight:600}
.bl-sumario ol,.bl-toc ol{margin:0;padding:0 20px 18px 20px;list-style:none;counter-reset:t;display:grid;gap:2px}
.bl-sumario li,.bl-toc li{counter-increment:t;margin:0}
.bl-sumario a,.bl-toc a{display:flex;gap:10px;padding:7px 0;font:600 15px/1.35 var(--sans)!important;color:var(--suave)!important;text-decoration:none}
.bl-sumario a::before,.bl-toc a::before{content:counter(t,decimal-leading-zero);font:700 12px/1.6 var(--mono);color:var(--c3)}
@media(min-width:1000px){.bl-sumario{display:none}}
.bl-lado{display:none}
@media(min-width:1000px){.bl-lado{display:grid;gap:18px;align-content:start;position:sticky;top:96px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:none}}
.bl-toc{padding:18px 0 4px;border-radius:18px;background:#fff;border:1px solid var(--c2)}
.bl-toc .bl-rot{padding:0 20px}
.bl-toc ol{padding-bottom:12px}
.bl-toc a{border-left:2px solid transparent;margin-left:-20px;padding-left:18px!important;transition:color .2s,border-color .2s}
.bl-toc a:hover{color:var(--texto)!important}
.bl-toc a.on{color:var(--azul)!important;border-color:var(--azul)}.bl-toc a.on::before{color:var(--azul)}
.bl-lado-doar{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--c2);box-shadow:var(--sombra)}
.bl-lado-doar img{width:100%;aspect-ratio:16/9;object-fit:cover}
.bl-lado-doar>div{padding:16px 18px 18px;display:grid;gap:8px}.bl-lado-doar b{font:600 19px/1.2 var(--serif)}.bl-lado-doar .bl-rot{margin:0}
.bl-citacao{position:relative;margin:1.8em 0;padding:8px 0 8px 56px}
.bl-citacao::before{content:"\201C";position:absolute;left:0;top:-14px;font:700 88px/1 var(--serif);color:var(--azul-2);opacity:.9}
.bl-citacao p{margin:0;font:italic 500 clamp(22px,2.7vw,30px)/1.35 var(--serif);color:var(--texto)}
.bl-citacao cite{display:block;margin-top:12px;font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--suave);font-style:normal}
.bl-versiculo{margin:1.8em 0;padding:clamp(26px,4vw,40px);border-radius:24px;text-align:center;color:#fff;background:radial-gradient(80% 120% at 100% 0%,rgba(61,91,255,.45),transparent 60%),linear-gradient(135deg,var(--marinho),#13245C);position:relative;overflow:hidden}
.bl-versiculo::after{content:"";position:absolute;inset:0;background:url(../img/fundo-missoes.jpg) center/cover;opacity:.08;mix-blend-mode:screen;pointer-events:none}
.bl-versiculo blockquote{margin:0;font:italic 500 clamp(22px,2.8vw,30px)/1.4 var(--serif);position:relative;z-index:1}
.bl-versiculo figcaption{margin-top:14px;font:600 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#9DB0FF;position:relative;z-index:1}
.bl-dica{margin:1.6em 0;padding:16px 20px;border-left:4px solid var(--azul);background:var(--c0);border-radius:0 16px 16px 0;font-size:16.5px;line-height:1.6}
.bl-dica b{color:var(--texto)}
.bl-check{list-style:none!important;padding:0!important;margin:1.4em 0!important;display:grid;gap:10px}
.bl-check li{position:relative;padding:12px 16px 12px 50px;margin:0!important;background:#fff;border:1px solid var(--c2);border-radius:14px;font-size:16.5px;line-height:1.5}
.bl-check li::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--azul);color:#fff;font:800 13px/1 var(--sans)}
.bl-numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:1.6em 0}
.bl-numeros div{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--c2);display:grid;gap:6px;align-content:start}
.bl-numeros b{font:700 clamp(26px,3vw,34px)/1 var(--mono);color:var(--azul)}.bl-numeros span{font-size:14.5px;line-height:1.45;color:var(--suave)}
.bl-faqs{display:grid;gap:10px;margin:1.6em 0}
.bl-faq{border:1px solid var(--c2);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.bl-faq[open]{border-color:#C9D3F5;box-shadow:var(--sombra)}
.bl-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;font:700 16.5px/1.35 var(--sans);color:var(--texto)}
.bl-faq summary::-webkit-details-marker{display:none}
.bl-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--azul-cl);color:var(--azul);font:500 20px/1 var(--sans);transition:transform .3s}
.bl-faq[open] summary::after{transform:rotate(45deg)}
.bl-faq>div{padding:0 20px 18px;font-size:16px;line-height:1.6;color:var(--suave)}
.bl-cta{--cor:var(--azul);margin:2em 0;display:grid;gap:16px;align-items:center;padding:clamp(20px,3.4vw,30px);border-radius:24px;color:#fff;
  background:radial-gradient(70% 120% at 100% 0%,color-mix(in srgb,var(--cor) 55%,transparent),transparent 65%),linear-gradient(135deg,var(--noite),var(--marinho));box-shadow:0 24px 50px -24px rgba(6,12,34,.6)}
.bl-cta b{display:block;font:600 clamp(21px,2.4vw,26px)/1.2 var(--serif);margin-bottom:6px}
.bl-cta p{margin:0;color:#C9D2EA;font-size:16px;line-height:1.55}
.bl-cta .bl-rot{color:#9DB0FF}
.bl-cta .barra{margin-top:14px;background:rgba(255,255,255,.14)}.bl-cta .barra i{background:linear-gradient(90deg,#9DB0FF,#fff)}.bl-cta .barra-num{color:#C9D2EA}
.bl-cta .btn{justify-self:start}
.bl-cta-foto{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--cor)}
@media(min-width:700px){.bl-cta{grid-template-columns:1fr auto}.bl-cta:has(.bl-cta-foto){grid-template-columns:auto 1fr auto}}
@media(max-width:699px){.bl-cta .btn{width:100%}}
.bl-foto{margin:1.8em 0}.bl-foto img{width:100%;border-radius:18px;aspect-ratio:16/10;object-fit:cover;background:var(--c1)}
.bl-foto figcaption{margin-top:10px;font-size:14px;color:var(--suave);text-align:center}
.bl-missao{display:flex;gap:14px;align-items:center;margin:2em 0 0;padding:16px 18px;border-radius:18px;background:var(--c0);border:1px solid var(--c2);text-decoration:none!important}
.bl-missao>span{font-size:26px}.bl-missao small{display:block;color:var(--suave);font-weight:600;font-size:13px}.bl-missao b{font:600 20px/1.2 var(--serif);color:var(--texto)}
.bl-fim{margin-top:34px;padding-top:22px;border-top:1px solid var(--c2);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-weight:700;font-size:16px}
.bl-card .corpo{gap:8px}.bl-ler{margin-top:auto;padding-top:8px;font:700 14.5px var(--sans);color:var(--azul)}
.bl-destaque{display:grid;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--c2);text-decoration:none;color:inherit;margin-bottom:26px;box-shadow:var(--sombra);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.bl-destaque .foto{aspect-ratio:16/10;overflow:hidden;background:var(--c1)}.bl-destaque img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.bl-destaque .corpo{padding:clamp(20px,3.6vw,40px);display:grid;gap:10px;align-content:center}
.bl-destaque h2{font-size:clamp(26px,3.2vw,38px);margin:0}.bl-destaque p{margin:0;font-size:17px}.bl-destaque .btn{justify-self:start;margin-top:8px}
.bl-meta-p{font:600 13px var(--mono);color:var(--suave)}
@media(min-width:900px){.bl-destaque{grid-template-columns:1.15fr 1fr}.bl-destaque .foto{aspect-ratio:auto;min-height:380px}}
@media(hover:hover){.bl-destaque:hover{transform:translateY(-4px);box-shadow:var(--sombra-forte)}.bl-destaque:hover img{transform:scale(1.04)}}
/* barra de doação que acompanha a rolagem (celular e tablet) */
.doar-fixo{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:55;transform:translateY(150%);transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.doar-fixo.on{transform:none;pointer-events:auto}
.doar-fixo-in{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:640px;margin:0 auto;padding:10px 10px 10px 18px;border-radius:20px;background:rgba(10,19,48,.96);backdrop-filter:blur(10px);color:#fff;box-shadow:0 18px 40px rgba(6,12,34,.35)}
.doar-fixo-in span{font:700 14.5px/1.3 var(--sans)}.doar-fixo-in small{display:block;font:500 11.5px/1.3 var(--sans);color:#A9B3CC;margin-top:2px}
.doar-fixo-in .btn{flex:none;min-height:46px;background:#fff;color:var(--azul);border-color:#fff}
body.com-doar-fixo .zap-flutuante{transform:translateY(-78px)}
.zap-flutuante{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
@media(min-width:1000px){.doar-fixo{display:none}}

/* carteirinha do missionário: brasão da Missão Betel no lugar do selo */
.ct-brasao{position:absolute;right:4.4cqw;bottom:4.2cqw;width:15.5cqw;height:auto;filter:drop-shadow(0 1.2cqw 2cqw rgba(0,0,0,.45))}
.ct-missionario .ct-pe{right:24cqw}
.ct-missionario .ct-meio{padding-right:21cqw}

/* brasão nas duas carteirinhas + mapa-múndi de pontos clarinho atrás do azul */
.ct-frente .ct-pe{right:24cqw}.ct-frente .ct-meio{padding-right:21cqw}
.ct-mapa{position:absolute;left:-4%;top:14%;width:108%;height:auto;opacity:.11;z-index:-1;pointer-events:none;-webkit-mask:radial-gradient(120% 100% at 60% 50%,#000 55%,transparent 100%);mask:radial-gradient(120% 100% at 60% 50%,#000 55%,transparent 100%)}

/* brasão no canto superior direito (não disputa espaço com os dados) */
.ct-frente .ct-pe{right:5.4cqw}.ct-frente .ct-meio{padding-right:5.4cqw}
.ct-brasao{position:absolute;top:2.6cqw;right:4cqw;bottom:auto;height:17cqw;width:auto;z-index:1;filter:drop-shadow(0 .8cqw 1.6cqw rgba(0,0,0,.45))}
.ct-frente .ct-tit{margin-right:13.5cqw}
.ct-frente .ct-meio{padding-top:3.6cqw}
.ct-mapa-verso{opacity:.07;filter:invert(22%) sepia(90%) saturate(4000%) hue-rotate(228deg);top:auto;bottom:-6%}
/* validação: frente e verso empilhados à esquerda */
.val-grade .ct-par{grid-template-columns:1fr}
/* cartão que vira (credenciamento) */
.ct-flip{width:100%;max-width:460px;perspective:1600px;cursor:pointer;display:grid;gap:12px;justify-items:center;outline:0}
.ct-flip-in{position:relative;width:100%;aspect-ratio:1.586;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.7,.2,1);container-type:inline-size;animation:vira 9s 2.5s ease-in-out infinite}
.ct-flip .ct{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ct-flip .ct-verso{transform:rotateY(180deg)}
.ct-flip.virado .ct-flip-in{animation:none;transform:rotateY(180deg)}
.ct-flip.parado .ct-flip-in{animation:none}
.ct-flip:focus-visible .ct-flip-in{outline:3px solid #9DB0FF;outline-offset:6px;border-radius:18px}
.ct-flip-dica{font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#9DB0FF}
@keyframes vira{0%,38%{transform:rotateY(0)}50%,88%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.ct-flip-in{animation:none}}
.ct-exemplo-hero{transform:rotate(-2deg)}

/* leitor de QR Code */
.val-ou{display:flex;align-items:center;gap:12px;max-width:620px;margin:14px 0;color:var(--suave);font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.val-ou::before,.val-ou::after{content:"";flex:1;height:1px;background:var(--c2)}
.val-ler{width:100%;max-width:620px}
.leitor{position:fixed;inset:0;z-index:90;background:rgba(6,12,34,.88);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.leitor[hidden]{display:none}
.leitor-caixa{width:min(440px,100%);display:grid;gap:14px;justify-items:center;text-align:center;color:#fff}
.leitor-video{position:relative;width:100%;aspect-ratio:1;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.leitor-video video{width:100%;height:100%;object-fit:cover}
.leitor-mira{position:absolute;inset:14%;border-radius:18px;box-shadow:0 0 0 9999px rgba(6,12,34,.35)}
.leitor-mira::before{content:"";position:absolute;inset:0;border-radius:18px;border:3px solid rgba(255,255,255,.9);-webkit-mask:conic-gradient(from 45deg,#000 0 25%,transparent 0 50%,#000 0 75%,transparent 0) ;mask:conic-gradient(#000 0 0)}
.leitor-mira i{position:absolute;left:6%;right:6%;top:0;height:2px;background:linear-gradient(90deg,transparent,#9DB0FF,transparent);box-shadow:0 0 12px #9DB0FF;animation:varre 2.2s ease-in-out infinite}
@keyframes varre{0%,100%{top:6%}50%{top:94%}}
.leitor-msg{margin:0;font-size:15px;color:#C9D2EA;max-width:34ch}
body.leitor-aberto{overflow:hidden}
/* faixa "saiba se é válida" */
.val-faixa-in{display:grid;gap:22px;align-items:center;padding:clamp(22px,4vw,36px);border-radius:26px;background:#fff;border:1px solid var(--c2);box-shadow:var(--sombra)}
.val-faixa-in h2{font-size:clamp(24px,3vw,34px);margin-bottom:8px}.val-faixa-in p{margin:0;max-width:56ch}
.val-faixa-ico{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#E3F6EE;color:#0B6B4B;font:800 30px/1 var(--sans)}
@media(min-width:960px){.val-faixa-in{grid-template-columns:auto 1fr auto}}
@media(max-width:639px){.val-faixa-in .acoes-linha{display:grid;width:100%}.val-faixa-in .btn{width:100%}}

/* brasão ao lado dos dados (coluna própria) */
.ct-frente .ct-meio{grid-template-columns:22cqw minmax(0,1fr) 16.5cqw;gap:3.6cqw;padding-right:4.6cqw;align-items:center}
.ct-frente .ct-tit{margin-right:0}
.ct-brasao{position:static;height:auto;width:16.5cqw;align-self:center;filter:drop-shadow(0 .8cqw 1.6cqw rgba(0,0,0,.45))}
.ct-campos{gap:1.7cqw 2.6cqw;margin-top:2.4cqw}.ct-campos .ct-cheio{grid-column:1/-1}
.ct-nome{font-size:5cqw}
.leitor-mira::before{-webkit-mask:none;mask:none}

/* resultado da validação: ativo e válido, bem claro */
.val-status{display:grid;grid-template-columns:auto 1fr;gap:16px 18px;align-items:center;padding:clamp(18px,3vw,26px);border-radius:22px;border:1.5px solid}
.val-status.sim{background:linear-gradient(135deg,#E6F7EF,#F3FBF7);border-color:#A7E3C6;color:#0B6B4B}
.val-status.nao{background:linear-gradient(135deg,#FDECEC,#FFF6F6);border-color:#F5B5B5;color:#9B1C1C}
.val-ico{width:clamp(54px,7vw,68px);aspect-ratio:1}
.val-ico svg{width:100%;height:100%;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.val-status.sim .val-ico circle{fill:#16A34A;stroke:#16A34A}.val-status.nao .val-ico circle{fill:#DC2626;stroke:#DC2626}
.val-ico path{stroke:#fff;stroke-dasharray:40;stroke-dashoffset:40;animation:traca .6s .25s cubic-bezier(.2,.8,.2,1) forwards}
.val-ico circle{transform-origin:center;animation:pulsa .5s cubic-bezier(.2,.8,.2,1)}
@keyframes traca{to{stroke-dashoffset:0}}@keyframes pulsa{from{transform:scale(.6);opacity:0}}
.val-status.sim .val-ico{border-radius:50%;animation:halo 2.4s 1s ease-out infinite}
@keyframes halo{0%{box-shadow:0 0 0 0 rgba(22,163,74,.35)}100%{box-shadow:0 0 0 18px rgba(22,163,74,0)}}
.val-txt{display:grid;gap:4px;min-width:0}
.val-txt b{font:800 clamp(19px,2.6vw,26px)/1.2 var(--sans)}.val-txt span{font:600 15.5px/1.45 var(--sans);color:var(--texto)}.val-txt small{font:600 13px/1.4 var(--sans);opacity:.85}
.val-tag{grid-column:1/-1;justify-self:start;font:800 13px/1 var(--sans);letter-spacing:.16em;padding:9px 14px;border-radius:99px;color:#fff}
.val-status.sim .val-tag{background:#16A34A}.val-status.nao .val-tag{background:#DC2626}
@media(min-width:760px){.val-status{grid-template-columns:auto 1fr auto}.val-tag{grid-column:auto;justify-self:end}}
@media(prefers-reduced-motion:reduce){.val-ico path{stroke-dashoffset:0}}

/* ===== páginas de campanha e missão: doação no topo ===== */
.cp-hero{position:relative;overflow:hidden;color:#fff;background:var(--noite);isolation:isolate}
.cp-hero-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);animation:respira 18s ease-in-out infinite alternate}
@keyframes respira{to{transform:scale(1.1)}}
.cp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,34,.94) 0%,rgba(6,12,34,.78) 48%,rgba(6,12,34,.5) 100%),linear-gradient(0deg,rgba(6,12,34,.7),transparent 40%)}
.cp-hero-in{display:grid;gap:26px;padding-top:clamp(26px,5vw,70px);padding-bottom:clamp(30px,5vw,70px);align-items:center}
@media(min-width:960px){.cp-hero-in{grid-template-columns:minmax(0,1fr) 420px;gap:56px;min-height:min(640px,78svh)}}
.cp-hero .migalha,.cp-hero .migalha a{color:#C9D2EA}
.cp-hero h1{color:#fff;font-size:clamp(32px,5.4vw,60px);max-width:16ch;margin-bottom:12px;text-shadow:0 2px 20px rgba(6,12,34,.6)}
.cp-lead{font-size:clamp(17px,2vw,20px);color:#D5DCF2;max-width:54ch;margin:0 0 6px}
.cp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.cp-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);color:#fff;font:700 12.5px/1 var(--sans);text-decoration:none}
.cp-tag.mono{font-family:var(--mono);font-weight:500}.cp-tag.alerta{background:rgba(234,88,12,.25);border-color:rgba(251,146,60,.6)}
.cp-tag.viva i{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:vivo 1.8s infinite}
@keyframes vivo{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.cp-mini{display:none;gap:34px;margin-top:26px}
.cp-mini div{display:grid;gap:4px}.cp-mini b{font:700 30px/1 var(--mono)}.cp-mini span{font-size:13px;color:#A9B3CC}
@media(min-width:960px){.cp-mini{display:flex}}
.cp-doar{background:#fff;color:var(--texto);border-radius:24px;padding:clamp(18px,3vw,26px);display:grid;gap:12px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);position:relative}
.cp-doar::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(61,91,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cp-valor{display:grid;gap:2px}.cp-valor b{font:700 clamp(28px,4vw,36px)/1.05 var(--mono);color:var(--azul)}.cp-valor span{color:var(--suave);font-size:14.5px}
.cp-doar-tit{font:600 22px/1.2 var(--serif)}
.cp-doar .barra-num{margin-top:0}
/* doação rápida */
.doar-rapido{display:grid;gap:10px;margin-top:4px}
.dr-valores{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.dr-valores label{position:relative}.dr-valores input{position:absolute;opacity:0;width:1px;height:1px}
.dr-valores span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 2px;border:1.5px solid var(--c2);border-radius:12px;font:700 14px/1 var(--mono);cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .15s;white-space:nowrap}
.dr-valores label:last-child span{font-family:var(--sans);font-size:13px}
.dr-valores input:checked+span{border-color:var(--cor,var(--azul));background:color-mix(in srgb,var(--cor,var(--azul)) 10%,#fff);color:var(--cor,var(--azul))}
.dr-valores input:focus-visible+span{outline:3px solid var(--azul-2);outline-offset:2px}
@media(hover:hover){.dr-valores span:hover{border-color:var(--c3);transform:translateY(-1px)}}
@media(max-width:379px){.dr-valores{grid-template-columns:repeat(3,1fr)}}
.doar-rapido .alternar{padding:3px}.doar-rapido .alternar span{padding:10px 6px}
.doar-rapido .alternar input:checked+span{color:var(--cor,var(--azul))}
.dr-seguro{margin:0;text-align:center;font-size:12.5px;color:var(--suave)}
.doar-rapido .btn{min-height:56px;font-size:16.5px;background:var(--cor,var(--azul));border-color:var(--cor,var(--azul));box-shadow:0 12px 26px -10px color-mix(in srgb,var(--cor,var(--azul)) 70%,transparent)}
/* selos de confiança */
.selos-faixa{border-bottom:1px solid var(--c2);background:#fff}
.selos{list-style:none;margin:0;padding:16px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px}
.selos li{display:flex;gap:10px;align-items:flex-start;font:700 14px/1.3 var(--sans)}.selos li b{font-size:20px;line-height:1}.selos small{font-weight:500;color:var(--suave);font-size:12.5px}
@media(min-width:900px){.selos{grid-template-columns:repeat(4,1fr);padding:20px 0}}
/* corpo com coluna lateral */
.cp-corpo{display:grid;gap:34px;align-items:start}
.cp-corpo>article{min-width:0}
@media(min-width:1000px){.cp-corpo{grid-template-columns:minmax(0,1fr) 360px;gap:60px}.cp-lado{position:sticky;top:96px}}
.cp-lado{display:grid;gap:16px}
.cp-lado .card{display:grid;gap:8px}.cp-lado .bl-rot{margin:0}
.cp-partilha b{font:600 20px/1.2 var(--serif)}.cp-partilha p{margin:0;font-size:15px}
.apoios{list-style:none;margin:0;padding:0;display:grid}
.apoios li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--c1);font-size:14.5px}
.apoios li:first-child{border-top:0}
.apoios .av{width:34px;height:34px;font-size:14px}
.apoios em{font-style:normal;color:var(--azul);font-weight:700}.apoios small{display:block;color:var(--suave);font-size:12.5px}
.apoios .mono{color:var(--texto);font-size:14px}
/* linha do tempo de notícias */
.cp-linha{position:relative;display:grid;gap:16px;padding-left:30px}
.cp-linha::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--azul),var(--c2))}
.cp-linha>div{position:relative;background:#fff;border:1px solid var(--c2);border-radius:18px;padding:18px 20px}
.cp-linha>div::before{content:"";position:absolute;left:-27px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--azul);box-shadow:0 0 0 4px var(--c0)}
.cp-linha h3{font-size:21px;margin:6px 0 4px}.cp-linha p{margin:0}
.cp-faq{display:grid;gap:26px;align-items:start}@media(min-width:960px){.cp-faq{grid-template-columns:.8fr 1.2fr;gap:60px}}
/* missionário */
.mis-cred{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 14px 8px 8px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;transition:background .2s}
.mis-cred:hover{background:rgba(255,255,255,.14)}.mis-cred img{height:40px;width:auto}
.mis-cred b{display:block;font-size:14px;color:#86EFAC}.mis-cred small{font-size:12px;color:#C9D2EA}
.mis-meta .doar-rapido{margin-top:2px}
.porque>div{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--c2)}
.porque b{font-size:28px}.porque h3{font-size:21px;margin:10px 0 6px}.porque p{margin:0}
/* no celular: título curto e a doação logo em seguida */
@media(max-width:959px){.cp-hero-in{padding-top:18px}.cp-hero h1{font-size:clamp(30px,8vw,40px)}.cp-lead{font-size:16.5px}}
.mis-meta .btn.linha{background:transparent;color:var(--cor);border-color:var(--cor)}
@media(max-width:899px){.mis-hero .wrap{padding-top:22px;gap:18px}.mis-foto{width:132px;border-radius:18px;border-width:3px}.mis-hero h1{font-size:clamp(30px,8vw,40px)}}

/* blog v2: tabela, destaque, fontes, autor, capitular */
.bl-resumo+p::first-letter{float:left;font:600 4.1em/.82 var(--serif);color:var(--azul);margin:.08em .12em 0 0}
.bl-tabela{margin:1.6em 0;border:1px solid var(--c2);border-radius:18px;overflow:hidden;background:#fff}
.bl-tabela table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.bl-tabela th{background:var(--marinho);color:#fff;text-align:left;font:700 12.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:13px 16px}
.bl-tabela td{padding:13px 16px;border-top:1px solid var(--c1);vertical-align:top}
.bl-tabela tbody tr:nth-child(even) td{background:var(--c0)}
.bl-tabela td:first-child{font-weight:700;color:var(--texto)}
@media(max-width:639px){.bl-tabela{border:0;background:none;border-radius:0}.bl-tabela thead{display:none}.bl-tabela table,.bl-tabela tbody,.bl-tabela tr,.bl-tabela td{display:block;width:100%}
  .bl-tabela tr{background:#fff;border:1px solid var(--c2);border-radius:14px;margin-bottom:10px;padding:4px 14px}
  .bl-tabela tbody tr:nth-child(even) td{background:none}
  .bl-tabela td{border-top:1px solid var(--c1);padding:9px 0}.bl-tabela td:first-child{border-top:0;font-size:17px}
  .bl-tabela td:not(:first-child)::before{content:attr(data-label);display:block;font:700 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-bottom:3px}}
.bl-destaque-txt{margin:1.8em 0;padding:clamp(20px,3vw,28px);border-radius:20px;background:linear-gradient(135deg,var(--azul),#2440F0);color:#fff;box-shadow:0 20px 40px -20px rgba(10,43,224,.6)}
.bl-destaque-txt .bl-rot{color:#C9D3FF}.bl-destaque-txt p{margin:0;font:500 clamp(19px,2.3vw,23px)/1.45 var(--serif)}.bl-destaque-txt a{color:#fff}
.bl-fontes{margin:2.2em 0 0;padding:20px 22px;border-radius:18px;background:var(--c0);border:1px solid var(--c2)}
.bl-fontes ol{margin:0;padding-left:1.2em;font-size:14px;line-height:1.55;color:var(--suave)}.bl-fontes li{margin:.35em 0}.bl-fontes a{font-weight:600;word-break:break-word}
.bl-autor{display:flex;gap:16px;align-items:flex-start;margin-top:30px;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid var(--c2);box-shadow:var(--sombra)}
.bl-autor img{flex:none;width:54px;height:auto}.bl-autor small{display:block;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.bl-autor b{display:block;font:600 21px/1.2 var(--serif);margin:4px 0 6px}.bl-autor p{margin:0;font-size:15px;line-height:1.55;color:var(--suave)}
.bl-cta-ouro{--cor:#C89B33}.bl-cta-ouro .bl-rot{color:#E9C874}
@media(max-width:639px){.ct-bloco-cab .acoes-linha .btn:last-child{grid-column:1/-1}}
/* galeria de fotos do missionário (v16) */
.galeria-mis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:16px}
.galeria-mis a{display:block;border-radius:14px;overflow:hidden;aspect-ratio:1}
.galeria-mis img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.galeria-mis a:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.galeria-mis img{transition:none}}