/* Umadeb Regional ABCD — identidade a partir do logo oficial.
   Layout: cabeçalho fixo, hero azul com o logo em branco, seções em colunas largas.
   Forma assinatura: o "U" do logo (topo reto, base arredondada) nos cartões de data e de setor. */
:root{
  --bg:#FFFFFF; --surface:#F2F2F9; --ink:#0B0B2E; --muted:#555570; --line:#DCDCE8;
  --navy:#000059; --red:#E4001E; --head:#000059; --link:#000059;
  --hero:#000059; --on-hero:#FFFFFF; --hero-soft:#0A0A78;
  --draft:#FFF3B8; --ok:#0E7A3E; --ouro:#B07D2E;
  --show-cor:block; --show-branco:none;
  --f-display:'Montserrat',system-ui,sans-serif; --f-body:'Source Sans 3',system-ui,sans-serif;
  --u:12px 12px 44px 44px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0A0A1F; --surface:#13132F; --ink:#ECECF6; --muted:#A6A6C2; --line:#272749;
  --head:#FFFFFF; --link:#FFFFFF; --hero:#00004A; --hero-soft:#0A0A78; --draft:#4A4210; --ouro:#D4A64F;
  --show-cor:none; --show-branco:block; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0A0A1F; --surface:#13132F; --ink:#ECECF6; --muted:#A6A6C2; --line:#272749;
  --head:#FFFFFF; --link:#FFFFFF; --hero:#00004A; --hero-soft:#0A0A78; --draft:#4A4210; --ouro:#D4A64F;
  --show-cor:none; --show-branco:block; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--f-body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--link);text-decoration-color:var(--red);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--f-display);color:var(--head);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:800}
h2{font-size:clamp(1.55rem,3.2vw,2.25rem);font-weight:800}
h3{font-size:1.18rem;font-weight:700;letter-spacing:-.01em}
p{margin:0}
.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:max(16px,4vw)}
.prose{max-width:66ch}
.prose p+p{margin-top:1em}
.muted{color:var(--muted)}
section{padding-block:clamp(44px,7vw,88px)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.sec-head p{max-width:52ch;color:var(--muted)}
.alt{background:var(--surface)}

/* aviso de revisão (desligue em assets/config.js: revisao:false) */
.revisao-banner{background:#FFE36E;color:#2B2400;font:600 14px/1.4 var(--f-body);text-align:center;padding:8px 16px}
.rascunho{background:transparent}
body.revisao .rascunho{background:var(--draft);box-shadow:0 0 0 3px var(--draft);border-radius:3px}

/* cabeçalho */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.marca{display:flex;align-items:center;flex:none}
.marca img{height:50px;width:auto}
.logo-cor{display:var(--show-cor)} .logo-branco{display:var(--show-branco)}
.menu{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.menu a{display:block;padding:10px 9px;font:600 14.5px/1 var(--f-display);color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}
.menu a:hover{border-bottom-color:var(--line)}
.menu a[aria-current="page"]{border-bottom-color:var(--red);color:var(--head)}
.menu .cta a{background:var(--red);color:#fff;border-radius:999px;padding:10px 18px;margin-left:8px;border-bottom:0}
.menu .cta a:hover{filter:brightness(.92)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;color:var(--ink);cursor:pointer;font-size:0}
.burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:currentColor;margin:auto;position:relative;content:""}
.burger span::before{position:absolute;top:-6px;left:0}.burger span::after{position:absolute;top:6px;left:0}
@media (max-width:1120px){
  .burger{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;padding:8px max(16px,4vw) 16px;gap:0}
  .menu.aberto{display:flex}
  .menu a{padding:14px 4px;font-size:17px;border-bottom:1px solid var(--line)}
  .menu .cta a{margin:12px 0 0;text-align:center}
}

/* botões */
.btn{display:inline-block;font:700 15px/1 var(--f-display);padding:15px 24px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{filter:brightness(.92)}
.btn-line{border-color:currentColor;color:inherit;background:transparent}.btn-line:hover{background:rgba(127,127,160,.16)}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.acoes{display:flex;gap:12px;flex-wrap:wrap}

/* hero */
.hero{background:var(--hero);color:var(--on-hero);padding-block:clamp(40px,7vw,84px);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center}
.hero h1{color:#fff}
.hero p.lead{margin-top:20px;font-size:1.2rem;max-width:44ch;color:#D8D8F2}
.hero .acoes{margin-top:30px}
.hero .btn-line{color:#fff}
.hero-arte{position:relative;justify-self:center;width:min(100%,430px);aspect-ratio:1/1.12}
.hero-arte::before{content:"";position:absolute;inset:0 12% 0 0;background:var(--hero-soft);border-radius:18px 18px 200px 200px}
.hero-arte img{position:absolute;left:-4%;right:-22%;top:50%;transform:translateY(-52%);width:126%;max-width:none}
.hero-pagina{padding-block:clamp(36px,5vw,60px)}
.hero-pagina .wrap{display:block}
.hero-pagina p.lead{margin-top:14px}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero-arte{display:none}.hero-pagina .wrap{display:block}}

/* números do hero */
.fatos{display:flex;gap:clamp(20px,5vw,56px);flex-wrap:wrap;margin-top:40px}
.fatos div{min-width:0}
.fatos b{display:block;font:800 clamp(2rem,4vw,2.8rem)/1 var(--f-display);color:#fff}
.fatos span{color:#C9C9EA;font-size:.95rem}

/* agenda */
.mes{font:800 1.15rem var(--f-display);color:var(--head);margin:36px 0 12px;display:flex;align-items:center;gap:14px}
.mes::after{content:"";height:2px;background:var(--line);flex:1}
.eventos{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.evento{display:grid;grid-template-columns:84px minmax(0,1fr);gap:20px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 20px 16px 16px}
.alt .evento{background:var(--bg)}
.data-u{background:var(--navy);color:#fff;border-radius:var(--u);text-align:center;padding:12px 6px 18px;font-family:var(--f-display)}
.data-u b{display:block;font-size:1.9rem;font-weight:800;line-height:1}
.data-u span{display:block;font-size:.78rem;font-weight:600;margin-top:6px;letter-spacing:.04em;text-transform:uppercase;opacity:.9}
.data-u small{display:block;font-size:.72rem;margin-top:3px;opacity:.8}
.evento h3{margin-bottom:6px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.chip{font:600 .8rem/1 var(--f-body);padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.chip.tipo{background:var(--red);border-color:var(--red);color:#fff}
.meta{display:flex;gap:6px 22px;flex-wrap:wrap;color:var(--muted);font-size:.97rem}
.links{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:10px;font-size:.95rem;font-weight:600}
.filtros{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:8px}
.filtros label{display:grid;gap:6px;font:600 .85rem var(--f-display);color:var(--muted)}
select,input[type=text]{font:400 16px var(--f-body);padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);min-width:200px;max-width:100%}
.check{display:flex!important;align-items:center;gap:8px;grid-auto-flow:column;padding-bottom:12px;font-weight:600}
.vazio{padding:36px 24px;border:2px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}
.vazio a{font-weight:700}
.nota{margin-top:14px;font-size:.92rem;color:var(--muted)}
@media (max-width:560px){.evento{grid-template-columns:68px minmax(0,1fr);gap:14px;padding:14px}.data-u b{font-size:1.55rem}}

/* notícias */
.noticias{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.noticia{display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--red);padding-top:16px;text-decoration:none;color:inherit}
.noticia h3{font-size:1.3rem}
.noticia:hover h3{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.noticia time,.artigo time{font-size:.9rem;color:var(--muted)}
.cat{font:700 .78rem var(--f-display);color:var(--red);letter-spacing:.04em;text-transform:uppercase}
.artigo{max-width:70ch;margin-inline:auto}
.artigo h1{font-size:clamp(1.8rem,4.4vw,2.8rem);margin:10px 0 8px}
.artigo .corpo{margin-top:28px}
.artigo .corpo p+p,.artigo .corpo ul+p,.artigo .corpo p+ul{margin-top:1em}
.artigo ul{padding-left:1.2em}.artigo li{margin:.4em 0}
.voltar{display:inline-block;margin-bottom:24px;font-weight:700}

/* setores */
.setores{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}
.setor{background:var(--surface);border:1px solid var(--line);border-radius:var(--u);padding:24px 24px 44px;display:flex;flex-direction:column;gap:12px;min-width:0;scroll-margin-top:96px}
.setor:target{outline:3px solid var(--red);outline-offset:3px}
.setor .num{font:800 3rem/1 var(--f-display);color:var(--red)}
.setor dl{margin:0;display:grid;gap:10px}
.setor dt{font:700 .8rem var(--f-display);color:var(--muted);letter-spacing:.03em;text-transform:uppercase}
.setor dd{margin:2px 0 0;overflow-wrap:anywhere}
.setor .vazio-campo{color:var(--muted);font-style:italic}
.mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}
.mini a{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:var(--bg)}
.mini a:hover{border-color:var(--red)}
.mini b{font:800 1.4rem var(--f-display);color:var(--red);min-width:2.6ch}

/* organização */
.nivel{display:grid;gap:10px;justify-items:start}
.cadeia{display:grid;gap:0;max-width:560px}
.elo{border-left:3px solid var(--red);padding:2px 0 22px 22px;position:relative}
.elo::before{content:"";position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--bg);border:3px solid var(--red)}
.elo:last-child{padding-bottom:0}
.elo b{font:800 1.1rem var(--f-display);color:var(--head);display:block}
.elo span{color:var(--muted)}
.cargos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.cargo{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--bg)}
.alt .cargo{background:var(--bg)}
.cargo h3{font-size:1rem}.cargo p{color:var(--muted);margin-top:4px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
@media (max-width:860px){.duas{grid-template-columns:1fr}}

/* participe */
.caminhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px}
.caminho{background:var(--surface);border:1px solid var(--line);border-radius:var(--u);padding:28px 28px 48px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.caminho h3{font-size:1.45rem}
.caminho ul{margin:0;padding-left:1.1em;color:var(--muted)}
.passos{counter-reset:p;display:grid;gap:18px;padding:0;margin:0;list-style:none;max-width:60ch}
.passos li{counter-increment:p;display:grid;grid-template-columns:40px 1fr;gap:14px}
.passos li::before{content:counter(p);width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font:800 1rem var(--f-display);display:grid;place-items:center}
.passos b{display:block;color:var(--head)}

/* contato */
.canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.canal{border-top:4px solid var(--red);padding-top:14px;min-width:0}
.canal h3{margin-bottom:6px}
.canal p{overflow-wrap:anywhere}
.copiar{margin-left:8px;font:600 .8rem var(--f-body);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:4px 10px;cursor:pointer}

/* rodapé */
.rodape{background:var(--hero);color:#D8D8F2;padding-block:48px 28px;font-size:.97rem}
.rodape .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.rodape img{height:52px;width:auto}
.rodape h3{color:#fff;font-size:.95rem;margin-bottom:10px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rodape a{color:#fff;text-decoration-color:rgba(255,255,255,.4)}
.rodape .fim{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18);padding-top:20px;font-size:.88rem}
@media (max-width:760px){.rodape .wrap{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* fotos */
.hero-arte.com-foto{aspect-ratio:4/5;width:min(100%,400px)}
.hero-arte.com-foto::before{display:none}
.hero-arte.com-foto img{position:static;transform:none;width:100%;height:100%;object-fit:cover;border-radius:18px 18px 180px 180px}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.galeria figure{margin:0;display:grid;gap:8px;min-width:0}
.galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px 14px 40px 14px;background:var(--surface)}
.galeria figure:first-child{grid-column:span 2}
.galeria figure:first-child img{aspect-ratio:8/3.9}
.galeria figcaption{font-size:.92rem;color:var(--muted)}
@media (max-width:620px){.galeria figure:first-child{grid-column:auto}.galeria figure:first-child img{aspect-ratio:4/3}}
.noticia .foto{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 36px 12px;background:var(--surface)}
.artigo .foto{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px 14px 48px 14px;margin-top:20px}
.setor .foto{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px 10px 30px 10px}

/* encontro */
.hero-enc .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,64px);align-items:center}
.hero-enc .ano{font:700 1.05rem var(--f-display);color:#fff;opacity:.85;margin-bottom:14px}
.hero-enc h1{font-size:clamp(2.2rem,5.6vw,4rem)}
.hero-enc .lead{font-size:1.25rem;margin-top:18px;max-width:40ch;color:#E6E6F8}
.hero-enc .ref{font-weight:700;white-space:nowrap}
.enc-arte{justify-self:center;width:min(100%,380px);aspect-ratio:1/1;display:grid;place-items:center;background:var(--hero-soft);border-radius:18px 18px 190px 190px;overflow:hidden}
.enc-arte img{width:100%;height:100%;object-fit:cover}
.ano-grande{font:800 clamp(4.6rem,13vw,8.4rem)/1 var(--f-display);color:#fff;letter-spacing:-.04em}
@media (max-width:860px){.hero-enc .wrap{grid-template-columns:1fr}.enc-arte{display:none}}
.subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 68px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:10px}
.subnav a{flex:none;padding:9px 16px;border-radius:999px;text-decoration:none;font:700 14px var(--f-display);color:var(--ink);border:1px solid var(--line)}
.subnav a:hover{border-color:var(--red)}
#o-encontro,#repertorio,#camiseta{scroll-margin-top:140px}
.fatos-enc,.dados{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px}
.fatos-enc dt,.dados dt{font:700 .8rem var(--f-display);color:var(--muted);letter-spacing:.03em;text-transform:uppercase}
.fatos-enc dd,.dados dd{margin:4px 0 0;font-size:1.1rem;overflow-wrap:anywhere}
.fatos-enc>div{border-top:4px solid var(--red);padding-top:12px}
.prog{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:60ch}
.prog li{display:grid;grid-template-columns:90px 1fr;gap:14px;border-bottom:1px solid var(--line);padding-bottom:10px}
.prog b{font-family:var(--f-display);color:var(--head)}
.musicas{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.musica{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.alt .musica{background:var(--bg)}
.musica .n{width:44px;height:44px;border-radius:12px 12px 22px 22px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 1.1rem var(--f-display)}
.musica h3{font-size:1.05rem}
.musica .links{display:flex;gap:14px;flex-wrap:wrap;font-weight:600;margin:0}
@media (max-width:560px){.musica{grid-template-columns:44px 1fr}.musica .links{grid-column:1/-1}}
.camiseta{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,56px);align-items:start}
.cam-img{aspect-ratio:1/1;background:var(--hero);border-radius:18px 18px 120px 120px;display:grid;place-items:center;overflow:hidden}
.cam-img img{width:100%;height:100%;object-fit:cover}
.cam-img .ano-grande{font-size:clamp(4rem,10vw,6.5rem)}
@media (max-width:760px){.camiseta{grid-template-columns:1fr}.cam-img{max-width:320px}}
/* contribua */
.pix{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,48px);align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--u);padding:28px 28px 48px}
.pix .dados{grid-template-columns:1fr}
.chave code{font:700 1.15rem ui-monospace,Menlo,Consolas,monospace;background:var(--bg);padding:6px 10px;border-radius:8px;border:1px solid var(--line);overflow-wrap:anywhere}
#pix-qr img{width:200px;max-width:100%;border-radius:12px;background:#fff;padding:8px}
#pix-qr p{font-size:.9rem;margin-top:8px;max-width:200px}
@media (max-width:700px){.pix{grid-template-columns:1fr}}
.aviso{border-left:5px solid var(--red);background:var(--surface);padding:16px 20px;border-radius:0 12px 12px 0;max-width:68ch}
.aviso b{color:var(--head)}
body.revisao .hero .rascunho{color:#1B1700}

/* encontro com arte horizontal */
.hero-banner{padding:0}
.hero-banner .banner{display:block;width:100%;height:auto;max-width:1600px;margin-inline:auto;background:var(--hero)}
.hero-banner .wrap{display:block;padding-block:26px}
.hero-banner .enc-arte{display:none}
.hero-enc .ref{color:var(--ouro)}
.tema-bloco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);margin-top:48px;align-items:start}
.lema{font:800 clamp(1.5rem,3vw,2.1rem)/1.15 var(--f-display);color:var(--head);margin-bottom:18px}
.versiculo{margin:0;border-left:4px solid var(--ouro);padding:4px 0 4px 18px;font-size:1.15rem;max-width:46ch}
.versiculo cite{display:block;margin-top:10px;font:700 .95rem var(--f-display);color:var(--ouro);font-style:normal}
.geracao{margin-top:18px;color:var(--muted);max-width:44ch}
.hashtag{margin-top:14px;font:700 1rem var(--f-display);color:var(--red)}
.pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.pilar{border-top:4px solid var(--red);padding-top:12px}
.pilar h4{margin:0;font:800 1.1rem var(--f-display);color:var(--head)}
.pilar p{margin-top:4px;color:var(--muted)}
@media (max-width:860px){.tema-bloco{grid-template-columns:1fr}}
@media (min-width:861px){
  .hero-banner .ano,.hero-banner h1,.hero-banner .lead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hero-banner .acoes{margin-top:0!important}
}

.ico{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.45em}
.redes{display:flex;gap:10px;margin-top:16px}
.redes a{display:inline-flex;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;align-items:center;justify-content:center;color:#fff}
.redes a:hover{background:var(--red);border-color:var(--red)}
.redes .ico{margin:0;width:20px;height:20px}
.campanha{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.campanha .letra{border-top:4px solid var(--red);padding-top:12px}
.campanha .letra b{display:block;font-family:Montserrat,sans-serif;font-size:2.4rem;line-height:1;color:var(--red)}
.campanha .letra h3{margin:6px 0 4px}
@media(max-width:700px){.campanha{grid-template-columns:1fr}}

.fotos-artigo{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:28px}
.fotos-artigo .foto{width:100%;height:auto;border-radius:12px;display:block}
.artigo .fotos-artigo .foto{aspect-ratio:auto;margin-top:0;border-radius:12px;object-fit:contain}
.artigo .foto.inteira{aspect-ratio:auto;object-fit:contain;height:auto}

/* devocional jovem */
.devo{max-width:70ch;margin-inline:auto}
.devo-rot{display:inline-block;background:var(--red);color:#fff;font:700 .8rem var(--f-display);letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.devo-titulo{font-size:clamp(1.8rem,4.4vw,2.6rem);margin:10px 0 8px}
.devo time{font-size:.9rem;color:var(--muted)}
.versiculo{margin:26px 0;padding:24px 26px;background:var(--navy);color:#fff;border-radius:14px 14px 48px 14px}
.versiculo p{font:700 clamp(1.15rem,2.6vw,1.45rem)/1.4 var(--f-display)}
.versiculo cite{display:block;margin-top:14px;font:700 .95rem var(--f-body);font-style:normal;color:rgba(255,255,255,.8)}
.devo .corpo p+p{margin-top:1em}
.devo-bloco{margin-top:22px;padding:16px 20px;border-left:5px solid var(--red);background:var(--surface);border-radius:0 12px 12px 0}
.devo-bloco b{display:block;font:800 .8rem var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.devo-bloco.oracao p{font-style:italic}
.devo-acoes{margin-top:28px}
.devo-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:2px solid var(--line);font-weight:600}
.devo-nav a{color:inherit;text-underline-offset:4px}
.devo-ant{margin:56px 0 22px;font-size:1.5rem}
.devo-home{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-decoration:none;color:#fff;background:var(--navy);padding:28px;border-radius:14px 14px 56px 14px}
.devo-home h3{font-size:clamp(1.4rem,3vw,1.9rem);color:#fff}
.devo-home .cat{color:#ff8a98}
.devo-v{font-size:1.1rem;max-width:62ch;color:rgba(255,255,255,.92)}
.devo-ref{font-weight:700;color:rgba(255,255,255,.75)}
.devo-home .btn{margin-top:8px}
/* menu: no computador o logotipo já leva ao início, então o item "Início" fica oculto (continua no menu do celular e no rodapé) */
@media (min-width:1121px){.menu li:first-child a[href="index.html"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;border:0}}
@media (min-width:1121px){.menu a{white-space:nowrap}}

/* ---------- eventos + aniversariantes (página inicial) ---------- */
.grade-ev.tem-aniv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(28px,4.5vw,64px);align-items:start}
.col-ev,.col-aniv{min-width:0}
.col-aniv .sec-head{min-height:49px}
.aniv-dest{background:var(--hero);color:var(--on-hero);border-radius:20px 20px 20px 20px;padding:18px 20px 22px;margin-bottom:14px;display:grid;gap:14px}
.aniv-dest .chip.tipo{justify-self:start}
.aniv-dest-corpo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}
.aniv-dest h3{color:#fff;font-size:1.25rem;margin-bottom:4px;overflow-wrap:anywhere}
.aniv-func{margin:0;font-size:.98rem;color:rgba(255,255,255,.82)}
.aniv-parabens{margin:8px 0 0;font:700 .95rem var(--f-display);color:#fff}
.aniv-lista{list-style:none;margin:0;padding:0}
.aniv-item{display:grid;grid-template-columns:44px auto minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.aniv-item:last-child{border-bottom:1px solid var(--line)}
.aniv-item[hidden]{display:none}
.aniv-item.passou{opacity:.62}
.aniv-dia{text-align:center;font-family:var(--f-display);line-height:1}
.aniv-dia b{display:block;font-size:1.45rem;color:var(--head)}
.aniv-dia small{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.aniv-txt{min-width:0;display:grid;gap:2px}
.aniv-txt strong{font:700 1rem/1.25 var(--f-display);color:var(--head);overflow-wrap:anywhere}
.aniv-txt span{font-size:.93rem;color:var(--muted)}
.aniv-txt .chip{margin-left:6px;vertical-align:2px;font-size:.7rem;padding:4px 8px;color:#fff}
.aniv-mais{margin-top:18px}
/* retrato no formato do "U" da marca; sem foto, ficam as iniciais */
.av{position:relative;display:inline-grid;place-items:center;width:52px;height:60px;border-radius:9px 9px 26px 26px;overflow:hidden;background:var(--navy);color:#fff;flex:none}
.av b{font:800 1.05rem var(--f-display);letter-spacing:.02em}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.av-1{background:var(--red)}.av-2{background:var(--ouro)}
.aniv-dest .av{background:#fff;color:var(--navy);box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.aniv-dest .av-1{color:var(--red)}.aniv-dest .av-2{color:var(--ouro)}
.av-g{width:84px;height:100px;border-radius:14px 14px 42px 42px}
.av-g b{font-size:1.6rem}
.av-m{width:56px;height:66px;border-radius:10px 10px 28px 28px}
/* mais de um aniversariante no mesmo dia: um cartão só, com todos em linha */
.aniv-dest-grupo{gap:12px}
.aniv-pessoa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
.aniv-pessoa:first-of-type{border-top:0;padding-top:0}
.aniv-pessoa h3{font-size:1.08rem;margin-bottom:2px}
@media (max-width:900px){
  .grade-ev.tem-aniv{grid-template-columns:minmax(0,1fr);gap:44px}
  .col-aniv .sec-head{min-height:0}
}
@media (max-width:420px){
  .aniv-item{grid-template-columns:36px auto minmax(0,1fr);gap:11px}
  .av-g{width:68px;height:82px}.aniv-dest-corpo,.aniv-pessoa{gap:14px}
}

/* menu (reforço): no computador, esconde o 1º item do menu (Início); o logotipo leva ao início */
@media (min-width:1121px){.menu>li:first-child{display:none!important}}

/* notícias: subtítulo, subtítulos internos, fotos dentro do texto com legenda e tags */
.artigo .subtitulo{font-size:1.15rem;line-height:1.45;color:var(--muted);margin:0 0 6px}
.artigo .corpo h2{font-size:1.35rem;margin:1.6em 0 .5em}
.artigo .corpo .acao-corpo{margin:1.6em 0}
.btn-spotify{background:#1db954;color:#0b0b0b}.btn-spotify:hover{filter:brightness(.92)}
.artigo .corpo .foto-corpo{margin:1.6em 0}
.artigo .corpo .foto-corpo img{display:block;width:100%;height:auto;border-radius:12px}
.artigo .corpo .foto-corpo figcaption,.artigo .legenda-foto{font-size:.88rem;color:var(--muted);margin-top:8px;line-height:1.4}
.tags-noticia{list-style:none;padding:0!important;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tags-noticia li{margin:0!important;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.82rem;color:var(--ink)}

/* setores: caixa inteira clicável (o link do nome cobre o cartão) */
.setor{position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}
.setor:hover{border-color:var(--red);box-shadow:0 6px 22px rgba(0,0,89,.12);transform:translateY(-2px)}
.setor-link{color:inherit;text-decoration:none;border:0}
.setor-link::after{content:"";position:absolute;inset:0;border-radius:var(--u);cursor:pointer}
.setor-link:focus-visible{outline:none}
.setor-link:focus-visible::after{outline:3px solid var(--red);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.setor{transition:none}.setor:hover{transform:none}}
/* página de um setor */
.setor-cab{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:center;margin:8px 0 26px}
.setor-cab .foto{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px 10px 30px 10px}
.setor-cab .num{font:800 3rem/1 var(--f-display);color:var(--red);margin-bottom:12px}
.setor-cab dl{margin:0;display:grid;gap:10px}
.setor-cab dt{font:700 .8rem var(--f-display);color:var(--muted);letter-spacing:.03em;text-transform:uppercase}
.setor-cab dd{margin:2px 0 0;overflow-wrap:anywhere}
.setor-cab .vazio-campo{color:var(--muted);font-style:italic}
.sp-h2{font-size:1.6rem;margin:44px 0 6px}
.sp-sub{margin:0 0 14px}
#setor-pagina h3.mes{font-size:1.05rem;margin:22px 0 10px;color:var(--muted)}
@media (max-width:760px){.setor-cab{grid-template-columns:1fr}}

/* eventos da Regional recolhidos por padrão na página do setor */
.sp-reg{margin-top:36px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sp-reg>summary{cursor:pointer;list-style:none;padding:16px 20px;font:800 1.25rem var(--f-display);color:var(--head,var(--ink));display:flex;align-items:center;justify-content:space-between;gap:12px}
.sp-reg>summary::-webkit-details-marker{display:none}
.sp-reg>summary::after{content:"";width:10px;height:10px;border-right:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s;flex:none}
.sp-reg[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.sp-reg>summary:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:14px}
.sp-reg>.sp-sub,.sp-reg>#sp-regional{padding:0 20px}
.sp-reg>#sp-regional{padding-bottom:18px}
@media (prefers-reduced-motion:reduce){.sp-reg>summary::after{transition:none}}

/* instagram do setor e galeria de fotos */
.sp-ig-linha{margin:18px 0 0}
.sp-ig{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;color:var(--ink)}
.sp-ig svg{width:20px;height:20px;flex:none}
.sp-galeria{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}
.sp-galeria li{margin:0}
.sp-galeria a{display:block;border-radius:12px;overflow:hidden;line-height:0;border:1px solid var(--line)}
.sp-galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s}
.sp-galeria a:hover img{transform:scale(1.04)}
.sp-galeria a:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.sp-lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:#fff}
.sp-lightbox::backdrop{background:rgba(0,0,24,.88)}
.sp-lightbox[open]{display:flex;align-items:center;justify-content:center;gap:8px}
.sp-lightbox figure{margin:0;max-width:min(92vw,1100px);text-align:center}
.sp-lightbox img{max-width:100%;max-height:78vh;border-radius:10px;display:block;margin:0 auto}
.sp-lightbox figcaption{margin-top:12px;font-size:.98rem}
.sp-lightbox button{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:999px;width:44px;height:44px;font-size:28px;line-height:1;cursor:pointer;flex:none}
.sp-lightbox button:hover{background:rgba(255,255,255,.28)}
.sp-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sp-lightbox .lb-fechar{position:fixed;top:14px;right:14px}
@media (max-width:600px){.sp-lightbox .lb-ant,.sp-lightbox .lb-prox{position:fixed;bottom:16px}.sp-lightbox .lb-ant{left:16px}.sp-lightbox .lb-prox{right:16px}}
@media (prefers-reduced-motion:reduce){.sp-galeria img{transition:none}}
.acao-corpo a[href*="instagram.com"]{background:#E1306C;color:#fff}.acao-corpo a[href*="instagram.com"]:hover{filter:brightness(.92)}