/* seção onde-fica · prefixo ond- */
.ond.w-secao{padding-bottom:0}
.ond-corpo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"cabeca mapa" "dados mapa";column-gap:clamp(2rem,5vw,5rem);row-gap:clamp(2rem,4vw,3rem);align-items:start}
.ond-cabeca{grid-area:cabeca}
.ond-dados{grid-area:dados}
.ond-endereco{margin:clamp(1.6rem,3vw,2.4rem) 0 0;font-family:var(--b-serif);font-size:var(--w-t-sub);line-height:1.3;color:var(--b-creme)}
.ond-acesso{margin:1rem 0 0;max-width:24rem;color:var(--b-creme-suave);line-height:1.55}
.ond-ver{margin:.4rem 0 0}
.ond-ver .w-link{color:var(--b-mel-claro)}

/* o mapa: o endereço em anéis, de dentro para fora */
.ond-mapa{grid-area:mapa;position:relative;aspect-ratio:1;align-self:center}
.w-js .ond-mapa.w-entra{transform:none;opacity:1}
.ond-madeira{position:absolute;inset:-3%;background:url(../img/tronco.webp) center/contain no-repeat;filter:brightness(.52) saturate(.82) contrast(1.06);-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 99%);mask-image:radial-gradient(closest-side,#000 80%,transparent 99%)}
.ond-mapa::before{content:"";position:absolute;z-index:-1;inset:-22%;border-radius:50%;background:radial-gradient(closest-side in oklab,rgba(205,125,54,.3),rgba(92,48,24,.14) 62%,transparent);pointer-events:none}
.ond-madeira::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side in oklab,rgba(227,140,60,.22) 30%,rgba(18,10,6,0) 55%,rgba(18,10,6,.55) 92%)}
.ond-aneis{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ond-aneis path{fill:none;vector-effect:non-scaling-stroke}
.ond-finos{display:none}
.ond-fortes path{stroke:var(--b-mel-claro);stroke-width:1.2;opacity:.7}
.ond-nomes text{font-family:var(--b-serif);font-style:italic;font-size:31px;letter-spacing:.02em;fill:var(--b-creme)}
.ond-miolo{position:absolute;left:32%;top:32%;width:36%;margin:0}
.ond-nomes--estreito{display:none}
.ond-coord{position:absolute;left:0;right:0;top:calc(100% + .6rem);margin:0;display:flex;justify-content:center;gap:1.4em;font-size:var(--w-t-mini);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--b-creme-suave)}
.ond-coord span+span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:1.4em;border-radius:50%;background:var(--b-mel-claro);vertical-align:.15em}
.ond-miolo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:saturate(.9) brightness(.92);box-shadow:0 0 0 1px rgba(227,167,99,.8),0 0 50px rgba(227,140,60,.45)}
.ond-pino{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);display:inline-flex;gap:.5em;align-items:baseline;white-space:nowrap;padding:.25em .75em .3em;border-radius:3px;background:rgba(18,10,6,.92);border:1px solid rgba(242,235,227,.24);font-size:var(--w-t-mini);line-height:1.3;color:var(--b-creme-suave)}
.ond-pino b{font-weight:600;color:var(--b-creme)}
/* gesto: os anéis crescem do miolo para fora */
.w-js .ond-miolo,.w-js .ond-madeira{transition:transform 1.3s var(--w-curva),opacity 1.3s ease}
.w-js .ond-mapa:not(.w-visto) .ond-miolo{transform:scale(.6);opacity:0}
.w-js .ond-mapa:not(.w-visto) .ond-madeira{transform:scale(.7);opacity:0}
.w-js .ond-fortes path{transform-box:fill-box;transform-origin:center;transition:transform 1.2s var(--w-curva),opacity 1.2s ease;transition-delay:calc(.25s + var(--n)*.16s)}
.w-js .ond-mapa:not(.w-visto) .ond-fortes path{transform:scale(.7);opacity:0}
.w-js .ond-nomes text{transition:opacity 1s ease;transition-delay:calc(.6s + var(--n)*.16s)}
.w-js .ond-mapa:not(.w-visto) .ond-nomes text{opacity:0}

.ond-bloco{padding:1.5rem 0 0;border-top:1px solid var(--w-linha-noite)}
.ond-bloco+.ond-bloco{margin-top:1.6rem}
.ond-nome{margin:0 0 .7rem;font-family:var(--b-sans);font-size:var(--w-t-mini);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--b-mel-claro)}
.ond-horario{width:calc(100% + 1.6rem);margin-inline:-.8rem;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.ond-horario th,.ond-horario td{padding:.55rem .8rem;text-align:left;font-weight:400;line-height:1.35}
.ond-horario td{text-align:right;color:var(--b-creme)}
.ond-horario th{color:var(--b-creme-suave)}
.ond-fechado td{color:var(--b-creme-suave)}
.ond-hoje th,.ond-hoje td{background:rgba(227,167,99,.13);color:var(--b-creme);font-weight:600}
.ond-hoje th{border-radius:4px 0 0 4px;box-shadow:inset 2px 0 0 var(--b-mel-claro)}
.ond-hoje td{border-radius:0 4px 4px 0}
.ond-hoje-marca{margin-left:.7em;padding:.08em .5em .12em;border-radius:3px;background:var(--b-mel-claro);color:var(--b-tinta);font-size:var(--w-t-mini);font-weight:600;letter-spacing:.04em}
.ond-zap{display:inline-flex;align-items:center;min-height:56px;font-family:var(--b-serif);font-size:clamp(2.1rem,1.5rem + 2.2vw,3.3rem);line-height:1;color:var(--b-creme);text-decoration:none;white-space:nowrap;transition:color .3s ease}
.ond-zap:hover{color:var(--b-mel-claro)}
.ond-zap-nota{margin:.2rem 0 0;color:var(--b-creme-suave);font-size:var(--w-t-mini);letter-spacing:.03em}

/* fecho da página */
.ond-final{position:relative;margin:clamp(3.5rem,6vw,5rem) calc(var(--b-margem)*-1) 0;padding:clamp(5rem,11vw,10rem) var(--b-margem) clamp(5rem,10vw,9rem);text-align:center;display:flex;flex-direction:column;align-items:center}
.ond-final::before{content:"";position:absolute;z-index:-1;left:50%;bottom:-60%;width:min(120rem,180%);aspect-ratio:1.6;transform:translateX(-50%);background:radial-gradient(closest-side in oklab,rgba(205,125,54,.42),rgba(92,48,24,.3) 50%,transparent)}
.ond-final-arcos{position:absolute;z-index:-1;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 42%);mask-image:linear-gradient(180deg,transparent,#000 42%)}
.w-js .ond-final-arcos circle{transform-box:fill-box;transform-origin:center;transition:transform 1.6s var(--w-curva),opacity 1.6s ease;transition-delay:calc(var(--n)*90ms)}
.w-js .ond-final:not(.ond-final--visto) .ond-final-arcos circle{transform:scale(.86);opacity:0}
/* no fecho, o botão da própria seção basta: o flutuante sai */
.ond-no-fecho .w-zap{transform:translateY(140%)!important}
.ond-final-arcos circle{fill:none;stroke:var(--b-mel-claro);stroke-width:1;vector-effect:non-scaling-stroke;opacity:calc(.5 - var(--n)*.045)}
.ond-final-sobre{margin:0 0 1.4rem;font-size:var(--w-t-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--b-mel-claro)}
.ond-final-titulo{margin:0 0 2.4rem;font-family:var(--b-serif);font-weight:400;font-size:clamp(2.6rem,1.4rem + 5vw,5.6rem);line-height:1;letter-spacing:-.012em}
.ond-final-titulo em{color:var(--b-mel-claro)}
.ond-junto{white-space:nowrap}

@media (max-width:900px){
  .ond-corpo{grid-template-columns:minmax(0,1fr);grid-template-areas:"cabeca" "mapa" "dados"}
  .ond-mapa{width:min(128%,36rem);justify-self:center;margin:1rem 0 3.2rem}
  .ond-nomes text{font-size:36px}
  .ond-nomes--largo{display:none}
  .ond-nomes--estreito{display:block}
  .ond-miolo{left:31%;top:31%;width:38%}
  .ond-coord{top:calc(100% + .2rem)}
  .ond-final-titulo{max-width:8em}
}
@media (prefers-reduced-motion:reduce){
  .w-js .ond-mapa .ond-miolo,.w-js .ond-mapa .ond-madeira,.w-js .ond-mapa .ond-fortes path,.w-js .ond-final .ond-final-arcos circle{transform:none!important;opacity:1!important}
  .w-js .ond-mapa .ond-nomes text{opacity:1!important}
}