/* ============================================================
   Mosteiro da Esperança — sistema de design "O hábito e a luz" (v1)
   Cor-âncora: AZUL-JEANS (a cor do hábito) + LUZ (muito branco/respiro).
   ZERO marrom/terracota/dourado. Base clara, moderna, digna.
   Tipografia: Spectral (serifa, títulos) + Inter (sans, corpo/UI).
   Contrastes AA medidos. Reaproveita padrões provados do site da CCEV.
   ============================================================ */
:root{
  --bg:#fafbfd; --ink:#26313e; --muted:#546576; --line:#e2e8f0; --card:#ffffff;
  --indigo:#2b4162; --jeans:#3e6493; --jeans-2:#35506b; --wash:#8fb0d0;
  --mist:#dce6f0; --sky:#bfd9ea; --on-accent:#ffffff;
  --accent:#3e6493; --accent-soft:#e8eff7; --focus:#3e6493; --nav:#fafbfdee;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#0f1824; --ink:#e6edf5; --muted:#9fb2c6; --line:#25344a; --card:#16212f;
    --indigo:#9dc0e6; --jeans:#7da6d0; --jeans-2:#a7c4e2; --wash:#5a7ea8;
    --mist:#182636; --sky:#1d2f45; --on-accent:#0f1824;
    --accent:#7da6d0; --accent-soft:#1b2a3d; --focus:#7da6d0; --nav:#0f1824ee; }
}
:root[data-theme="light"]{ --bg:#fafbfd; --ink:#26313e; --muted:#546576; --line:#e2e8f0; --card:#ffffff;
  --indigo:#2b4162; --jeans:#3e6493; --jeans-2:#35506b; --wash:#8fb0d0; --mist:#dce6f0; --sky:#bfd9ea;
  --on-accent:#ffffff; --accent:#3e6493; --accent-soft:#e8eff7; --focus:#3e6493; --nav:#fafbfdee; }
:root[data-theme="dark"]{ --bg:#0f1824; --ink:#e6edf5; --muted:#9fb2c6; --line:#25344a; --card:#16212f;
  --indigo:#9dc0e6; --jeans:#7da6d0; --jeans-2:#a7c4e2; --wash:#5a7ea8; --mist:#182636; --sky:#1d2f45;
  --on-accent:#0f1824; --accent:#7da6d0; --accent-soft:#1b2a3d; --focus:#7da6d0; --nav:#0f1824ee; }

*{box-sizing:border-box}
html{font-size:112.5%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[id]{scroll-margin-top:5rem}
body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);
  background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--jeans)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:-9999px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip:focus{left:1rem;top:.5rem;background:var(--jeans);color:var(--on-accent);padding:.5rem .8rem;border-radius:8px;z-index:100}

/* Larguras */
.wrap{max-width:40rem;margin:0 auto;padding:0 1.25rem}
.wrap-largo{max-width:64rem;margin:0 auto;padding:0 1.25rem}

/* Tipografia — Spectral nos títulos */
h1,h2,h3,.serif{font-family:Spectral,Georgia,'Times New Roman',serif}
h1{font-size:clamp(2.3rem,5vw + 1rem,3.4rem);line-height:1.1;font-weight:500;margin:.2rem 0 .6rem;color:var(--indigo);text-wrap:balance}
h2{font-size:clamp(1.6rem,2.5vw + .8rem,2.1rem);line-height:1.22;font-weight:500;margin:0 0 1rem;color:var(--indigo);text-wrap:balance}
h3{font-size:1.3rem;font-weight:500;margin:1.3rem 0 .3rem;color:var(--ink)}
p{margin:.8rem 0}
.lead{font-size:1.2rem;color:var(--ink)}
ul{padding-left:1.15rem;margin:.6rem 0}
li{margin:.4rem 0}
.kicker{font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;font-weight:600;color:var(--jeans);margin:0 0 .8rem}
.meta,figcaption{font-family:Inter,sans-serif;font-size:.9rem;color:var(--muted)}
strong{color:var(--indigo)}
@media (prefers-color-scheme:dark){strong{color:var(--jeans-2)}}

/* Header fixo */
.topo-site{position:sticky;top:0;z-index:40;background:var(--nav);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;
  gap:.6rem;padding:.4rem clamp(1rem,4vw,1.5rem);min-height:3.6rem}
.topo-site .brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--indigo);min-height:44px}
.topo-site .brand img{height:34px;width:auto;display:block}
.topo-site .brand b{font-family:Spectral,serif;font-weight:600;font-size:1.05rem;line-height:1;white-space:nowrap}
.topo-site nav{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap;justify-content:flex-end}
.topo-site nav a{font-family:Inter,sans-serif;font-size:.92rem;color:var(--ink);text-decoration:none;
  padding:.5rem .8rem;border-radius:999px;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.topo-site nav a:hover{background:var(--accent-soft)}
.topo-site nav a[aria-current="page"]{background:var(--accent-soft);color:var(--jeans);font-weight:600}
.topo-site nav a.btn-topo{background:var(--jeans);color:var(--on-accent);font-weight:600}
.topo-site nav a.btn-topo:hover{background:var(--jeans-2)}
@media(max-width:640px){
  .topo-site{flex-wrap:wrap;justify-content:center;gap:.15rem;padding-top:.5rem;padding-bottom:.5rem}
  .topo-site .brand{flex:1 0 100%;justify-content:center}
  .topo-site nav{width:100%;justify-content:center}
  .topo-site nav a{padding:.5rem .65rem;font-size:.88rem}
}

/* Botões */
.cta{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;background:var(--jeans);color:var(--on-accent);
  border:0;border-radius:999px;padding:.8rem 1.6rem;min-height:3rem;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:background .15s,transform .15s}
.cta:hover{background:var(--jeans-2);transform:translateY(-1px)}
.cta.ghost{background:transparent;color:var(--jeans);border:1.5px solid var(--jeans)}
.cta.ghost:hover{background:var(--accent-soft);transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.cta:hover{transform:none}}

/* Seções */
section{padding:clamp(2.8rem,7vw,4.4rem) 0}
section.alt{background:var(--mist);border-block:1px solid var(--line)}
.sub{color:var(--muted);font-size:1.15rem;max-width:54ch}

/* Herói */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(1200px 500px at 70% -10%,var(--sky),transparent 60%),
  linear-gradient(180deg,var(--card),var(--bg))}
.hero .wrap-largo{padding-top:clamp(2.6rem,7vw,4.5rem);padding-bottom:clamp(2.6rem,7vw,4.5rem);
  display:grid;gap:2rem;align-items:center}
@media(min-width:860px){.hero .wrap-largo{grid-template-columns:1.05fr .95fr}}
.hero h1{margin-top:0}
.hero .mission{font-size:1.3rem;line-height:1.5;max-width:32ch;margin:.2rem 0 1.6rem;color:var(--ink)}
.hero .mission strong{color:var(--jeans)}
.hero-acoes{display:flex;flex-wrap:wrap;gap:.7rem}
.hero-foto{margin:0}
.hero-foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px;
  border:1px solid var(--line);box-shadow:0 18px 50px #2b416226}
.hero-foto figcaption{margin-top:.5rem;text-align:center}

/* Cabeçalho de página interna */
.page-cab{padding:clamp(2.2rem,6vw,3.4rem) 0 clamp(1.4rem,4vw,2rem);border-bottom:1px solid var(--line);
  background:radial-gradient(900px 360px at 85% -30%,var(--sky),transparent 60%),var(--card)}
.page-cab h1{margin:.1rem 0 .5rem}
.page-cab .sub{margin:0}

/* Cartões de destaque (caminhos na home) */
.destaques{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.6rem}
@media(min-width:680px){.destaques{grid-template-columns:1fr 1fr}}
.destaque{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:var(--ink);
  background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem;
  box-shadow:0 1px 2px #2b41620d,0 10px 24px #2b41620f;transition:border-color .15s,transform .15s,box-shadow .15s}
.destaque:hover{border-color:var(--jeans);transform:translateY(-3px);box-shadow:0 14px 32px #2b416222}
@media(prefers-reduced-motion:reduce){.destaque:hover{transform:none}}
.destaque h3{margin:0;color:var(--indigo)}
.destaque p{color:var(--muted);margin:0;flex:1}
.destaque .vai{font-family:Inter,sans-serif;font-weight:600;color:var(--jeans);margin-top:.3rem}

/* Cartões genéricos */
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem;
  box-shadow:0 1px 2px #2b41620d,0 8px 20px #2b41620d}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.6rem}
@media(max-width:600px){.cards{grid-template-columns:1fr}}
.cards.tri{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.cards.tri{grid-template-columns:1fr}}
.card h3{margin:.1rem 0 .3rem;color:var(--indigo)}
.card p:last-child{margin-bottom:0}

/* Citação (carisma / falas) */
.citacao{margin:1.8rem 0 0;padding:1.1rem 1.5rem;border-left:4px solid var(--jeans);background:var(--card);border-radius:0 14px 14px 0}
.citacao p{font-family:Spectral,serif;font-size:1.35rem;font-style:italic;line-height:1.5;margin:0;color:var(--indigo)}
.citacao cite{display:block;margin-top:.7rem;font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:.92rem;color:var(--jeans)}
@media(prefers-color-scheme:dark){.citacao p{color:var(--ink)}}

/* Foto dentro de texto */
.foto-bio{max-width:520px;margin:1.8rem auto .4rem}
.foto-bio img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 30px #2b41621f;display:block}
.foto-bio figcaption{text-align:center;margin-top:.5rem}

/* Linha do tempo */
.timeline{list-style:none;padding:0;margin:1.6rem 0 0;position:relative}
.timeline::before{content:"";position:absolute;left:.55rem;top:.3rem;bottom:.3rem;width:2px;background:var(--line)}
.timeline li{position:relative;padding-left:2.3rem;margin:1.2rem 0}
.timeline li::before{content:"";position:absolute;left:.15rem;top:.4rem;width:.85rem;height:.85rem;background:var(--jeans);border-radius:50%;border:2px solid var(--bg)}
.timeline .ano{font-family:Inter,sans-serif;font-weight:700;font-size:.9rem;color:var(--jeans);display:block}

/* Vídeo 16:9 */
.video-wrap{position:relative;width:100%;aspect-ratio:16/9;margin-top:1.4rem;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 10px 30px #2b416224;background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Rostos da Esperança */
.rostos{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.2rem;margin-top:1.6rem}
.rosto{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 1px 2px #2b41620d,0 8px 20px #2b41620d;display:flex;flex-direction:column}
.rosto .foto{aspect-ratio:1;background:
  linear-gradient(135deg,var(--mist),var(--sky));display:grid;place-items:center;color:var(--jeans);position:relative}
.rosto .foto svg{width:44%;height:44%;opacity:.5}
.rosto .foto img{width:100%;height:100%;object-fit:cover}
.rosto .corpo{padding:.9rem 1.05rem 1.1rem}
.rosto .nome{font-family:Spectral,serif;font-weight:600;font-size:1.1rem;color:var(--indigo);margin:0}
.rosto .anos{font-family:Inter,sans-serif;font-size:.82rem;color:var(--jeans);font-weight:600;margin:.1rem 0 .5rem}
.rosto blockquote{margin:0;font-size:.96rem;color:var(--muted);font-style:italic;line-height:1.5}
.rosto.vazio .corpo{color:var(--muted)}

/* Galeria + lightbox */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.6rem}
.galeria figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  cursor:pointer;transition:transform .15s,box-shadow .15s}
.galeria figure:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2b416226}
.galeria figure:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.galeria figure{transition:none}.galeria figure:hover{transform:none}}
.galeria img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--mist)}
.galeria figcaption{padding:.7rem .9rem;font-size:.9rem;color:var(--muted)}
.lightbox{position:fixed;inset:0;background:#0b1420ee;display:none;place-items:center;z-index:90;padding:1.2rem}
.lightbox.on{display:grid}
.lightbox img{max-width:min(94vw,1100px);max-height:86vh;border-radius:12px;box-shadow:0 20px 60px #000a}
.lightbox .fechar{position:absolute;top:1rem;right:1.1rem;background:#ffffff22;color:#fff;border:0;border-radius:999px;
  width:3rem;height:3rem;font-size:1.5rem;cursor:pointer}
.lightbox .cap{position:absolute;bottom:1.1rem;left:0;right:0;text-align:center;color:#dfe9f5;font-family:Inter,sans-serif;font-size:.95rem}

/* Contato / doação / oração */
.contato-grid{display:grid;gap:1.1rem;margin-top:1.6rem}
@media(min-width:760px){.contato-grid{grid-template-columns:repeat(3,1fr)}}
.info-linha{display:flex;gap:.6rem;align-items:flex-start;margin:.5rem 0}
.info-linha .ic{color:var(--jeans);flex:0 0 auto;margin-top:.15rem}
.info-linha a{color:var(--ink);text-decoration:none;word-break:break-word}
.info-linha a:hover{color:var(--jeans);text-decoration:underline}
.oficiais{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.oficiais a{font-family:Inter,sans-serif;font-size:.92rem;text-decoration:none;color:var(--jeans);
  border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.6rem 1.1rem;min-height:44px;display:inline-flex;align-items:center;gap:.4rem}
.oficiais a:hover{border-color:var(--jeans)}
.aviso{font-family:Inter,sans-serif;font-size:.92rem;color:var(--muted);background:var(--accent-soft);
  border:1px solid var(--line);border-left:4px solid var(--jeans);border-radius:0 12px 12px 0;padding:.9rem 1.1rem;margin-top:1.2rem}

/* Rodapé */
footer.rodape{border-top:1px solid var(--line);background:var(--card);padding:2.6rem 0 3rem;margin-top:1rem;
  color:var(--muted);font-family:Inter,sans-serif;font-size:.94rem}
footer.rodape .wrap-largo{display:grid;gap:1.2rem}
.rodape-top{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:flex-start}
.rodape-marca{display:flex;align-items:center;gap:.7rem}
.rodape-marca img{height:44px;width:auto}
.rodape-marca .fnome{font-family:Spectral,serif;font-size:1.2rem;color:var(--indigo);margin:0}
.rodape-marca .fsub{margin:.15rem 0 0;font-size:.86rem}
.rodape-links{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;align-items:center}
.rodape-links a{color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap;padding:.15rem 0}
.rodape-links a:hover{color:var(--jeans);text-decoration:underline}
.rodape-ext{display:flex;flex-wrap:wrap;gap:.35rem 1.3rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.86rem}
@media(max-width:600px){.rodape-top{flex-direction:column}}

/* Parceiros no rodapé — os 3 sites se falam (ícones → novas URLs) */
.rodape-parceiros{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:1.1rem 0 .2rem;border-top:1px solid var(--line);margin-top:.4rem}
.rodape-parceiros .rp-label{width:100%;font-family:Inter,sans-serif;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.rp-chip{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.45rem .8rem;transition:border-color .15s}
.rp-chip img{height:32px;width:auto;display:block;border-radius:6px}
.rp-chip .rp-txt{font-family:Spectral,serif;font-size:.9rem;line-height:1.15;color:var(--indigo)}
.rp-chip .rp-txt small{display:block;font-family:Inter,sans-serif;font-size:.72rem;color:var(--muted);font-weight:400}
.rp-chip:hover{border-color:var(--jeans)}

/* ============================================================
   IMERSIVO "À luz das velas" (v2) — as FOTOS no comando.
   Fundos azul-noite profundos (o azul do hábito), fotografia
   quente por cima. A calidez vem das fotos; cromo sem marrom.
   ============================================================ */
:root{ --night:#16233c; --night-2:#0e1830; }

/* Hero de imagem cheia */
.hero-cheio{position:relative;min-height:min(90vh,780px);display:flex;align-items:flex-end;color:#fff;background:var(--night-2);overflow:hidden}
.hero-cheio > img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero-cheio .veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,24,48,.32),rgba(14,24,48,.55) 55%,rgba(14,24,48,.95))}
.hero-cheio .wrap-largo{position:relative;z-index:1;padding-top:7rem;padding-bottom:clamp(2.6rem,6vw,4.4rem)}
.hero-cheio .kicker{color:#c7dbf2}
.hero-cheio h1{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.45);max-width:20ch;margin-top:.2rem}
.hero-cheio .mission{color:#e8eef7;max-width:34ch;font-size:1.3rem;line-height:1.55;margin:.5rem 0 1.7rem}
.hero-cheio .mission strong{color:#fff}
.hero-cheio .hero-acoes .cta.ghost{color:#fff;border-color:#ffffff8c;background:#ffffff12}
.hero-cheio .hero-acoes .cta.ghost:hover{background:#ffffff22;border-color:#fff}

/* Faixa de foto imersiva entre seções */
.faixa-foto{position:relative;min-height:clamp(360px,54vh,560px);display:flex;align-items:center;color:#fff;background:var(--night-2);overflow:hidden}
.faixa-foto > img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.faixa-foto .veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,24,48,.92),rgba(14,24,48,.55) 62%,rgba(14,24,48,.28))}
.faixa-foto .wrap{position:relative;z-index:1;padding-block:2.4rem}
.faixa-foto .kicker{color:#c7dbf2}
.faixa-foto h2{color:#fff}
.faixa-foto p{color:#eaf0f8}
.faixa-foto .citacao{background:#ffffff14;border-left-color:#c7dbf2;backdrop-filter:blur(2px)}
.faixa-foto .citacao p{color:#fff}
.faixa-foto .citacao cite{color:#cfe0f4}

/* Seção noite (leitura em fundo profundo) */
section.noite{background:var(--night);color:#e8eef7;border-block:1px solid #ffffff14}
section.noite h2,section.noite h3{color:#fff}
section.noite .kicker{color:#c7dbf2}
section.noite strong{color:#fff}
section.noite .card{background:#ffffff10;border-color:#ffffff22;box-shadow:none}
section.noite .card h3{color:#fff}
section.noite .card p{color:#dbe4f2}

/* Tira de fotos (teaser da galeria) */
.tira-fotos{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:1.6rem}
@media(max-width:600px){.tira-fotos{grid-template-columns:repeat(2,1fr)}}
.tira-fotos a{display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;border:1px solid var(--line)}
.tira-fotos img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tira-fotos a:hover img{transform:scale(1.07)}

/* Cabeçalho interno com foto */
.page-cab.foto{position:relative;color:#fff;background:var(--night-2);border-bottom:0;overflow:hidden}
.page-cab.foto > img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.page-cab.foto .veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,24,48,.42),rgba(14,24,48,.85))}
.page-cab.foto .wrap-largo{position:relative;z-index:1;padding-top:6rem;padding-bottom:2.6rem}
.page-cab.foto h1{color:#fff}
.page-cab.foto .kicker{color:#c7dbf2}
.page-cab.foto .sub{color:#e8eef7}

/* correção: destaque legível sobre foto escura */
.faixa-foto strong{color:#fff}
.hero-cheio .lead,.faixa-foto .lead{color:#fff}

/* ---------- Revisão de celular: nada estoura a largura da tela ---------- */
@media(max-width:560px){
  html,body{overflow-x:hidden}
  .hero-acoes{flex-direction:column;align-items:stretch}
  .hero-acoes .cta{width:100%;justify-content:center}
  .hero-cheio .wrap-largo,.page-cab .wrap-largo{padding-left:1rem;padding-right:1rem}
}

/* ---------- Menu de celular (botão hambúrguer) ---------- */
.menu-btn{display:none}
@media(max-width:640px){
  .topo-site{flex-wrap:wrap;justify-content:space-between;align-items:center}
  .topo-site .brand{flex:0 1 auto;justify-content:flex-start}
  .menu-btn{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;
    padding:12px;background:transparent;border:1px solid var(--line);border-radius:10px;cursor:pointer}
  .menu-btn span{display:block;height:2px;width:100%;background:var(--indigo);border-radius:2px;transition:transform .2s,opacity .2s}
  .topo-site.nav-aberto .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .topo-site.nav-aberto .menu-btn span:nth-child(2){opacity:0}
  .topo-site.nav-aberto .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .topo-site nav{display:none;flex:1 0 100%;width:100%;flex-direction:column;align-items:stretch;gap:.15rem;
    padding-top:.5rem;margin-top:.4rem;border-top:1px solid var(--line)}
  .topo-site.nav-aberto nav{display:flex}
  .topo-site nav a{width:100%;justify-content:flex-start;padding:.75rem .8rem;min-height:48px}
  .topo-site nav a.btn-topo{justify-content:center;margin-top:.2rem}
}

/* ===== DEDO EM VEZ DE MOUSE (29/08/2026) =====================================
   Mesma correção da folha principal, que o Mosteiro não compartilha. Aqui havia
   ainda a caixinha de marcar do "Rostos da Esperança" com os 13px padrão do
   navegador — e ela é a caixa de AUTORIZAÇÃO, a que a pessoa precisa marcar
   para mandar o testemunho dela.                                              */
input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--jeans,currentColor);cursor:pointer}
.check{display:flex;gap:.6rem;align-items:flex-start}
.check label{cursor:pointer}
@media (pointer:coarse){
  .rodape-links a,.rodape-ext a{min-height:44px;display:inline-flex;align-items:center}
  .info-linha a,.contato-lista a{min-height:44px;display:inline-flex;align-items:center}
}