/* Site: fundo branco, tipografia grande, uma cor por seção */
.site{--bg:#FFFFFF;--bg2:#F7F3EC;--card:#FFFFFF;--line:#E6DCCB;--gold:#6B3410;--orange:#B24A0E;--cream:#2B1810;--muted:#5E4A3A;--ok:#1E6B34;--err:#A3200F;--inset:#FFFFFF;--btntxt:#FFFFFF;--tabsbg:#FFFFFF;--hl1:#FFF4DE;--hl2:#FFFFFF;--hlb:#EBCB8A;--toastbg:#2B1810;--toasttx:#FFF6E6;background:var(--bg);color:var(--cream)}
body.site{padding-bottom:0}
.in{max-width:1000px;margin:0 auto;padding:0 18px}
.sbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.sbar .in{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;row-gap:0}
.sbrand{display:block;text-decoration:none}
.sbrand img{display:block;height:58px;width:auto}
.sbar nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.sbar nav a{color:var(--cream);text-decoration:none;padding:12px 12px;font-weight:600;font-size:1rem;min-height:44px;display:inline-flex;align-items:center;border-radius:10px}
.sbar nav a:hover{background:var(--bg2)}
.sbar a.sbtn{background:var(--orange);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.shero{background:linear-gradient(180deg,#FFF6E8 0%,#FFFFFF 100%);padding:34px 0 40px}
.hero2{display:grid;gap:26px;align-items:center}
.shero .eyebrow{color:var(--orange);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;margin:0 0 10px}
.shero h1{color:#2B1810;font-size:2.2rem;margin:0 0 .4em}
.shero h1 em{color:#7A1F2B;font-style:normal}
.shero .lead{font-size:1.12rem;max-width:34em;color:#4A3628}
.shero .cta{display:grid;gap:12px;margin-top:22px;max-width:640px}
.saint{margin:0}
.saint img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;border-radius:200px 200px 22px 22px;box-shadow:0 14px 36px rgba(60,35,15,.22);border:3px solid #E3B866}
.saint figcaption{text-align:center;color:#6B3410;font-family:Georgia,serif;font-size:1.05rem;margin-top:10px}
.sec{padding:38px 0}
.sec.alt{background:var(--bg2)}
.sec h2{margin-bottom:.7em;color:#2B1810}
.sec .in>.card{max-width:640px}
.kicker{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;margin:0 0 4px}
.k-vela{color:#8A5A00}.k-oracao{color:#7A1F2B}.k-pedido{color:#5B3A7A}.k-loja{color:#B24A0E}.k-doar{color:#B03A5B}.k-zap{color:#1F7A3A}
.grid{display:grid;gap:14px;grid-template-columns:1fr}
.grid.g2{grid-template-columns:1fr}
.tile{display:block;text-decoration:none;color:inherit;margin:0}
.tile h3{margin-top:0;color:#2B1810}
.ico{width:64px;height:64px;display:block;margin:0 0 6px}
.thumb{display:block;width:100%;height:240px;object-fit:cover;object-position:50% 18%;border-radius:12px;margin:0 0 12px}
.thumb.tall{height:340px;object-position:50% 20%}
.tile .btn{margin-top:12px;pointer-events:none}
.tile.card{border-top:6px solid var(--line)}
.t-oracao{border-top-color:#7A1F2B!important}.t-aparecida{border-top-color:#1F3F7A!important}.t-loja{border-top-color:#B24A0E!important}.t-membro{border-top:6px solid #2B1810!important}.t-doar{border-top:6px solid #B03A5B!important}
.prod{text-align:center}
.prod .ico{width:96px;height:96px;margin:6px auto 10px}
.prod h3{margin:0 0 10px}
.soon{display:inline-block;background:#B24A0E;color:#fff;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;padding:6px 14px;border-radius:30px}
.t-doar .ico{float:right;margin:0 0 6px 10px}
/* um botão de cor por seção */
.btn.b-oracao{background:#7A1F2B;color:#fff;border:0}
.btn.b-vela{background:#F2B33D;color:#2B1810;border:0}
.btn.b-zap{background:#1F7A3A;color:#fff;border:0}
.btn.b-pedido{background:#5B3A7A;color:#fff;border:0}
.btn.b-loja{background:#B24A0E;color:#fff;border:0}
.btn.b-membro{background:#2B1810;color:#E3B866;border:2px solid #E3B866}
.btn.b-doar{background:#B03A5B;color:#fff;border:0}
.btn.b-aparecida{background:#1F3F7A;color:#fff;border:0}
.btn.b-cad{background:#2B1810;color:#fff;border:0}
.btn.b-ent{background:#fff;color:#2B1810;border:2px solid #2B1810}
/* quatro passos */
.steps{display:grid;gap:12px;grid-template-columns:1fr}
.step{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;background:#fff;box-shadow:0 2px 14px rgba(60,35,15,.06);border-top:6px solid var(--c)}
.step b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;font:700 1rem system-ui,sans-serif}
.step h3{margin:8px 0 4px;color:#2B1810}.step p{margin:0;color:var(--muted)}
.s1{--c:#7A1F2B}.s2{--c:#C98A0B}.s3{--c:#5B3A7A}.s4{--c:#1F7A3A}
/* WhatsApp */
.band{display:grid;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-top:6px solid #1F7A3A;border-radius:18px;padding:20px;box-shadow:0 2px 14px rgba(60,35,15,.06)}
.band h2{margin:0 0 .3em;font-size:1.4rem}.band p{margin:0 0 .3em}
/* faixa de cadastro e painel "hoje" */
.join{background:#FFF4DE;border-top:1px solid var(--hlb);border-bottom:1px solid var(--hlb);padding:18px 0}
.joinbox{display:grid;gap:14px;align-items:center}
.joinbox b{font-size:1.1rem}
.joinbtns{display:grid;gap:10px}
.hojebox{background:linear-gradient(180deg,#FFF4DE,#fff);padding:26px 0}
.hojebox h2{margin:0 0 .2em}
.hojebox .stats{margin-top:10px}
.hojebox .row{margin:10px 0}
.hojebox textarea{min-height:96px}
.btn.b-rezei{background:#1F7A3A;color:#fff;border:0}
.btn.b-rezei.done{background:#fff;color:#1F7A3A;border:2px solid #1F7A3A}
.sfoot{background:var(--bg2);color:var(--muted);padding:26px 0;font-size:.95rem;border-top:1px solid var(--line)}
.sfoot a{color:#7A1F2B}
.stage{background:linear-gradient(#2B1810,#3A2218);border-radius:14px;padding:6px 0 0;margin:0 0 14px;color:#F4E6CF}
@media (min-width:760px){
  .hero2{grid-template-columns:1.1fr .9fr}.shero h1{font-size:3.1rem}.shero{padding:60px 0 66px}.shero .cta{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:repeat(3,1fr)}.grid.g2{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(4,1fr)}
  .joinbox{grid-template-columns:1fr auto}.joinbtns{grid-template-columns:auto auto}.joinbtns .btn{white-space:nowrap}
  .band{grid-template-columns:auto 1fr auto}.band .btn{white-space:nowrap}
}
@media (max-width:640px){.sbar nav{order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line)}.sbar nav a{padding:10px 6px;font-size:.95rem}.saint img{max-width:300px}}
.chainbadge{display:inline-block;background:#FFF4DE;border:1px solid #EBCB8A;color:#6B3410;font-weight:700;border-radius:30px;padding:8px 14px;margin:0 0 14px;font-size:.98rem}
.chainbadge[hidden]{display:none}