/* ============================================================
   base.css · Portal da Capela Santo Antônio
   Carregado por TODAS as páginas, depois do <style> de cada uma.
   Onda 1 (out/2026): leitura, foco, alvos de toque e rodapé.
   Regra da casa: o portal é ponte para a capela de verdade.
   ============================================================ */

/* ---------- Fontes hospedadas no próprio portal (sem chamada a terceiros) ----------
   EB Garamond (SIL Open Font License) e Source Sans 3 (SIL OFL), subconjunto latino, woff2. */
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(/fontes/eb-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/fontes/eb-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/fontes/eb-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/fontes/eb-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/fontes/eb-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/fontes/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;font-display:swap;src:url(/fontes/source-sans-3-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/fontes/source-sans-3-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(/fontes/source-sans-3-latin-700-normal.woff2) format("woff2")}

/* ---------- Cor de leitura: cinza mais escuro para texto corrido ---------- */
:root{
  --ink-2:#48484D;   /* texto secundário (antes #6E6E73, 4,6:1) → 8,6:1 */
  --ink-3:#5C5C61;   /* legendas e notas (6,6:1) */
}

/* ---------- Leitura ---------- */
p{line-height:1.55}
small,.hint{line-height:1.45}
html{-webkit-text-size-adjust:100%}

/* ---------- Foco visível em tudo que recebe teclado ---------- */
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid #0A5DC2!important;outline-offset:2px!important;
}
html.alto-contraste a:focus-visible,html.alto-contraste button:focus-visible{outline-color:#000!important}

/* ---------- Alvos de toque: pelo menos 44px onde a pessoa toca ---------- */
.btn-oracao-top,.btn-acervo-top,.btn-primary,.btn-ghost,.btn-oracao,.btn-acervo,.btn-whats,.btn-whats-share,.btn-copy-link,
.esc-btn,.hbtn,.zap-btn,.cm-btn,.cm-menu-btn,.today-btn,.add-cal,.wq-link,.f-link,.cel-mais,.aniv-link,.dons-fim a,
.retry-btn,.segmented button,.filter-select,.community-select{
  min-height:44px;
}
.segmented button{padding-top:9px;padding-bottom:9px}
.date-nav .nav-btn{width:44px;height:44px}
.close-btn{width:44px;height:44px;font-size:18px}
.add-cal,.wq-link,.f-link,.cel-mais,.aniv-link,.dons-fim a{display:inline-flex;align-items:center;gap:7px}
.footer-links a,.footer-links button{display:inline-flex;align-items:center;min-height:44px}

/* ---------- Página inicial: cabeçalho e hero ---------- */
.brand .brand-h{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}
.brand .brand-h small{display:block;font-size:14px;font-weight:400;color:var(--ink-2);margin-top:2px}
@media (max-width:560px){.brand .brand-h{font-size:17px;white-space:normal}}
.hero-txt h1{font:400 clamp(30px,3.5vw,42px)/1.08 Georgia,"Times New Roman",serif;color:#fff;margin:0 0 12px;letter-spacing:-.01em}
.hero-txt h1 em{font-style:italic}
@media (max-width:640px){.hero-txt h1{font-size:30px}}
.hero-txt p{font-size:17.5px;line-height:1.5}
.hero-missa{scroll-margin-top:96px}
.hero-txt .hero-paz{font-size:15px!important}

/* ---------- Rodapé da página inicial: links em grupos, um por linha ---------- */
.f-col h3{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px}
.f-link{font-size:16px;margin-bottom:4px}
.f-col p{font-size:16px}
.f-link-btn{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:none;font-weight:600;cursor:pointer;text-align:left}
.f-link-btn:hover{text-decoration:underline}
.footer-base{text-align:left}
.footer-base .f-meta{text-align:center;font-size:15px;margin-bottom:18px}
.cm-flinks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 26px;text-align:left}
.cm-fg b{display:block;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.cm-fg ul{list-style:none;margin:0;padding:0}
.cm-fg li{margin:0}
.cm-fg a,.cm-fg button{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:600;color:var(--accent);text-decoration:none;background:none;border:0;padding:0;font-family:inherit;cursor:pointer;text-align:left}
.cm-fg a:hover,.cm-fg button:hover{text-decoration:underline}
.cm-fg a[aria-current="page"]{color:var(--ink);text-decoration:none;cursor:default}
@media (max-width:640px){.cm-flinks{grid-template-columns:1fr}.footer-base{text-align:center}.cm-flinks{text-align:center}.cm-fg a,.cm-fg button{justify-content:center;width:100%}}

/* ---------- Estados de carregamento visíveis ---------- */
.carregando-aviso{display:block;text-align:center;font-size:16px;color:var(--ink-2);margin:0 0 12px}
.carregando-aviso[hidden]{display:none}

/* ---------- Página inicial: contribuição vai para o fim, não para o topo ---------- */
.lugar-g{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.lugar-g{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.lugar-g{grid-template-columns:1fr}}

/* ---------- Rodapé das páginas internas: links com área de toque ---------- */
footer > a{display:inline-block;padding:10px 6px;font-size:16px}

/* ============================================================
   Onda 2 (out/2026): fontes próprias, um estilo de título, ícones
   ============================================================ */

/* ---------- Fontes: EB Garamond (títulos e citações) e Source Sans 3 (corpo) ---------- */
:root{
  --font:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-titulo:"EB Garamond",Georgia,"Times New Roman",serif;
  --ouro:#906612;
}
body,button,input,select,textarea,.acess-bar,.cm-header,.cm-bar{font-family:var(--font)}
body{font-size:17px}

/* ---------- Um único estilo de título em todas as páginas ---------- */
h1,h2,.hero h1,.hero-txt h1,.course-card h2,.modal-head h2,.notices-head h2,.ap-h h2,.dons h2,.lugar h2,.casa-t h2,.agenda-titulo,
.history-body h3,.cm-brand-nome,.brand .brand-h{
  font-family:var(--font-titulo);font-weight:600;letter-spacing:-.01em;
}
h1,.hero h1{font-size:clamp(34px,4.6vw,46px);line-height:1.1;font-weight:600;letter-spacing:-.015em}
.hero-txt h1{font-weight:500;font-size:clamp(34px,3.8vw,48px)}
h2{line-height:1.15}
.dons h2,.lugar h2{font-size:clamp(28px,3vw,34px)}
.casa-t h2,.notices-head h2,.ap-h h2,.agenda-titulo{font-size:26px}
.modal-head h2,.course-card h2{font-size:26px}
.brand .brand-h{font-size:21px;font-weight:600}
.brand .brand-h small{font-family:var(--font);font-size:14px}
.cm-brand-nome{font-size:19px}
@media (max-width:560px){.brand .brand-h{font-size:19px}}
/* rótulos pequenos em caixa alta continuam na fonte de corpo */
.eyebrow,.hero small,.hm-t,.wq-label,.cel-label,.welcome-greeting,.gal-sel,.gal-apoio-t,.missa h2,.f-col h3,.cm-fg b,.cm-grupo{font-family:var(--font)}

/* ---------- Citações e a saudação em serifa ---------- */
.wq-text,.oracao-cit,.history-quote,.hero-paz i,blockquote,.quote,.cit{font-family:var(--font-titulo)}
.wq-text{font-size:21px;line-height:1.45}
.oracao-cit,.history-quote{font-size:19px;line-height:1.5}
.hero-paz i{font-size:23px}

/* ---------- Ícones de linha (no lugar dos emojis), na cor ouro ---------- */
.ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico-dom{width:30px;height:30px;color:var(--ouro);display:block;margin-bottom:8px;stroke-width:1.6}
.sched-icon .ico{width:20px;height:20px;color:var(--accent)}
.gal-fato .ico{color:var(--ouro)}
.empty .glyph .ico{width:30px;height:30px;color:var(--ouro)}
.room-opt .card .ric .ico{width:26px;height:26px;color:#fff;stroke-width:1.7}
.room-icon .ico,.legend-icon .ico{width:18px;height:18px}
.ico-ph{width:40px;height:40px;color:var(--ink-3)}
.card-add-cart .ico{width:18px;height:18px}
.bib-busca .ico{color:var(--ink-3)}
#hLimpeza .ico,#hCafe .ico{color:var(--accent);margin-right:4px}
.hero-paz i{white-space:nowrap}

/* ---------- Rosto da coordenação no convite do WhatsApp ---------- */
.zap-foto{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:var(--shadow)}