@font-face{
  font-family:"Nunito"; src:url("/comum/fonte/nunito.woff2") format("woff2-variations");
  font-weight:200 1000; font-display:swap;
}

@font-face{
  font-family:"Fredoka"; src:url("/comum/fonte/fredoka.woff2") format("woff2-variations");
  font-weight:400 600; font-display:swap;
}


*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0 }

:where(main,header,footer) :where(*){ min-width:0 }

h1,h2,h3,h4,p,li,span,a,dt,dd,figcaption,summary,td,th,
b,strong,em,cite,blockquote,label,legend{ overflow-wrap:break-word }

html{ scroll-behavior:smooth; scroll-padding-top:96px; -webkit-text-size-adjust:100% }
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto }
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important }
}

body{ -webkit-font-smoothing:antialiased }
img,svg,video{ display:block; max-width:100% }
img{ height:auto }
ul{ list-style:none }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer }
a{ text-decoration-thickness:1.5px; text-underline-offset:3px }

:where(a,button,summary,input,select,textarea):focus-visible{
  outline:3px solid var(--foco-esc,#17120e); outline-offset:5px; border-radius:4px;
  box-shadow:0 0 0 2px var(--foco-cla,#fff);
}

.so-leitor{ position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
  border:0 }

.pular{ position:absolute; left:-9999px; top:0; z-index:200; padding:14px 22px;
  font-weight:700; border-radius:0 0 12px 0 }
.pular:focus{ left:0 }

main:focus{ outline:none }

@media (max-height:26em){
  .topo{ position:static }
}

.env{ width:min(100% - 40px, var(--largura,1160px)); margin-inline:auto }

.env a,.env button{ min-height:24px }

@media print{ .naoimp{ display:none } }

.simbolos{ position:absolute; width:0; height:0; overflow:hidden }

svg use[href^="#t-"]{ fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round }

a[href^="tel:"]:not(.bt):not(.zap):not(.flut),
a[href*="wa.me"]:not(.bt):not(.zap):not(.flut){ display:inline-block; min-height:24px }

html.gaveta-aberta, html.gaveta-aberta body{ overflow:hidden }

:root{
  --laranja:#ff7036;
  --laranja-e:#b8410f;
  --amarelo:#ffb300;
  --amarelo-c:#fff3d4;
  --rosa-e:#b31b52;
  --azul-e:#1a5ea8;
  --verde-e:#0f6b3a;
  --roxo-e:#4f2b9c;
  --agua-e:#0b6a76;
  --tinta:#2a1a10;
  --texto:#3a3129;
  --suave:#5f5449;
  --papel:#fff;
  --creme:#fffbf4;
  --linha:#f0e5d6;
  --largura:1160px;
  --sombra:#e0cfb4;
  --sombra-esc:#0e0d0c;


  --fundo-esc:#232120;



  --rasgo:polygon(0 4px,9% 1px,21% 4px,34% 0,47% 4px,60% 1px,73% 4px,86% 0,100% 3px,
    calc(100% - 3px) 22%,100% 44%,calc(100% - 4px) 66%,100% 86%,calc(100% - 3px) calc(100% - 3px),
    88% calc(100% - 1px),74% calc(100% - 5px),60% calc(100% - 1px),46% calc(100% - 5px),
    32% calc(100% - 1px),18% calc(100% - 4px),3px 100%,0 80%,4px 60%,0 40%,4px 22%);

  --rasgo-largo:polygon(0 3px,7% 0,17% 4px,28% 0,39% 4px,50% 0,61% 4px,72% 0,83% 4px,93% 0,100% 3px,
    calc(100% - 3px) 30%,100% 62%,calc(100% - 4px) calc(100% - 3px),
    92% 100%,81% calc(100% - 4px),69% 100%,57% calc(100% - 4px),45% 100%,33% calc(100% - 4px),
    21% 100%,9% calc(100% - 4px),3px 100%,0 64%,4px 32%);

  --rasgo-alto:polygon(0 4px,16% 0,34% 4px,54% 0,74% 4px,100% 1px,
    calc(100% - 4px) 12%,100% 25%,calc(100% - 3px) 38%,100% 51%,calc(100% - 4px) 64%,
    100% 77%,calc(100% - 3px) 90%,100% calc(100% - 2px),
    78% calc(100% - 5px),56% calc(100% - 1px),32% calc(100% - 5px),2px 100%,
    4px 88%,0 74%,4px 60%,0 46%,3px 32%,0 18%);
}

body{
  font-family:"Nunito",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:17.5px; line-height:1.72; color:var(--texto); background:var(--creme);
  position:relative;
}
body::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.15;
  background:url("../comum/img/confete.svg") 0 0/360px 360px,
             url("../comum/img/confete.svg") 137px 211px/517px 517px;
}
body > *{ position:relative; z-index:1 }

h1,h2,h3{ text-wrap:balance; font-family:"Fredoka",system-ui,"Segoe UI",Arial,sans-serif; font-weight:600;
  color:var(--tinta); line-height:1.08; letter-spacing:-.014em }
h1{ font-size:clamp(2.5rem,6vw,4.2rem) }
h2{ font-size:clamp(2rem,4.2vw,3rem); margin-bottom:22px }
h2:last-child{ margin-bottom:0 }
h3{ font-size:1.3rem; font-weight:500; line-height:1.2 }
p{ text-wrap:pretty; margin-bottom:1rem } p:last-child{ margin-bottom:0 }
a{ color:var(--laranja-e) }
strong{ color:var(--tinta); font-weight:800 }
.pular{ background:var(--tinta); color:#fff }

.rot{ display:inline-block; font-weight:800; font-size:.78rem; letter-spacing:.14em;
  text-transform:uppercase; padding:8px 17px; margin-bottom:18px;
  background:var(--laranja-e); color:#fff; rotate:-1.2deg;
  clip-path:polygon(1% 6%,99% 0%,100% 92%,0% 100%) }

.rot.r,.rot.v,.rot.a,.rot.x{ background:var(--laranja-e) }

.aviso{  background:var(--amarelo); color:var(--tinta); text-align:center; font-size:.92rem;
  padding:11px 20px; font-weight:800 }
.aviso a{ color:var(--tinta); display:inline-block; padding:3px 5px }

.topo{ position:sticky; top:0; z-index:60; background:rgba(255,251,244,.95);
  backdrop-filter:blur(10px); border-bottom:3px solid var(--laranja) }
.topo .env{ display:flex; align-items:center; gap:22px; min-height:82px }
.marca{ display:flex; align-items:center; gap:13px; flex:none; text-decoration:none }
.marca img{ height:54px; width:auto }
.marca .desc{ font-family:"Fredoka",sans-serif; font-size:.7rem; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; color:var(--suave); line-height:1.5;
  padding-left:13px; border-left:2px solid var(--linha) }
.menu{ display:flex; gap:6px; margin-left:auto }
.menu a{ white-space:nowrap; color:var(--texto); text-decoration:none; font-weight:700; font-size:.92rem;
  padding:9px 14px; border-radius:999px; transition:background .18s, color .18s }
.menu a:hover{ background:var(--amarelo-c); color:var(--laranja-e) }
.zap{ min-height:44px; display:inline-flex; align-items:center; gap:9px; background:var(--laranja-e); color:#fff;
  text-decoration:none; font-weight:800; font-size:.92rem; padding:12px 21px; border-radius:999px;
  flex:none; box-shadow:0 4px 0 #7d2c08; transition:transform .12s, box-shadow .12s }
.zap:active{ transform:translateY(3px); box-shadow:0 1px 0 #7d2c08 }
.zap svg{ width:17px; height:17px; fill:currentColor }
.abrir{ display:none; margin-left:auto; padding:9px; border-radius:14px; color:var(--tinta);
  min-width:44px; min-height:44px }
.abrir svg{ width:26px; height:26px; stroke:currentColor; stroke-width:2; fill:none }

.capa{ padding:clamp(44px,6vw,80px) 0 clamp(52px,7vw,92px); position:relative }
.capa .env{ display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(30px,4.6vw,60px);
  align-items:center }
.capa .texto{ position:relative; padding:clamp(24px,3vw,36px);
  background:#fff; clip-path:var(--rasgo);
  filter:drop-shadow(6px 7px 0 var(--sombra)) }

.capa h1 .grifo{ color:#8f3208; padding:0 .14em .02em;
  background:url("../comum/img/grifo.svg") center/100% 82% no-repeat;
  -webkit-box-decoration-break:clone; box-decoration-break:clone }
.entrada{ font-size:1.14rem; color:var(--texto); margin:24px 0 30px; max-width:29em }
.botoes{ display:flex; flex-wrap:wrap; gap:13px }
.bt{ display:inline-flex; align-items:center; justify-content:center; gap:10px;
  text-decoration:none; font-weight:800; padding:16px 29px; border-radius:999px;
  font-size:1.01rem; transition:transform .12s, box-shadow .12s }
.bt svg{ width:19px; height:19px; fill:currentColor }
.bt-1{ background:var(--laranja-e); color:#fff; box-shadow:0 5px 0 #7d2c08 }
.bt-1:active{ transform:translateY(4px); box-shadow:0 1px 0 #7d2c08 }

.bt-2{ background:var(--amarelo-c); color:var(--tinta);
  box-shadow:0 5px 0 var(--sombra), inset 0 0 0 2px var(--laranja-e) }
.bt-2:active{ transform:translateY(4px); box-shadow:0 1px 0 var(--sombra) }

.pregada{ position:relative; background:var(--papel); padding:14px 14px 52px;
  margin:18px 0 0;
  box-shadow:6px 6px 0 var(--sombra); rotate:-1.6deg }

.pregada img{ width:100%; aspect-ratio:4/3; object-fit:cover;
  object-position:var(--pos, 50% 50%); display:block }
.pregada figcaption{ font-family:"Fredoka",sans-serif; font-weight:500; font-size:1rem;
  color:var(--suave); text-align:center; padding-top:14px }
.fita{ position:absolute; width:112px; height:34px; background:rgba(255,206,102,.55);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
  clip-path:polygon(3% 14%,97% 2%,100% 86%,0% 98%) }
.fita.ne{ top:-15px; left:6px; rotate:-26deg }
.fita.nd{ top:-13px; right:6px; rotate:24deg }
.capa .pregada{ rotate:1.4deg }
.capa .fita.ne{ rotate:-24deg }

.secao{ padding:clamp(56px,7.4vw,100px) 0 }

.secao.rosa{ background:#fdf6ea }
.secao.azul{ background:var(--amarelo-c); --sombra:#e6cf9c }
.secao.verde{ background:#fdf6ea }
.secao.amarela{ background:var(--amarelo-c); --sombra:#e6cf9c }
.cab{ max-width:35em; margin-bottom:clamp(32px,4.4vw,54px) }
.cab.meio{ margin-inline:auto; text-align:center }
.cab p{ color:var(--suave); font-size:1.06rem; margin-top:-4px }

.turmas{ display:grid; grid-template-columns:1fr; gap:20px; align-items:start }
@media (min-width:641px) and (max-width:1084px){
  .turmas{ grid-template-columns:repeat(2,1fr) }
}
@media (min-width:1085px){

  .turmas{ grid-template-columns:repeat(6,1fr) }
  .turma:nth-child(-n+3){ grid-column:span 2 }
  .turma:nth-child(4){ grid-column:2 / span 2 }
  .turma:nth-child(5){ grid-column:4 / span 2 }
}
.turma{ background:var(--papel); clip-path:var(--rasgo-alto); padding:0 0 22px;
  filter:drop-shadow(5px 7px 0 var(--sombra));
  transition:transform .24s cubic-bezier(.2,.7,.3,1), filter .24s }
.turma:hover,.turma:focus-within{ filter:drop-shadow(7px 9px 0 var(--sombra)) }
.turma:nth-child(odd){ rotate:-1.6deg } .turma:nth-child(even){ rotate:1.6deg }

.turma:hover,.turma:focus-within,.turma:active{ transform:translateY(-8px); rotate:0deg }

.turma-link{ display:inline-flex; align-items:center; min-height:44px;
  margin-top:14px; font-weight:800; text-decoration:none; color:var(--laranja-e) }
.turma-link:hover{ text-decoration:underline }
.turma .faixa{ padding:15px 20px 13px; font-family:"Fredoka",sans-serif; font-weight:500;
  font-size:.9rem; color:#fff }
.turma:nth-child(1) .faixa{ background:var(--agua-e) }
.turma:nth-child(2) .faixa{ background:var(--rosa-e) }
.turma:nth-child(3) .faixa{ background:var(--verde-e) }
.turma:nth-child(4) .faixa{ background:var(--azul-e) }
.turma:nth-child(5) .faixa{ background:var(--roxo-e) }
.turma .corpo{ padding:18px 21px 4px }
.turma h3{ margin-bottom:8px }
.turma p{ font-size:.95rem; color:var(--suave) }

.dupla{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,4.6vw,60px);
  align-items:center }

.balao{ position:relative; background:var(--papel); padding:26px 30px; margin-bottom:0;
  font-family:"Fredoka",sans-serif; font-weight:400; font-size:1.18rem; line-height:1.44;
  color:var(--tinta); clip-path:var(--rasgo); box-shadow:none;
  filter:drop-shadow(5px 5px 0 var(--sombra)) }
.balao-rabo{ display:block; width:38px; height:26px; margin:-1px 0 34px 42px;
  fill:var(--papel); filter:drop-shadow(2px 3px 0 var(--sombra)) }
.itens{ display:grid; gap:12px; margin-top:22px }
.itens li{ display:grid; grid-template-columns:28px 1fr; gap:13px; align-items:start;
  font-size:1rem }
.itens svg{ width:25px; height:25px; color:var(--laranja-e); margin-top:2px }

.mural{ display:grid; grid-template-columns:repeat(2,1fr); gap:34px 30px }
.mural .pregada:nth-child(4n+1){ rotate:-1.8deg }
.mural .pregada:nth-child(4n+2){ rotate:1.2deg }
.mural .pregada:nth-child(4n+3){ rotate:.9deg }
.mural .pregada:nth-child(4n){ rotate:-1.1deg }
.mural .pregada{ padding:11px 11px 42px }
.mural .pregada img{ aspect-ratio:4/3 }
.mural .pregada figcaption{ font-size:.92rem; padding-top:12px }
.pastilhas{ display:flex; flex-wrap:wrap; gap:10px; margin-top:36px }
.pastilhas li{ background:var(--papel); color:var(--tinta); font-weight:700; font-size:.9rem;
  padding:9px 18px; border-radius:999px; box-shadow:0 3px 0 var(--linha) }

.ativ{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px }
.at{ background:var(--papel); clip-path:var(--rasgo); padding:26px 25px 28px;
  filter:drop-shadow(5px 7px 0 var(--sombra));
  transition:transform .22s cubic-bezier(.2,.7,.3,1) }
.at:nth-child(3n+1){ rotate:-2deg } .at:nth-child(3n){ rotate:2deg }
.at:hover,.at:focus-within{ transform:translateY(-6px); rotate:0deg }
.at .ic{ width:58px; height:58px; border-radius:50%; display:grid; place-items:center;
  margin-bottom:18px }
.at .ic svg{ width:28px; height:28px; color:#fff }
.at .ic use{ stroke-width:1.9 }

.at .ic{ background:var(--laranja-e) }
.at h3{ margin-bottom:10px }
.at p{ font-size:.96rem; color:var(--suave) }

.devocional{ background:var(--fundo-esc); position:relative; overflow:hidden;
  padding:clamp(56px,7.4vw,102px) 0 }
.devocional::before{ content:""; position:absolute; inset:0; opacity:.22;
  background:url("../comum/img/confete.svg") 0 0/360px 360px,
             url("../comum/img/confete.svg") 91px 163px/517px 517px }
.devocional .env{ position:relative; display:grid; place-items:center }
.cartaz-wrap{ position:relative; max-width:760px; rotate:-1deg }
.cartaz{ background:var(--amarelo-c); clip-path:var(--rasgo);
  padding:clamp(38px,5vw,58px) clamp(28px,4.4vw,62px) clamp(30px,4vw,46px);
  box-shadow:none; filter:drop-shadow(9px 10px 0 var(--sombra-esc)); text-align:center }

.tachinha{ position:absolute; top:-20px; left:50%; margin-left:-25px; width:50px; height:50px;
  z-index:2; filter:drop-shadow(0 4px 4px rgba(0,0,0,.32)) }
.dev-dia{ display:block; font-weight:800; font-size:.76rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--suave) }
.dev-data{ display:block; font-family:"Fredoka",sans-serif; font-weight:500; font-size:1.14rem;
  color:var(--laranja-e); margin-top:3px }
.dev-tema{ display:inline-block; font-weight:800; font-size:.76rem; letter-spacing:.16em;
  text-transform:uppercase; padding:7px 16px; margin:16px 0 22px; background:var(--laranja-e);
  color:#fff; rotate:1.4deg; clip-path:polygon(1% 8%,99% 0%,100% 92%,0% 100%) }
.dev-texto{ font-family:"Fredoka",sans-serif; font-weight:400;
  font-size:clamp(1.28rem,2.5vw,1.85rem); line-height:1.34; color:var(--tinta); margin:0 }
.dev-ref{ display:block; font-family:"Nunito",sans-serif; font-style:normal; font-weight:800;
  font-size:.92rem; letter-spacing:.1em; text-transform:uppercase; color:var(--laranja-e);
  margin-top:20px }
.dev-nota{ font-size:.88rem; color:var(--suave); margin-top:24px; padding-top:18px;
  border-top:2px dashed rgba(42,26,16,.18); max-width:46em; margin-inline:auto }

.hist{ display:grid; grid-template-columns:1fr 1.12fr; gap:clamp(30px,4.6vw,60px);
  align-items:center }
.fala{ font-family:"Fredoka",sans-serif; font-weight:400; font-size:1.3rem; line-height:1.4;
  color:var(--tinta); margin:0 0 22px }
.quem{ display:flex; align-items:center; gap:15px; margin-top:26px }
.quem .inicial{ width:54px; height:54px; border-radius:50%; flex:none; display:grid;
  place-items:center; background:var(--amarelo); font-family:"Fredoka",sans-serif;
  font-size:1.36rem; font-weight:500; color:var(--tinta) }
.quem b{ display:block; color:var(--tinta); font-family:"Fredoka",sans-serif; font-weight:500;
  font-size:1.1rem }
.quem span{ font-size:.9rem; color:var(--suave) }

.duvidas{ max-width:800px; margin-inline:auto }
.duvidas details{ background:var(--papel); clip-path:var(--rasgo-largo); margin-bottom:14px;
  filter:drop-shadow(4px 6px 0 var(--sombra)); transition:filter .2s }
.duvidas details:hover,.duvidas details[open]{ filter:drop-shadow(6px 7px 0 var(--sombra)) }
.duvidas summary{ padding:20px 26px; font-family:"Fredoka",sans-serif; font-weight:500;
  color:var(--tinta); cursor:pointer; display:flex; gap:16px; list-style:none;
  font-size:1.08rem; align-items:center }
.duvidas summary::-webkit-details-marker{ display:none }
.duvidas summary::after{ content:"+"; margin-left:auto; width:30px; height:30px; flex:none;
  background:var(--amarelo-c); color:var(--laranja-e); border-radius:50%; display:grid;
  place-items:center; font-size:1.4rem; font-weight:400; line-height:1;
  transition:transform .24s cubic-bezier(.2,.7,.3,1) }
.duvidas details[open] summary::after{ transform:rotate(45deg) }
.duvidas .resp{ padding:0 26px 22px; color:var(--suave) }

.visita{  background:var(--laranja-e); position:relative; overflow:hidden;
  padding:clamp(52px,7vw,96px) 0 }
.visita::before{ content:""; position:absolute; inset:0; opacity:.18;
  background:url("../comum/img/confete.svg") 0 0/360px 360px }
.visita .env{ position:relative; text-align:center }
.visita h2{ color:#fff; max-width:16ch; margin-inline:auto }
.visita p{ color:#ffe3d2; font-size:1.1rem; margin:20px auto 32px; max-width:34em }
.visita .rot{ background:var(--amarelo); color:var(--tinta) }
.visita .bt-1{ background:var(--amarelo); color:var(--tinta); box-shadow:0 5px 0 #a87500 }
.visita .bt-1:active{ box-shadow:0 1px 0 #a87500 }
.visita .bt-2{ background:var(--papel); color:var(--tinta); box-shadow:0 5px 0 #d9c9b4 }
.visita .botoes{ justify-content:center }

.rodape{ background:var(--fundo-esc); color:#d9d6d3; border-top:3px solid var(--laranja);
  padding:clamp(46px,6vw,74px) 0 28px }
.rodape .cols{ display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:36px;
  padding-bottom:32px; border-bottom:2px dashed rgba(255,255,255,.16) }
.rodape img.logo{ height:58px; width:auto }
.rodape h4,.rodape .rod-tit{ font-size:.75rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase;
  color:#aaa5a1; margin-bottom:15px }
.rodape a{ color:#eae7e4; text-decoration:none; display:block; margin-bottom:9px;
  font-weight:600; font-size:.96rem }
.rodape a:hover{ color:var(--amarelo) }
.rodape .end{ color:#aaa5a1; font-size:.95rem; margin-top:16px }
.fim{ padding-top:22px; display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;
  font-size:.84rem; color:#aaa5a1 }
.redes{ display:flex; gap:11px; margin-top:17px }
.redes a{ width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.12);
  display:grid; place-items:center; margin:0; transition:background .2s }
.redes a:hover{ background:var(--laranja-e) }
.redes svg{ width:19px; height:19px; fill:#fff }

.flut{ position:fixed; bottom:20px;

  right:max(20px, calc((100vw - 1160px) / 2 - 76px)); z-index:70; width:60px; height:60px;
  border-radius:50%; background:var(--laranja-e); display:grid; place-items:center;
  box-shadow:0 5px 0 #7d2c08 }
.flut svg{ width:29px; height:29px; fill:#fff }

@media (max-width:1084px){
  .ativ,.mural{ grid-template-columns:repeat(2,1fr) }
}
@media (max-width:700px){
  .ativ,.mural{ grid-template-columns:1fr }
}
@media (max-width:900px){
  .capa .env,.dupla,.hist{ grid-template-columns:1fr }
}
@media print{
  body::before,.devocional::before,.visita::before{ display:none }
  .flut{ display:none !important }
  .rodape a,.rodape h4,.rodape .end,.fim{ color:#000 }
  .devocional,.visita{ background:#fff; color:#000 }
  .devocional .dev-texto,.visita h2,.visita p{ color:#000 }
  .rodape{ background:#fff; color:#000 }
}

@media (max-width:1084px){
  body{ font-size:16.5px }
  .topo .env{ gap:10px; min-height:72px }
  .marca img{ height:44px } .marca .desc{ display:none }
  .menu{ display:none; position:absolute; top:100%; left:0; right:0; background:var(--papel);
    flex-direction:column; gap:0; padding:10px 20px 18px;
    box-shadow:0 6px 0 var(--sombra) }
  .menu.aberto{ display:flex }
  .menu a{ padding:14px 0; border-radius:0; border-bottom:1px solid var(--linha) }

  .abrir{ display:block; margin-left:0 }
  .topo .zap{ margin-left:auto; padding:12px 14px }
  .topo .zap span{ display:none }
  .turma:nth-child(odd),.at:nth-child(odd){ rotate:-1.4deg }
  .turma:nth-child(even),.at:nth-child(even){ rotate:1.4deg }
  .rodape .cols{ grid-template-columns:1fr }
  .fita{ width:84px; height:26px }
  .fita.ne{ left:4px; top:-11px } .fita.nd{ right:4px; top:-11px }
  .pregada{ margin-top:14px }
  .cartaz-wrap{ rotate:0deg }
}

.dev-titulo{ font-family:"Fredoka",sans-serif; font-size:clamp(1.15rem,2vw,1.45rem);
  font-weight:500; color:var(--tinta); margin:0 0 4px; order:-2 }
.cartaz{ display:flex; flex-direction:column; align-items:center }
.cartaz > *{ max-width:100% }
.dev-dia{ order:-1 } .dev-data{ order:-1 }
.dev-dia:empty,.dev-data:empty{ display:none }

.rodape .rod-tit{ font-weight:800 }

.duvidas .resp em{ font-style:normal; font-weight:700; color:var(--tinta) }
.duvidas .resp em::before{ content:"“" }
.duvidas .resp em::after{ content:"”" }
.dev-fala{ color:var(--tinta); font-weight:700 }
.dev-fala::before{ content:"“" }
.dev-fala::after{ content:"”" }

.visita .onde{ color:#ffe3d2; font-size:.95rem; margin-top:26px }
.visita .onde a{ color:#fff; font-weight:700 }

.menu a{ white-space:nowrap }

.turma-link:focus-visible,
.duvidas summary:focus-visible,
.duvidas .resp a:focus-visible{
  outline:3px solid transparent;
  outline-offset:0;
  box-shadow:inset 0 0 0 3px var(--foco-esc,#17120e),
             inset 0 0 0 6px var(--foco-cla,#fff);
}

.turma{ border-bottom:6px solid transparent }
.turma:nth-child(1){ border-bottom-color:var(--agua-e) }
.turma:nth-child(2){ border-bottom-color:var(--rosa-e) }
.turma:nth-child(3){ border-bottom-color:var(--verde-e) }
.turma:nth-child(4){ border-bottom-color:var(--azul-e) }
.turma:nth-child(5){ border-bottom-color:var(--roxo-e) }

.flut{ bottom:14px; width:56px; height:56px }
.flut:focus-visible{ box-shadow:0 5px 0 #7d2c08, 0 0 0 3px var(--foco-cla,#fff) }
@media (max-width:1439px){
  .visita .env,.rodape .fim{ padding-bottom:64px }
  .capa .botoes{ padding-right:72px }
}

.bt{ border-radius:16px 7px 18px 9px }
.pastilhas li{ border-radius:14px 6px 15px 7px }
.menu a,.topo .zap{ border-radius:13px 6px 14px 7px }

@media (max-width:700px){
  .turmas,.ativ,.mural,.dupla{ padding-inline:6px }
}

@media (max-width:400px){
  .duvidas summary{ padding:18px 16px; gap:10px }
  .duvidas .resp{ padding:0 16px 20px }
}

:root{ --laranja-e:#a3380c }

h1{ margin-bottom:20px }
.cab p{ margin-top:0 }

.balao{ margin-top:0 }

.passos{ list-style:none; display:grid; gap:22px; margin:34px auto 0;
  max-width:840px }
.passos li{ position:relative; background:var(--papel); clip-path:var(--rasgo);
  padding:28px 30px 30px 84px;
  filter:drop-shadow(5px 7px 0 var(--sombra)) }
.passos li:nth-child(2n){ rotate:.7deg }
.passos li:nth-child(2n+1){ rotate:-.6deg }
.passo-n{ position:absolute; left:26px; top:28px;
  width:42px; height:42px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--laranja-e); color:#fff;
  font-family:"Fredoka",sans-serif; font-weight:500; font-size:1.25rem }
.passos h2{ font-size:1.35rem; margin:0 0 8px }
.passos p{ margin:0; color:var(--texto) }

.contato-dados{ background:var(--creme); padding:20px 22px; border-radius:0;
  clip-path:var(--rasgo); filter:drop-shadow(5px 7px 0 var(--sombra));
  max-width:640px }
.contato-dados li{ align-items:start; gap:15px; line-height:1.55 }
.contato-dados li + li{ margin-top:10px }
.contato-dados strong{ font-family:"Fredoka",sans-serif; font-weight:500 }

.horarios{ margin:34px 0 30px; padding:28px 30px 24px; max-width:640px;
  background:var(--papel); clip-path:var(--rasgo);
  filter:drop-shadow(5px 7px 0 var(--sombra)) }
.horarios h2{ font-size:1.15rem; margin:0 0 10px }
.horario-janela{ margin:0 0 16px; color:var(--texto) }
.periodos{ list-style:none; display:grid; gap:2px; margin:0 }
.periodos li{ display:flex; justify-content:space-between; align-items:baseline;
  gap:16px; padding:9px 0; border-top:1px solid var(--linha) }
.periodo-nome{ font-family:"Fredoka",sans-serif; font-weight:500 }
.periodo-hora{ color:var(--suave); white-space:nowrap }

.logos{ list-style:none; margin:30px auto 0; padding:0; max-width:1000px;
  display:flex; flex-wrap:wrap; justify-content:center; gap:18px }
.logos li{ width:204px; height:104px; padding:20px 22px; display:grid; place-items:center;
  background:var(--papel); clip-path:var(--rasgo); filter:drop-shadow(4px 6px 0 var(--sombra)) }
.logos img{ height:56px; width:auto; max-width:100%; object-fit:contain }
@media (max-width:700px){
  .logos{ gap:12px }
  .logos li{ width:calc(50% - 6px); height:84px; padding:14px 12px }
  .logos img{ height:44px }
}

.at .ic.selo{ background:none; border-radius:0 }
.at .ic.selo img{ width:52px; height:52px }
.itens img.selo{ width:25px; height:25px; margin-top:2px }
.com-selo{ white-space:nowrap }
.selo-texto{ display:inline-block; width:1.05em; height:1.05em; vertical-align:-.15em;
  margin-right:.22em }

.semana{ list-style:none; margin:30px 0 0; padding:0; display:grid; gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(196px,1fr)) }
.dia{ background:var(--papel); clip-path:var(--rasgo); padding:20px 18px 16px;
  filter:drop-shadow(4px 6px 0 var(--sombra)) }
.dia h3{ display:flex; justify-content:space-between; align-items:baseline; gap:8px;
  margin:0 0 4px; font-size:1.1rem }
.dia-num{ font-size:.85rem; color:var(--suave); font-weight:500 }
.dia dl{ margin:0; display:grid }
.dia dt{ font-size:.8rem; font-weight:700; color:var(--verde-e); margin-top:10px }
.dia dd{ margin:2px 0 0; color:var(--texto); line-height:1.4 }
.cardapio-nota{ margin:26px auto 0; max-width:62ch; text-align:center; color:var(--texto) }
.prato-bercario{ margin:34px auto 0; max-width:640px; padding:26px 30px 24px;
  background:var(--amarelo-c); clip-path:var(--rasgo-largo);
  filter:drop-shadow(5px 7px 0 var(--sombra)) }
.prato-bercario h3{ margin:0; font-size:1.15rem }
.prato-bercario .itens{ margin-top:14px }
.cardapio-mes{ margin:22px 0 0; text-align:center }

@media (max-width:700px){
  .dia{ padding:18px 16px 14px }
  .dia dl{ grid-template-columns:5.4em 1fr; column-gap:12px; row-gap:8px; margin-top:8px }
  .dia dt{ margin-top:2px; line-height:1.25 }
  .dia dd{ margin:0 }
  .prato-bercario{ padding:22px 20px 20px }
}

.doc-listas{ display:grid; gap:34px; margin-top:30px }

@media (min-width:820px){
  .doc-listas{ grid-template-columns:1fr 1fr; gap:44px;
    max-width:720px; margin-inline:auto }
}
.doc-listas h3{ margin:0 0 4px; font-size:1.1rem }
.doc-listas .itens{ margin-top:12px }

.texto-corrido{ max-width:70ch; margin:34px auto 0;
  background:var(--papel); padding:clamp(26px,4vw,54px);
  box-shadow:8px 9px 0 var(--sombra) }
.texto-corrido h2{ font-size:1.45rem; margin:38px 0 12px }
.texto-corrido h2:first-child{ margin-top:0 }
.texto-corrido p{ margin:0 0 14px; color:var(--texto); line-height:1.7 }
.texto-corrido .itens{ margin:18px 0 20px }
.texto-corrido .onde{ margin-top:26px; color:var(--suave) }

.fatos{ background:var(--amarelo-c); padding:clamp(30px,4vw,46px) 0;
  position:relative; overflow:hidden }
.fatos::before{ content:""; position:absolute; inset:0;
  background:url("/comum/img/confete.svg") repeat; opacity:.13;
  pointer-events:none }
.fatos .env{ position:relative }
.fatos-lista{ list-style:none; margin:0; display:grid; gap:20px 26px;
  grid-template-columns:1fr }
@media (min-width:620px){ .fatos-lista{ grid-template-columns:repeat(2,1fr) } }
@media (min-width:1000px){ .fatos-lista{ grid-template-columns:repeat(4,1fr) } }
.fatos-lista li{ display:grid; grid-template-columns:30px 1fr; gap:13px;
  align-items:start; line-height:1.45 }
.fatos-lista svg{ width:27px; height:27px; color:var(--laranja-e);
  margin-top:2px; fill:none; stroke:currentColor; stroke-width:1.9;
  stroke-linecap:round; stroke-linejoin:round }
.fatos-lista strong{ font-family:"Fredoka",sans-serif; font-weight:500;
  font-size:1.05rem; color:var(--tinta) }
.fatos-aviso{ margin:26px 0 0; padding-top:20px;
  border-top:2px dashed rgba(184,65,15,.35); color:var(--tinta) }
.fatos-aviso a{ color:var(--laranja-e); font-weight:800; white-space:nowrap }

@media (min-width:1085px){
  .turmas .turma{ grid-column:span 2 }
}
.turmas .turma:nth-child(3) .faixa{ background:#0b5c31 }
.turmas .turma:nth-child(4) .faixa{ background:#127a42 }
.turmas .turma:nth-child(5) .faixa{ background:var(--azul-e) }
.turmas .turma:nth-child(6) .faixa{ background:var(--roxo-e) }

.turmas .turma:nth-child(3){ border-bottom-color:#0b5c31 }
.turmas .turma:nth-child(4){ border-bottom-color:#127a42 }
.turmas .turma:nth-child(5){ border-bottom-color:var(--azul-e) }
.turmas .turma:nth-child(6){ border-bottom-color:var(--roxo-e) }

@media (min-width:1085px){
  .turmas .turma{ clip-path:var(--rasgo-largo) }
}
.turma .faixa{ font-size:1rem }

.menu a[aria-current="page"]{ color:var(--laranja-e);
  box-shadow:inset 0 -3px 0 var(--laranja) }

.menu .grupo > a[aria-current="true"]{ color:var(--laranja-e);
  box-shadow:inset 0 -3px 0 var(--laranja) }
.rodape a[aria-current="page"]{ color:var(--amarelo) }

.rod-lista{ list-style:none; margin:0; padding:0; display:grid }
.rod-lista li{ display:block }
.horario-rodape{ margin-top:10px }

@media (max-width:760px){
  .flut{ position:fixed; left:0; right:0; bottom:0; top:auto;
    width:auto; height:56px; border-radius:0;
    display:flex; align-items:center; justify-content:center; gap:10px;
    font-family:"Fredoka",sans-serif; font-weight:500; font-size:1.02rem;
    box-shadow:0 -3px 12px rgba(0,0,0,.18); z-index:60;

    color:#fff; text-decoration:none }
  .flut span{ display:inline }
  body{ padding-bottom:56px }

  .capa .botoes{ padding-right:0 }
}
@media (min-width:761px){
  .flut span{ display:none }
}

.menu a{ flex:none }

@media (max-height:26em){

  body .topo{ position:relative }
}

.topo{ z-index:80 }

.duvidas summary::after{ content:""; width:14px; height:14px;
  background:
    linear-gradient(currentColor,currentColor) center/100% 2.4px no-repeat,
    linear-gradient(currentColor,currentColor) center/2.4px 100% no-repeat }

.duvidas details[open] summary::after{
  background:linear-gradient(currentColor,currentColor) center/100% 2.4px no-repeat;
  transform:rotate(180deg) }

.visita p{ color:#ffe9dc }

.visita .onde{ color:#ffe9dc }

.secao.rosa, .secao.verde, .secao.azul, .secao.amarela{ position:relative }
.secao.rosa::before, .secao.verde::before,
.secao.azul::before, .secao.amarela::before{
  content:""; position:absolute; inset:0;
  background:url("/comum/img/confete.svg") repeat; opacity:.13;
  pointer-events:none }
.secao.rosa > .env, .secao.verde > .env,
.secao.azul > .env, .secao.amarela > .env{ position:relative }

@media (min-width:1085px){
  .ativ:has(> :nth-child(2):last-child){ grid-template-columns:repeat(2,1fr);
    max-width:800px; margin-inline:auto }


  .ativ > :last-child:nth-child(3n+1){ grid-column:2 }
}

@media (max-width:700px){
  .passos li{ padding:70px 24px 26px 24px }
  .passo-n{ left:24px; top:22px }
  .texto-corrido{ margin-top:26px }
  .horarios{ padding:24px 22px 20px }
  .periodos li{ flex-direction:column; gap:2px; align-items:flex-start }
  .contato-dados{ padding:18px 20px }
}

@media print{
  .passos li, .horarios, .contato-dados{
    clip-path:none; filter:none; rotate:none; border:1px solid var(--linha) }
  .texto-corrido{ box-shadow:none; padding:0 }
  .fatos::before{ display:none }
}

.abrir .ic-fechar{ display:none }
.abrir[aria-expanded="true"] .ic-abrir{ display:none }
.abrir[aria-expanded="true"] .ic-fechar{ display:block }

@media (min-width:1085px) and (max-width:1200px){
  .menu{ position:absolute; top:100%; right:0; flex-direction:column;
    width:min(320px,86vw); padding:14px; background:var(--papel);
    border:1px solid var(--linha); box-shadow:0 14px 30px rgba(0,0,0,.16);
    display:none }
  .menu.aberto{ display:flex }
  .abrir{ display:grid }
  .topo .zap span{ display:inline }
}

.cab h1{ font-size:clamp(2.1rem,4.4vw,3.1rem) }
.cab{ margin-bottom:8px }

.contato-dados{ background:var(--papel) }

:root{ --sombra:#d6bf9c }

@media (min-width:1085px) and (max-width:1200px){
  .topo .zap{ margin-left:auto }
}

@media (min-width:900px){
  .marca .desc{ display:block }
  .topo .zap span{ display:inline }
}

.contato-dados, .horarios{ margin-inline:auto }

.secao.rosa::before, .secao.verde::before,
.secao.azul::before, .secao.amarela::before,
.fatos::before{
  background:
    url("/comum/img/confete.svg") 0 0/360px 360px repeat,
    url("/comum/img/confete.svg") 137px 211px/517px 517px repeat;
  opacity:.15 }

@media (max-width:760px){
  .topo .zap{ display:none }

  .topo .abrir{ margin-left:auto }
}

@media (min-width:761px) and (max-width:899px){
  .flut{ display:none }
}

@media (max-width:1200px){
  .menu.aberto{
    max-height:calc(100vh - 84px);
    overflow-y:auto;
    border:0;
    clip-path:var(--rasgo);
    box-shadow:none;
    filter:drop-shadow(6px 8px 0 var(--sombra)) }
}

@media (min-width:641px){
  .turmas{ align-items:stretch }
  .turmas .turma{ display:flex; flex-direction:column }
  .turmas .turma .corpo{ display:flex; flex-direction:column; flex:1 }
  .turmas .turma .turma-link{ margin-top:auto }
}

.turmas .turma:nth-child(4) .faixa{ background:var(--azul-e) }
.turmas .turma:nth-child(5) .faixa{ background:#127a42 }
.turmas .turma:nth-child(4){ border-bottom-color:var(--azul-e) }
.turmas .turma:nth-child(5){ border-bottom-color:#127a42 }

.turma-link{ min-height:44px }

.visita{ position:relative; overflow:hidden }
.visita .env{ position:relative; z-index:1 }

.visita::before{ opacity:.12 }

.fatos-aviso a{ display:inline-block }

@media (max-width:760px){
  .menu.aberto{ max-height:calc(100vh - 84px - 56px) }
}

@media (min-width:1201px){
  .menu .so-gaveta{ display:none }
}

.menu .grupo, .menu .sub{ display:contents }

.menu .grupo > a{ display:none }

@media (min-width:1201px){
  .menu .grupo{ display:inline-flex; position:relative }
  .menu .grupo > a{ display:inline-flex; align-items:center; padding-right:8px }


  .menu .grupo > a::after{ content:""; width:7px; height:7px; margin-left:6px;
    border-right:2px solid currentColor; border-bottom:2px solid currentColor;
    rotate:45deg; translate:0 -2px }


  .menu .sub{ display:none; position:absolute; top:100%; left:0;
    min-width:232px; padding:8px; z-index:1;
    background:var(--papel); border-radius:0 0 16px 16px;
    box-shadow:0 6px 0 var(--sombra) }


  .menu .grupo:hover .sub,
  .menu .grupo:focus-within .sub{ display:flex; flex-direction:column; gap:2px }

  .menu .sub a{ padding:10px 12px; border-radius:12px }
}

.pastilhas{ margin-bottom:24px }

@media (max-width:760px){
  a, button, summary, input, select, textarea, [tabindex]:not([tabindex="-1"]){
    scroll-margin-bottom:72px }
}

@media (min-width:900px){
  .flut{ right:24px; bottom:24px }
  .rodape{ padding-bottom:52px }
}

.horarios ~ .botoes{ justify-content:center }

.secao.azul:has(> .env > .itens:only-of-type){ padding:clamp(34px,4vw,52px) 0 }

.fim a{ display:inline-block; padding:3px 2px; margin:-3px -2px;
  color:#fff; text-decoration:underline; text-underline-offset:3px }

.fita{ pointer-events:none }

@media (hover:hover){
  .zap:hover:not(:active){ transform:translateY(-2px); box-shadow:0 6px 0 #7d2c08 }
  .bt-1:hover:not(:active){ transform:translateY(-2px); box-shadow:0 7px 0 #7d2c08 }
  .bt-2:hover:not(:active){ transform:translateY(-2px);
    box-shadow:0 7px 0 var(--sombra), inset 0 0 0 2px var(--laranja-e) }
  .visita .bt-1:hover:not(:active){ box-shadow:0 7px 0 #a87500 }
  .visita .bt-2:hover:not(:active){ box-shadow:0 7px 0 #d9c9b4 }
  .flut:hover:not(:active){ transform:translateY(-2px) }
  .flut:hover:not(:active):not(:focus-visible){ box-shadow:0 7px 0 #7d2c08 }
  .flut:hover:not(:active):focus-visible{
    box-shadow:0 7px 0 #7d2c08, 0 0 0 3px var(--foco-cla,#fff) }
}
.flut{ transition:transform .12s, box-shadow .12s }
.flut:active{ transform:translateY(3px); box-shadow:0 1px 0 #7d2c08 }

.bloco-fotos + .bloco-fotos{ margin-top:clamp(40px,4.8vw,66px) }
.tit-bloco{ font-size:clamp(1.2rem,2.3vw,1.55rem); margin:0 0 20px }
.mural{ display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start }
.mural > .pregada{ flex:0 1 calc((100% - 60px) / 3); min-width:0 }
@media (max-width:1084px){
  .mural > .pregada{ flex-basis:calc((100% - 30px) / 2) }
}
@media (max-width:700px){
  .mural > .pregada{ flex-basis:100% }
}

.bloco-fotos .pastilhas{ margin-top:0 }

.mural + .so-leitor + .ativ{ margin-top:clamp(34px,4.2vw,56px) }

.fita.nc{ top:-14px; left:50%; translate:-50% 0; rotate:-4deg }
@media (max-width:1084px){
  .fita.nc{ top:-11px }
}

.fecho{ max-width:46em; margin:clamp(34px,4vw,52px) auto 0; text-align:center;
  color:var(--suave); font-size:1.06rem }

.agenda{ position:relative; margin-top:clamp(28px,3.4vw,44px);
  padding:clamp(26px,3vw,38px) clamp(20px,2.6vw,34px) clamp(30px,3.4vw,44px) 76px;
  background:url("/comum/img/espiral.svg") 12px 8px/56px 34px repeat-y, var(--papel);
  box-shadow:6px 7px 0 var(--papel), 7px 8px 0 var(--sombra),
             13px 15px 0 var(--papel), 14px 16px 0 var(--sombra) }

.agenda .mural > .pregada{ flex-basis:calc((100% - 30px) / 2) }
@media (max-width:700px){
  .agenda .mural > .pregada{ flex-basis:100% }
}

@media (max-width:700px){
  .agenda{ padding-left:52px;
    background-size:38px 23px; background-position:7px 7px }
}

.ag-final .fecho{ margin-top:0 }

.ag-final{ display:grid; justify-items:center; text-align:center;
  gap:clamp(18px,2.6vw,28px); padding-inline:clamp(4px,2vw,24px) }
.ag-final .tit-bloco{ margin-bottom:0 }
.ag-final .ainda{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap;
  justify-content:center; gap:10px 12px; max-width:36em }
.ag-final .ainda li{ font-family:"Fredoka",sans-serif; font-weight:500;
  font-size:clamp(1rem,1.4vw,1.15rem); color:var(--tinta); background:var(--amarelo-c);
  padding:10px 18px; border-radius:14px 6px 15px 7px; box-shadow:0 3px 0 var(--linha) }
.ag-final .fecho{ font-family:"Fredoka",sans-serif; font-weight:500; color:var(--tinta);
  font-size:clamp(1.3rem,2.3vw,1.7rem); line-height:1.25; max-width:22em; text-wrap:balance }

@media (max-width:700px){
  .ag-final{ gap:12px; padding-inline:0 }
  .ag-final .ainda{ gap:5px 6px }
  .ag-final .ainda li{ font-size:.88rem; line-height:1.25; padding:5px 9px; box-shadow:0 2px 0 var(--linha) }
  .ag-final .fecho{ font-size:1.15rem; line-height:1.3 }
  .ag-final .bt{ padding:11px 18px; font-size:.95rem; white-space:nowrap }
}

.agenda [hidden]{ display:none }

.ag-controles{ display:flex; align-items:center; justify-content:center;
  gap:clamp(12px,2vw,22px); margin-top:clamp(20px,2.6vw,30px); flex-wrap:wrap }
.ag-bt{ display:inline-flex; align-items:center; gap:8px; min-height:44px;
  padding:11px 19px; border:0; cursor:pointer;
  font-family:inherit; font-weight:800; font-size:.94rem;
  border-radius:14px 6px 15px 7px;
  background:var(--papel); color:var(--laranja-e);
  transition:transform .12s, box-shadow .12s;
  box-shadow:0 4px 0 var(--sombra), inset 0 0 0 2px var(--laranja-e) }
.ag-bt svg{ width:19px; height:19px; flex:none; fill:none;
  stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round }

.ag-bt[disabled]{ cursor:default; color:var(--suave);
  box-shadow:0 3px 0 var(--linha), inset 0 0 0 2px var(--linha) }

.ag-conta{ margin:0; color:var(--suave); font-size:.95rem; font-variant-numeric:tabular-nums }
.ag-conta b{ color:var(--tinta); font-weight:800 }

.agenda .bloco-fotos + .bloco-fotos{ margin-top:0 }

.agenda{ display:flex; flex-direction:column; justify-content:center;
  min-height:calc(0.44 * min(1160px, 100vw - 40px) + 121px) }
@media (max-width:700px){
  .agenda{ min-height:calc(0.695 * (100vw - 40px) + 184px) }
}

@media (max-width:360px){
  .agenda{ min-height:415px }
}

.agenda{ background-size:56px calc((100% - 8px) / 18) }
@media (max-width:700px){
  .agenda{ background-size:38px calc((100% - 7px) / 18) }
}

.bloco-fotos[data-fotos="1"] .mural > .pregada{ flex-basis:calc((100% - 30px) / 2) }

.ag-guias{ display:flex; flex-wrap:wrap; gap:6px;
  margin:clamp(28px,3.4vw,44px) 0 0; padding-left:clamp(12px,2vw,24px) }

.ag-guias + .agenda{ margin-top:0 }

.ag-guia{ min-height:44px; padding:10px 17px; border:0; cursor:pointer;
  font-family:inherit; font-weight:700; font-size:.92rem;
  border-radius:13px 13px 4px 4px;
  transition:transform .12s, background-color .12s;
  background:var(--linha); color:var(--suave) }
.ag-guia[aria-current]{ background:var(--laranja-e); color:#fff; font-weight:800 }

.ag-bt:not([disabled]):active{ transform:translateY(3px);
  box-shadow:0 1px 0 var(--sombra), inset 0 0 0 2px var(--laranja-e) }
.ag-guia:active{ transform:translateY(2px) }
@media (hover:hover){
  .ag-bt:not([disabled]):hover:not(:active){ transform:translateY(-2px);
    box-shadow:0 6px 0 var(--sombra), inset 0 0 0 2px var(--laranja-e) }
  .ag-guia:hover:not(:active){ transform:translateY(-2px) }

  .ag-guia:not([aria-current]):hover:not(:active){ background:var(--amarelo-c);
    color:var(--laranja-e) }
}

@keyframes ag-virar-frente{
  from{ transform:perspective(1400px) rotateY(-16deg); opacity:.3 }
  to{ transform:none; opacity:1 }
}
@keyframes ag-virar-tras{
  from{ transform:perspective(1400px) rotateY(11deg); opacity:.3 }
  to{ transform:none; opacity:1 }
}
.bloco-fotos.ag-frente{ animation:ag-virar-frente .34s ease-out;
  transform-origin:left center }
.bloco-fotos.ag-tras{ animation:ag-virar-tras .3s ease-out;
  transform-origin:left center }

@media not all and (max-height:26em){
  html.gaveta-aberta .topo{ position:fixed; top:0; left:0; right:0 }
  html.gaveta-aberta body{ padding-top:var(--gaveta-topo,0px) }
}

.quem .inicial.foto{ object-fit:cover; padding:0; display:block }

.rodape{ background:#f7ecda; color:var(--texto) }
.rodape .cols{ border-bottom-color:rgba(42,26,16,.18) }
.rodape h4,.rodape .rod-tit,.rodape .end,.fim{ color:var(--suave) }
.rodape a{ color:var(--tinta) }
.rodape a:hover,.rodape a[aria-current="page"]{ color:var(--laranja-e) }
.rodape .redes a{ background:rgba(42,26,16,.08) }
.rodape .redes a:hover{ background:var(--laranja-e) }
.rodape .redes svg{ fill:var(--tinta) }
.rodape .redes a:hover svg{ fill:#fff }
.fim a{ color:var(--tinta) }

.at .ic.foto{ width:88px; height:88px; padding:0; overflow:hidden; background:var(--sombra);
  box-shadow:0 0 0 3px #fff, 3px 4px 0 3px var(--sombra) }
.at .ic.foto img{ width:100%; height:100%; object-fit:cover; display:block }

.col-fotos{ display:grid; gap:clamp(30px,4vw,48px); align-content:start }

.fone{ white-space:nowrap }

.cookies{
  position:fixed; left:0; right:0; bottom:0; z-index:75;
  background:var(--laranja-e); color:#fff; box-shadow:0 -6px 24px rgba(0,0,0,.22);
  padding-bottom:env(safe-area-inset-bottom);
}
.cookies[hidden]{ display:none }
.cookies .env{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 24px; padding:12px 0 }
.cookies p{ flex:1 1 32ch; margin:0; font-size:.92rem; line-height:1.45; color:#fff }
.cookies-bts{ display:flex; flex-wrap:wrap; gap:10px }
.cookies button{
  min-height:44px; padding:0 22px; border:0; border-radius:999px;
  font:inherit; font-size:.95rem; font-weight:800; cursor:pointer;
}
.cookies .aceitar{ background:#fff; color:var(--laranja-e) }
.cookies .recusar{ background:transparent; color:#fff; box-shadow:inset 0 0 0 2px #fff }
.cookies .aceitar:hover{ background:#fbe7dc }
.cookies .recusar:hover{ background:rgba(255,255,255,.14) }
.cookies button:focus-visible{ outline:3px solid #fff; outline-offset:3px }
html{ scroll-padding-bottom:var(--aviso-altura,0px) }
body{ margin-bottom:var(--aviso-altura,0px) }

@media (max-width:760px){
  html.aviso-aberto .flut{ display:none }
}
@media (min-width:900px){
  .flut{ bottom:calc(24px + var(--aviso-altura,0px)) }
}
.rod-pref{
  min-height:44px; padding:0; border:0; background:none; color:var(--tinta);
  font:inherit; font-weight:700; cursor:pointer;
}
.rod-pref[hidden]{ display:none }
.rod-pref:hover{ text-decoration:underline }