/* VERSÃO 1 — PRINCIPAL
   Fundo preto, branco, azul de destaque. Preto para TODO visitante,
   não importa o modo do aparelho dele. O claro só pelo botão. */
:root{
  --modo:dark;
  --creme:#0A0A0C; --creme-2:#141418; --papel:#17171C;
  --tinta:#F7F7F9; --tinta-2:#9E9EA9;
  --pomba:#7B9CFF; --pomba-viva:#5B8CFF; --pomba-clara:#1D2540;
  --ouro:#7B9CFF;                /* sem dourado nesta versão */
  --linha:#27272E;
  --grade:0.62rem;
  --btn-txt:#0A0A0C;
  --logo:url("logo.png");
}
:root[data-theme="light"]{
  --modo:light;
  --creme:#F6F5F2; --creme-2:#EDEBE5; --papel:#FFFFFF;
  --tinta:#141416; --tinta-2:#585860;
  --pomba:#3355D8; --pomba-viva:#5B8CFF; --pomba-clara:#DDE4FB;
  --ouro:#3355D8;
  --linha:#DEDBD4;
  --btn-txt:#FFFFFF;
}


*{box-sizing:border-box}
body{
  margin:0; background:var(--creme); color:var(--tinta);
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-size:clamp(1rem,.97rem + .18vw,1.12rem); line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--pomba); outline-offset:3px; border-radius:2px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important}
  html{scroll-behavior:auto}
}

.env{max-width:1160px; margin:0 auto; padding:0 clamp(1.1rem,4vw,2.6rem)}
.estreito{max-width:780px; margin:0 auto; padding:0 clamp(1.1rem,4vw,2.6rem)}
.medida{max-width:62ch}

.rotulo{
  font-family:"Archivo",system-ui,sans-serif; font-weight:600;
  font-size:.72rem; letter-spacing:.17em; text-transform:uppercase; color:var(--tinta-2);
}
h1,h2,h3,h4{margin:0; text-wrap:balance; font-weight:400; line-height:1.1}
h1{font-size:clamp(2.7rem,1.5rem + 5.4vw,5.4rem); letter-spacing:-.02em; font-optical-sizing:auto}
h2{font-size:clamp(1.9rem,1.25rem + 2.9vw,3.2rem); letter-spacing:-.017em}
h3{font-size:clamp(1.24rem,1.08rem + .68vw,1.56rem); letter-spacing:-.01em}
p{margin:0}

.marca{display:flex; align-items:center; gap:.68rem; text-decoration:none}
/* Logotipo oficial (Logo Infinito Amor.png, 3000x3000) recortado só no símbolo e
   convertido em máscara: o brilho virou canal alfa. A cor vem de currentColor,
   então o logo acompanha o tema sozinho, sem filtro nem blend. Razão 520/468. */
.mk-real{
  --h:40px;
  flex:none; display:block;
  width:calc(var(--h) * 1.1111); height:var(--h);
  background:currentColor;
  -webkit-mask:var(--logo) center/contain no-repeat;
  mask:var(--logo) center/contain no-repeat;
}
.marca-txt{font-family:"Archivo",sans-serif; font-weight:700; font-size:.79rem; letter-spacing:.15em; text-transform:uppercase; line-height:1.25}
.marca-txt span{display:block; font-weight:400; font-size:.64rem; letter-spacing:.12em; color:var(--tinta-2)}

.topo{position:sticky; top:0; z-index:40; background:var(--creme); border-bottom:1px solid var(--linha)}
.topo-in{display:flex; align-items:center; justify-content:space-between; gap:1.4rem; padding:.82rem 0}
.menu{display:none; gap:1.5rem; font-family:"Archivo",sans-serif; font-size:.83rem; font-weight:500}
.menu a{text-decoration:none; padding:.3rem 0; border-bottom:1.5px solid transparent}
.menu a:hover{border-bottom-color:var(--pomba); color:var(--pomba)}
@media(min-width:920px){.menu{display:flex}}

/* botao de troca de tema: a pessoa escolhe, a escolha fica gravada no navegador */
.topo-acoes{display:flex; align-items:center; gap:.6rem}
.tema{
  display:inline-flex; align-items:center; gap:.45rem; cursor:pointer;
  font-family:"Archivo",sans-serif; font-weight:600; font-size:.78rem; letter-spacing:.04em;
  padding:.5rem .82rem; border-radius:999px;
  border:1.5px solid var(--linha); background:transparent; color:var(--tinta-2);
  transition:border-color .16s, color .16s;
}
.tema:hover{border-color:var(--pomba); color:var(--pomba)}
.tema svg{width:15px; height:15px; flex:none}
.tema .lua{display:none}
.tema .sol{display:block}
/* O JS sempre grava data-theme, então os ícones dependem só dele.
   No escuro mostra o sol (para ir ao claro); no claro mostra a lua. */
:root[data-theme="dark"] .tema .sol{display:block}
:root[data-theme="dark"] .tema .lua{display:none}
:root[data-theme="light"] .tema .sol{display:none}
:root[data-theme="light"] .tema .lua{display:block}
.tema[hidden]{display:none}
@media(max-width:520px){.tema .rot{display:none} .tema{padding:.5rem .6rem}}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:"Archivo",sans-serif; font-weight:600; font-size:.86rem;
  padding:.72rem 1.28rem; border-radius:999px; text-decoration:none;
  border:1.5px solid var(--tinta); background:var(--tinta); color:var(--creme);
  transition:transform .16s ease, background .16s ease, color .16s ease;
}
.btn:hover{transform:translateY(-1.5px)}
.btn-vazio{background:transparent; color:var(--tinta)}
.btn-vazio:hover{background:var(--tinta); color:var(--creme)}
.btn-p{background:var(--pomba); border-color:var(--pomba); color:var(--btn-txt)}

.heroi{padding:clamp(3.2rem,8vw,6.4rem) 0 clamp(2.4rem,5vw,3.8rem); position:relative; overflow:hidden}
.pincel{position:absolute; right:-4%; top:-8%; width:min(26%,290px); opacity:.3; z-index:0; color:var(--pomba-viva); pointer-events:none}
@media(max-width:760px){.pincel{width:44%; right:-12%; top:-4%; opacity:.24}}
.heroi-in{position:relative; z-index:1}
.heroi h1{margin:1.1rem 0 0; max-width:19ch}
.heroi .saud{font-size:clamp(1.15rem,1rem + .8vw,1.5rem); font-style:italic; color:var(--tinta-2); margin-top:1.1rem; max-width:32ch}

.portas{display:grid; gap:1px; margin-top:clamp(2.2rem,5vw,3.4rem); background:var(--linha); border:1px solid var(--linha); border-radius:var(--grade); overflow:hidden}
@media(min-width:640px){.portas{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.portas{grid-template-columns:repeat(4,1fr)}}
.porta{background:var(--papel); padding:clamp(1.3rem,2.6vw,1.75rem); text-decoration:none; display:flex; flex-direction:column; gap:.5rem; min-height:158px; transition:background .18s ease}
.porta:hover{background:var(--creme-2)}
.porta h3{color:var(--pomba); font-size:1.24rem}
.porta p{font-size:.93rem; color:var(--tinta-2); line-height:1.5}
.porta .seta{margin-top:auto; font-family:"Archivo",sans-serif; font-size:.76rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase}

.sec{padding:clamp(3.2rem,7vw,5.8rem) 0; border-bottom:1px solid var(--linha)}
.sec-cab{display:flex; flex-direction:column; gap:.7rem; margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.marcador{display:flex; align-items:baseline; gap:.8rem}
.marcador b{font-family:"Archivo",sans-serif; font-weight:700; font-size:.76rem; letter-spacing:.2em; color:var(--ouro); text-transform:uppercase}
.marcador hr{flex:1; border:0; border-top:1px solid var(--linha); margin:0}

.duas{display:grid; gap:clamp(1.8rem,4vw,3rem)}
@media(min-width:920px){.duas{grid-template-columns:1.15fr .85fr; align-items:start}}

.foto{margin:0; border-radius:var(--grade); overflow:hidden; border:1px solid var(--linha); background:var(--creme-2)}
.foto img{width:100%}
.foto figcaption{font-family:"Archivo",sans-serif; font-size:.74rem; letter-spacing:.05em; color:var(--tinta-2); padding:.7rem .9rem; border-top:1px solid var(--linha)}

/* propósito: lista numerada que é de fato uma sequência */
.proposito{display:grid; gap:1.4rem; counter-reset:p}
@media(min-width:820px){.proposito{grid-template-columns:repeat(3,1fr); gap:2rem}}
.proposito li{list-style:none; counter-increment:p; padding-top:1.1rem; border-top:2px solid var(--ouro); font-size:clamp(1.05rem,1rem + .35vw,1.28rem); line-height:1.42}
.proposito li::before{content:counter(p); display:block; font-family:"Archivo",sans-serif; font-weight:700; font-size:.78rem; color:var(--ouro); margin-bottom:.5rem}
.proposito{padding:0; margin:0}

/* passagem longa da Escritura */
.passagem{background:var(--creme-2); border-top:1px solid var(--linha); border-bottom:1px solid var(--linha); padding:clamp(2.8rem,6vw,5rem) 0}
.passagem blockquote{margin:0; font-size:clamp(1.08rem,1rem + .5vw,1.32rem); line-height:1.68}
.passagem p{margin-bottom:.95rem; text-indent:0}
.passagem p:last-of-type{margin-bottom:0}
.passagem .v{font-family:"Archivo",sans-serif; font-size:.62em; font-weight:600; color:var(--ouro); vertical-align:.42em; margin-right:.3em; letter-spacing:.02em}
.passagem .fala{padding-left:1.15rem; border-left:2px solid var(--pomba-clara)}
.passagem cite{display:block; margin-top:1.8rem; font-family:"Archivo",sans-serif; font-style:normal; font-size:.76rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro)}

.versiculo{text-align:center}
.versiculo blockquote{margin:0 auto; max-width:26ch; font-size:clamp(1.5rem,1.05rem + 2.2vw,2.7rem); font-style:italic; line-height:1.22; letter-spacing:-.015em; text-wrap:balance}
.versiculo cite{display:block; margin-top:1.1rem; font-family:"Archivo",sans-serif; font-style:normal; font-size:.76rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro)}

.frentes{display:grid; gap:1.15rem}
@media(min-width:680px){.frentes{grid-template-columns:1fr 1fr}}
.historia{margin-top:clamp(1.6rem,3.5vw,2.4rem)}
.frente{background:var(--papel); border:1px solid var(--linha); border-radius:var(--grade); padding:clamp(1.25rem,2.6vw,1.7rem); display:flex; flex-direction:column; gap:.6rem}
.frente .desde{font-family:"Archivo",sans-serif; font-weight:600; font-size:.72rem; letter-spacing:.13em; text-transform:uppercase; color:var(--ouro); font-variant-numeric:tabular-nums}
.frente h3{font-size:1.2rem}
.frente p{font-size:.95rem; color:var(--tinta-2); line-height:1.55}
.frente ul{margin:0; padding-left:1.15rem; display:flex; flex-direction:column; gap:.55rem; font-size:.95rem; color:var(--tinta-2); line-height:1.52}
.frente ul b{color:var(--tinta); font-weight:600}

.parceria{margin-top:clamp(1.6rem,3.5vw,2.4rem); border:1px solid var(--pomba-clara); background:var(--pomba-clara); border-radius:var(--grade); padding:clamp(1.2rem,2.6vw,1.7rem); display:flex; flex-wrap:wrap; align-items:center; gap:1.2rem 1.8rem}
.parceria-marca{background:#FAF7DC; border-radius:8px; padding:.75rem 1.1rem; flex:none}
.parceria-marca img{width:150px; height:auto; display:block}
.parceria-txt{flex:1 1 300px}
.link-parceiro{font-family:"Archivo",sans-serif; font-size:.86rem; font-weight:600; color:var(--pomba)}
.parceria p{font-size:.97rem; max-width:56ch}
.parceria .rotulo{color:var(--tinta)}

/* frutos */
.frutos{display:grid; gap:1px; background:var(--linha); border:1px solid var(--linha); border-radius:var(--grade); overflow:hidden}
@media(min-width:640px){.frutos{grid-template-columns:repeat(3,1fr)}}
.fruto{background:var(--papel); padding:clamp(1.5rem,3vw,2.1rem)}
.fruto .n{font-size:clamp(2.4rem,1.6rem + 2.6vw,3.6rem); line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; display:block}
.fruto .q{font-family:"Archivo",sans-serif; font-size:.83rem; font-weight:500; color:var(--tinta-2); line-height:1.45; margin-top:.6rem; display:block}

.cultos{display:grid; gap:1px; background:var(--linha); border:1px solid var(--linha); border-radius:var(--grade); overflow:hidden; margin-top:1.5rem}
@media(min-width:560px){.cultos{grid-template-columns:1fr 1fr}}
.culto{background:var(--papel); padding:1.3rem 1.5rem}
.culto .dia{font-family:"Archivo",sans-serif; font-weight:600; font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; color:var(--tinta-2)}
.culto .hora{font-size:2.05rem; line-height:1.1; font-variant-numeric:tabular-nums; display:block; margin-top:.25rem}
.endereco{margin-top:1rem; font-size:.98rem; color:var(--tinta-2)}
.endereco b{color:var(--tinta); font-weight:600}

.pilares{margin:0; padding:0; list-style:none; display:grid; gap:.9rem; margin-top:1.2rem}
.pilares li{padding-left:1.15rem; border-left:2px solid var(--pomba-clara); font-size:1rem; line-height:1.5}

.visao{display:grid; gap:1px; background:var(--linha); border:1px solid var(--linha); border-radius:var(--grade); overflow:hidden; margin-top:1.4rem}
@media(min-width:760px){.visao{grid-template-columns:repeat(2,1fr)}}
.visao div{background:var(--papel); padding:1.25rem 1.4rem}
.visao dt{font-family:"Archivo",sans-serif; font-weight:700; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro); margin-bottom:.4rem}
.visao dd{margin:0; font-size:.96rem; color:var(--tinta-2); line-height:1.5}

.oramos{display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.3rem}
.oramos span{font-family:"Archivo",sans-serif; font-size:.87rem; font-weight:500; padding:.44rem .95rem; border-radius:999px; background:var(--papel); border:1px solid var(--linha)}

.porque{display:grid; gap:1.15rem; margin-top:1.8rem}
@media(min-width:640px){.porque{grid-template-columns:1fr 1fr}}
.porque div{border-top:2px solid var(--ouro); padding-top:1rem}
.porque dt{font-family:"Archivo",sans-serif; font-weight:700; font-size:.76rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro); margin-bottom:.45rem}
.porque dd{margin:0; font-size:1.05rem; line-height:1.5}

/* caminhada / conversão */
/* bloco de esclarecimento: calmo, nao alarmante, mas impossivel de nao ler */
/* bloco de urgencia: visivel sem ser alarmista */
.urgente{margin-top:1.2rem; padding:1rem 1.1rem; border-radius:8px;
  background:transparent; border:1px solid var(--linha); border-left:3px solid var(--linha); max-width:66ch}
.urgente p{font-size:.92rem; line-height:1.55; color:var(--tinta-2)}
.urgente a{color:var(--tinta-2); text-decoration:underline}
.urgente strong{color:var(--tinta)}

.indo{margin-top:2rem; padding:clamp(1.2rem,2.6vw,1.7rem); border-radius:var(--grade);
  background:var(--creme-2); border:1px solid var(--linha)}
.indo[hidden]{display:none}
.enquanto{margin-top:2.6rem; text-align:left; max-width:520px; margin-left:auto; margin-right:auto}

.pular{position:absolute; left:-9999px; top:0; background:var(--pomba); color:var(--btn-txt);
  padding:.7rem 1.1rem; border-radius:0 0 8px 0; font-family:"Archivo",sans-serif; font-size:.85rem; font-weight:600; z-index:99}
.pular:focus{left:0}

.presente{margin-top:2.2rem; padding:clamp(1.5rem,3vw,2.2rem); border-radius:var(--grade);
  background:var(--papel); border:1.5px solid var(--ouro); max-width:60ch}

.cobertura{margin-top:2.6rem; padding-top:1.8rem; border-top:1px solid var(--linha)}

.chamado{margin-top:2.2rem; padding:clamp(1.6rem,3.4vw,2.4rem); border-radius:var(--grade);
  background:var(--creme-2); border:1.5px solid var(--pomba); max-width:66ch}
.chamado h2{font-size:clamp(1.5rem,1.2rem + 1.5vw,2.1rem); line-height:1.2}
.chamado p{margin-top:.9rem; font-size:1.05rem; line-height:1.6; color:var(--tinta-2)}
.chamado .acoes{display:flex; gap:.7rem; flex-wrap:wrap; margin-top:1.4rem}

.nota{margin-top:2rem; padding:clamp(1.2rem,2.6vw,1.7rem); border-radius:var(--grade);
  background:var(--creme-2); border:1px solid var(--linha); border-left:3px solid var(--ouro); max-width:66ch}
.nota p{font-size:1rem; line-height:1.6}
.nota strong{color:var(--tinta)}

.caminhada .lema{font-size:clamp(1.35rem,1.1rem + 1.2vw,2rem); line-height:1.28; letter-spacing:-.012em; text-wrap:balance; margin-bottom:1.6rem}
.caminhada .escritura{margin:0 0 1.6rem; padding-left:1.2rem; border-left:2px solid var(--pomba); font-style:italic; font-size:1.1rem; line-height:1.55}
.caminhada .escritura cite{display:block; margin-top:.6rem; font-family:"Archivo",sans-serif; font-style:normal; font-size:.72rem; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--pomba)}
.caminhada .destaque{font-size:1.22rem; line-height:1.45; margin-bottom:1.6rem; color:var(--tinta)}
.caminhada .corpo{font-size:1.05rem; line-height:1.66; color:var(--tinta-2); max-width:66ch}
.caminhada .fecho{margin-top:1.5rem; font-size:1.22rem; line-height:1.4}

/* voluntário */
.vol{background:var(--creme-2)}
.vol-corpo{display:flex; flex-direction:column; gap:1.15rem; font-size:1.05rem; line-height:1.6; max-width:64ch}
.vol-corpo .grito{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem); line-height:1.3; letter-spacing:-.01em}
.vol-corpo .credo{padding-left:1.2rem; border-left:2px solid var(--pomba); color:var(--tinta)}
.vol-noite{background:var(--papel); border:1px solid var(--linha); border-radius:var(--grade); padding:clamp(1.25rem,2.6vw,1.7rem); margin:.4rem 0}
.vol-noite .rotulo{color:var(--pomba)}
.vol-corpo .somos{font-family:"Archivo",sans-serif; font-weight:700; letter-spacing:.04em; font-size:1.02rem}

.agir{display:grid; gap:1.15rem}
@media(min-width:700px){.agir{grid-template-columns:1fr 1fr}}
.acao{border:1px solid var(--linha); border-radius:var(--grade); background:var(--papel); padding:clamp(1.35rem,2.8vw,1.9rem); display:flex; flex-direction:column; gap:.7rem}
.acao.destaque{border-color:var(--pomba); border-width:1.5px}
.acao h3{font-size:1.28rem}
.acao p{font-size:.95rem; color:var(--tinta-2); line-height:1.55}
.acao .rodape{margin-top:auto; padding-top:.4rem}

.pix{display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; background:var(--creme-2); border:1px dashed var(--linha); border-radius:8px; padding:.7rem .85rem}
.pix code{font-family:"Archivo",monospace; font-size:.95rem; font-variant-numeric:tabular-nums}
.copiar{font-family:"Archivo",sans-serif; font-size:.78rem; font-weight:600; letter-spacing:.06em; padding:.42rem .8rem; border-radius:999px; border:1.5px solid var(--tinta); background:transparent; color:var(--tinta); cursor:pointer; transition:background .16s, color .16s}
.copiar:hover{background:var(--tinta); color:var(--creme)}
.copiar[data-ok="1"]{background:var(--pomba); border-color:var(--pomba); color:var(--btn-txt)}

.lider{display:grid; gap:1.6rem}
@media(min-width:760px){.lider{grid-template-columns:1fr 1fr}}
.pessoa{display:flex; flex-direction:column; gap:.45rem}
.pessoa .nome{font-size:1.32rem}
.pessoa .papel{font-family:"Archivo",sans-serif; font-size:.75rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--ouro)}
.pessoa a{font-family:"Archivo",sans-serif; font-size:.86rem; text-decoration:none; color:var(--tinta-2)}
.pessoa a:hover{color:var(--pomba)}


.historia{background:var(--creme-2); border:1px solid var(--linha); border-radius:var(--grade); padding:clamp(1.4rem,3vw,2rem); margin-top:1.8rem; max-width:66ch}

.separados{margin:1.8rem 0 0; padding-left:1.3rem; border-left:3px solid var(--pomba); max-width:60ch; display:flex; flex-direction:column; gap:.85rem}
.separados p{font-size:clamp(1.05rem,1rem + .5vw,1.28rem); line-height:1.45}
.separados .grifo{font-style:italic; color:var(--pomba)}

.videos{display:grid; gap:1.15rem}
@media(min-width:760px){.videos{grid-template-columns:repeat(3,1fr)}}
.video{border:1px solid var(--linha); border-radius:var(--grade); overflow:hidden; background:var(--papel); display:flex; flex-direction:column}
.video .moldura{aspect-ratio:16/9; background:var(--creme-2)}
.video iframe{width:100%; height:100%; border:0; display:block}
.video .rotulo-yt{display:flex; align-items:center; justify-content:center; height:100%; font-family:"Archivo",sans-serif; font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--pomba); text-decoration:none; text-align:center; padding:1rem}
.video h3{font-size:1.02rem; line-height:1.35; padding:.95rem 1.05rem 1.05rem}
.video a.titulo{text-decoration:none}
.video a.titulo:hover{color:var(--pomba)}

.linha-tempo{list-style:none; margin:1.8rem 0 0; padding:0; display:flex; flex-direction:column}
.linha-tempo li{display:grid; grid-template-columns:auto 1fr; gap:0 1.3rem; padding-bottom:1.6rem; position:relative}
.linha-tempo li:last-child{padding-bottom:0}
/* fio que liga os marcos: para no penultimo */
.linha-tempo li:not(:last-child)::before{content:""; position:absolute; left:6px; top:1.5rem; bottom:0; width:2px; background:var(--linha)}
.linha-tempo li::after{content:""; position:absolute; left:0; top:.62rem; width:14px; height:14px; border-radius:50%; background:var(--creme-2); border:2.5px solid var(--ouro); box-sizing:border-box}
.linha-tempo .ano{grid-column:2; font-family:"Archivo",sans-serif; font-weight:700; font-size:.74rem; letter-spacing:.15em; text-transform:uppercase; color:var(--ouro); font-variant-numeric:tabular-nums}
.linha-tempo li > div{grid-column:2; margin-top:.35rem}
.linha-tempo h4{font-size:1.14rem; line-height:1.3; margin-bottom:.35rem}
.linha-tempo p{font-size:.98rem; line-height:1.55; color:var(--tinta-2); max-width:58ch}
/* o marco de 2021 é o que muda tudo: ganha peso */
.linha-tempo li.virada::after{background:var(--pomba); border-color:var(--pomba); width:18px; height:18px; left:-2px; top:.5rem}
.linha-tempo li.virada h4{font-size:1.3rem}
.linha-tempo li.virada p{color:var(--tinta)}

.galeria{display:grid; gap:1.1rem; margin:clamp(2rem,4vw,2.8rem) 0}
@media(min-width:560px){.galeria{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.galeria{grid-template-columns:repeat(3,1fr)}}
.galeria .foto img{aspect-ratio:4/3; object-fit:cover; height:auto}

.tira{display:grid; gap:1.15rem}
@media(min-width:520px) and (max-width:919px){.tira{grid-template-columns:1fr 1fr}}

.consagracao{display:grid; gap:1.15rem; margin-top:1.6rem}
@media(min-width:640px){.consagracao{grid-template-columns:1fr 1fr}}

.pe{padding:clamp(2.8rem,6vw,4.2rem) 0 2.4rem; background:var(--creme-2)}
.pe-grade{display:grid; gap:2rem; margin-bottom:2.2rem}
@media(min-width:820px){.pe-grade{grid-template-columns:1.3fr 1fr 1fr}}
.pe h4{font-family:"Archivo",sans-serif; font-weight:600; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--tinta-2); margin-bottom:.9rem}
.pe ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.5rem}
.pe ul a{font-family:"Archivo",sans-serif; font-size:.9rem; text-decoration:none}
.pe ul a:hover{color:var(--pomba)}
.pe address{font-style:normal; font-family:"Archivo",sans-serif; font-size:.9rem; line-height:1.6; color:var(--tinta-2)}
.legal{border-top:1px solid var(--linha); padding-top:1.4rem; display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; justify-content:space-between; font-family:"Archivo",sans-serif; font-size:.79rem; color:var(--tinta-2)}

.aconferir{display:inline-flex; align-items:center; gap:.4rem; font-family:"Archivo",sans-serif; font-size:.76rem; font-weight:600; color:var(--pomba); background:var(--pomba-clara); border:1.5px dashed var(--pomba); border-radius:5px; padding:.16rem .5rem}