/* Seção "consulta" · prefixo con- */
.con{--con-mel:#a9591f}
.con-cabeca{display:grid;gap:1.4rem;margin-bottom:clamp(2rem,5vw,4.5rem)}
.con-abre{max-width:30rem}

.con-palco{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}

/* ---------- o disco ---------- */
/* celular: meio disco de borda a borda, como um tronco no horizonte */
.con-janela{position:relative;margin:0 calc(-1*var(--b-margem));aspect-ratio:1/.615;overflow:hidden;border-bottom:1px solid var(--w-linha-clara)}
.con-disco{position:relative;display:block;width:118%;margin-left:-9%;aspect-ratio:1;border-radius:50%}
.con-base{position:absolute;inset:1.7%;border-radius:50%;background:#ecdcc3;box-shadow:0 2.2rem 4.5rem -2rem rgba(58,33,20,.5),0 0 0 1px rgba(58,33,20,.22)}
.con-fantasma,.con-madeira{position:absolute;inset:0;width:100%;height:100%!important;max-width:none;border-radius:50%}
.con-fantasma{inset:1.7%;width:96.6%;height:96.6%!important;opacity:.36;filter:saturate(.6) brightness(1.12)}
.con-madeira{clip-path:circle(var(--con-r,0%) at 50% 50%);transition:clip-path 1.1s var(--w-curva);filter:drop-shadow(0 0 0 transparent)}
.con-disco[data-con-ativo="1"]{--con-r:13.4%;--con-mx:61.5%;--con-my:56.7%}
.con-disco[data-con-ativo="2"]{--con-r:25%;--con-mx:71.65%;--con-my:62.5%}
.con-disco[data-con-ativo="3"]{--con-r:36.7%;--con-mx:81.75%;--con-my:68.3%}
.con-disco[data-con-ativo="4"]{--con-r:48.4%;--con-mx:91.9%;--con-my:74.2%}
.con-aneis{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.con-anel{cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}
.con-faixa{fill:transparent;stroke:rgba(32,16,10,.34);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .3s ease}
.con-anel:hover .con-faixa,.con-anel:active .con-faixa{fill:rgba(255,246,228,.26)}
.con-anel:focus-visible{outline:none}
.con-anel:focus-visible .con-faixa{stroke:var(--w-tinta);stroke-width:2.5}
.con-nome{font-family:var(--b-serif);font-style:italic;font-size:27px;letter-spacing:.01em;fill:var(--w-tinta-2);pointer-events:none;transition:fill .6s ease}
.con-disco[data-con-ativo="1"] .con-anel[data-con-vai="1"] .con-nome,
.con-disco[data-con-ativo="2"] .con-anel[data-con-vai="1"] .con-nome,
.con-disco[data-con-ativo="2"] .con-anel[data-con-vai="2"] .con-nome,
.con-disco[data-con-ativo="3"] .con-anel[data-con-vai="1"] .con-nome,
.con-disco[data-con-ativo="3"] .con-anel[data-con-vai="2"] .con-nome,
.con-disco[data-con-ativo="3"] .con-anel[data-con-vai="3"] .con-nome,
.con-disco[data-con-ativo="4"] .con-anel[data-con-vai="1"] .con-nome,
.con-disco[data-con-ativo="4"] .con-anel[data-con-vai="2"] .con-nome,
.con-disco[data-con-ativo="4"] .con-anel[data-con-vai="3"] .con-nome,
.con-disco[data-con-ativo="4"] .con-anel[data-con-vai="4"] .con-nome{fill:var(--w-tinta)}
.con-raio,.con-marca{display:none}
.con-dica{margin:.9rem 0 0;color:var(--w-tinta-2)}

/* ---------- os tempos ---------- */
.con-tempos{list-style:none;margin:0;padding:0;display:grid;gap:clamp(4rem,8vw,7rem)}
.con-tempo{scroll-margin-top:1.5rem}
.con-passo{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;font-size:var(--w-t-mini);letter-spacing:.14em;text-transform:uppercase;color:#8a4a1c}
.con-glifo{flex:none}
.con-glifo circle{fill:none;stroke:#8a4a1c;stroke-width:1;opacity:.55}
.con-glifo .con-glifo-cheio{fill:#cd7d36;stroke:none;opacity:.85}
.con-nome-tempo{margin:0 0 1.1rem;font-family:var(--b-serif);font-weight:400;font-size:clamp(2.1rem,1.5rem + 2.4vw,3.5rem);line-height:1.04;letter-spacing:-.012em;text-wrap:balance}
.con-num{font-style:italic;color:var(--con-mel);margin-right:.12em}
.con-cita{margin-top:1.8rem;padding-left:1.2rem;border-left:1px solid var(--con-mel)}
.con-cita--grande{padding-left:0;border-left:0}
.con-cita--grande blockquote{font-size:clamp(1.5rem,1.15rem + 1.5vw,2.3rem);line-height:1.2;text-wrap:pretty}
.con-foto{margin:0}
.con-foto img{width:100%;height:auto;border-radius:6px;filter:saturate(.85)}
.con-foto--explica{margin-top:2rem}
.con-foto--explica img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.con-volta{display:grid;gap:2rem;margin-top:2rem}
.con-volta .con-cita{margin-top:0}
.con-foto--sala img{aspect-ratio:4/3;object-fit:cover;object-position:35% 80%;filter:saturate(.68)}
.con-foto--sala figcaption{margin-top:.6rem;color:var(--w-tinta-2)}

/* os dois lados: duas colunas e um fio no meio */
.con-lados{display:grid;gap:1.8rem;margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--w-linha-clara)}
.con-menos{margin:0}
.con-menos-titulo{margin:0 0 .7rem;font-family:var(--b-serif);font-size:var(--w-t-sub);line-height:1.15}
.con-menos-titulo em{font-style:italic;color:#8a4a1c}
.con-menos blockquote{margin:0;font-family:var(--b-serif);font-style:italic;font-size:1.15rem;line-height:1.4}
.con-menos figcaption{margin-top:.6rem;font-size:var(--w-t-mini);letter-spacing:.04em;color:var(--w-tinta-2)}

/* ---------- fecho ---------- */
.con-fecho{position:relative;margin-top:clamp(4rem,8vw,7rem);padding:clamp(3rem,7vw,5.5rem) 0 0;display:grid;justify-items:center;gap:1.4rem;text-align:center}
.con-fecho-arcos{position:absolute;inset:0 calc(-1*var(--b-margem)) calc(-1*var(--w-respiro));z-index:-1;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
.con-fecho-arcos i{position:absolute;left:50%;top:48%;border-radius:50%;border:1px solid rgba(138,74,28,.28);width:calc(var(--d)*1rem);height:calc(var(--d)*1rem);margin:calc(var(--d)*-.5rem) 0 0 calc(var(--d)*-.5rem)}
.con-fecho-arcos i:nth-child(1){--d:22}.con-fecho-arcos i:nth-child(2){--d:36}.con-fecho-arcos i:nth-child(3){--d:52}.con-fecho-arcos i:nth-child(4){--d:70}
.con-fecho-frase{margin:0;max-width:16ch;font-family:var(--b-serif);font-size:clamp(1.8rem,1.3rem + 2vw,3rem);line-height:1.08;text-wrap:balance}
.con-fecho-frase em{font-style:italic;color:#8a4a1c}
.con-fecho-hora{margin:0;color:var(--w-tinta-2)}
.con-fecho-hora span{display:block}
.con-fecho{padding-bottom:clamp(1rem,3vw,3rem)}

@media (min-width:1000px){
  .con-cabeca{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);align-items:end;gap:3rem}
  .con-titulo{font-size:clamp(2.6rem,1rem + 3.9vw,4.5rem)}
  .con-abre{justify-self:end}
  .con-palco{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(3rem,6vw,6rem);align-items:start}
  .con-coluna-disco{position:sticky;top:max(1.5rem,calc(50vh - 20rem));--con-sangra:calc(var(--b-margem) + 2.5rem)}
  .con-janela{margin:0 0 0 calc(-1*var(--con-sangra));aspect-ratio:auto;overflow:visible;border:0;width:min(calc(100% + var(--con-sangra)),80vh)}
  .con-disco{width:100%;margin-left:0}
  .con-nome{font-size:23px}
  .con-dica{margin-top:1.2rem}
  /* raio com o marcador do tempo ativo, como os rótulos de ano do tronco */
  .con-raio{display:block;position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:0 50%;transform:rotate(30deg);background:linear-gradient(90deg,rgba(32,16,10,0),rgba(32,16,10,.4) 12%,rgba(32,16,10,.4))}
  .con-marca{display:inline-flex;align-items:center;gap:.4rem;position:absolute;left:var(--con-mx,50%);top:var(--con-my,50%);transform:translate(-6px,-50%);padding:.28rem .6rem .28rem .3rem;border-radius:3px;background:var(--w-tinta);color:var(--b-creme);font-size:.875rem;letter-spacing:.04em;white-space:nowrap;transition:left 1.1s var(--w-curva),top 1.1s var(--w-curva),opacity .5s ease;pointer-events:none}
  .con-disco[data-con-ativo="0"] .con-marca{opacity:0}
  .con-marca i{width:9px;height:9px;border-radius:50%;background:var(--b-creme);box-shadow:0 0 0 3px rgba(242,235,227,.25)}
  .con-marca b{font-weight:600}
  .con-tempo{min-height:62vh}
  .con-tempo--4{min-height:76vh}
  .con-foto--explica{margin-top:2rem;max-width:24rem}
}
@media (min-width:1200px){
  .con-tempo--2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:start}
  .con-foto--explica{position:relative;margin:0;max-width:none}
  .con-foto--explica::before{content:"";position:absolute;z-index:-1;right:-18%;top:-9%;width:92%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(138,74,28,.3);box-shadow:0 0 0 1.4rem rgba(220,193,155,.2),0 0 0 calc(1.4rem + 1px) rgba(138,74,28,.22)}
  .con-volta{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:2.5rem;align-items:start}
  .con-lados{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
  .con-lados>:first-child{padding-right:2rem}
  .con-lados>:last-child{padding-left:2rem;border-left:1px solid var(--w-linha-clara)}
}
@media (max-width:999px){
  .con-foto--explica,.con-foto--sala{max-width:26rem}
}
@media (min-width:600px) and (max-width:999px){
  .con-janela{margin:0 auto;max-width:38rem;aspect-ratio:2/1.03}
  .con-disco{width:100%;margin-left:0}
  .con-dica{text-align:center}
}