.ct-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2.5rem,5vw,6rem);align-items:center}
.ct-texto{display:grid;gap:1.5rem;align-content:start}
.ct-texto .wf-rotulo{margin:0}
.ct-destino{font-style:normal;display:grid;gap:.35rem;padding:1.4rem 0;border-top:1px solid rgba(42,33,36,.16);border-bottom:1px solid rgba(42,33,36,.16)}
.ct-rua,.ct-sala{font-family:var(--b-serifa);font-weight:300;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.5rem);line-height:1.1;color:var(--wf-tinta)}
.ct-sala{font-style:italic;color:var(--wf-terracota)}
.ct-predio{margin-top:.45rem;font-family:var(--b-mono);font-size:.74rem;letter-spacing:.08em;line-height:1.6;color:var(--wf-tinta-suave)}
.ct-regua{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.ct-regua div{padding-left:.9rem;border-left:1px solid rgba(138,76,62,.35)}
.ct-regua dt{font-family:var(--b-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wf-terracota);margin-bottom:.45rem}
.ct-regua dd{margin:0;font-size:.98rem;line-height:1.5;color:var(--wf-tinta)}
.ct-regua a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;display:inline-block;padding:.6rem 0;margin:-.6rem 0}
.ct-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem}
.ct-cta{display:inline-grid;gap:.1rem;padding:.85rem 1.6rem;border-radius:99px;text-decoration:none;background:var(--wf-tinta);color:var(--wf-marfim);
  box-shadow:0 16px 40px -18px rgba(42,33,36,.6);transition:transform .4s var(--b-ease)}
.ct-cta:hover{transform:translateY(-2px)}
.ct-cta-rot{font-weight:550;font-size:1rem}
.ct-cta-num{font-family:var(--b-mono);font-size:.76rem;letter-spacing:.04em;color:#e7d6cf}
.ct-mapa{position:relative;margin:0;aspect-ratio:4/5;max-height:46rem}
.ct-mapa-quadro{position:absolute;inset:0;overflow:hidden;background:var(--wf-marfim-2);box-shadow:0 40px 80px -40px rgba(42,33,36,.45)}
/* o iframe é maior que o quadro e centrado: o centro do mapa (o alfinete) fica no centro do quadro; o topo com a ficha do prédio fica escondido */
.ct-mapa iframe{position:absolute;left:-10%;top:-12%;width:120%;height:124%;border:0;filter:grayscale(1) sepia(.12) contrast(.85) brightness(1.06);opacity:.9}
.ct-veio{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.ct-veio .wf-veio-base{stroke:var(--wf-terracota)!important;opacity:.95}
.ct-veio .wf-veio-nuvem{stroke:var(--wf-marfim)!important;opacity:.85}
.ct-veio .wf-veio-ramo{stroke:var(--wf-terracota)!important;opacity:.45}
.ct-ponto{position:absolute;left:50%;top:calc(50% - 22px);width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;z-index:3;background:var(--wf-terracota);
  box-shadow:0 0 0 3px var(--wf-marfim),0 0 0 9px rgba(138,76,62,.22),0 0 0 18px rgba(138,76,62,.08)}
.ct-etiqueta{position:absolute;left:calc(50% + 1.6rem);top:calc(50% - 3.1rem);max-width:calc(50% - 2rem);z-index:3;display:grid;gap:.15rem;padding:.6rem .85rem;
  background:color-mix(in oklab, var(--b-grafite-0) 86%, transparent);color:var(--b-creme);border-left:1px solid var(--b-rose);
  font-family:var(--b-serifa);font-style:italic;font-size:1.15rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ct-etiqueta span{font-family:var(--b-mono);font-style:normal;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--b-rose)}
@media (max-width:900px){
  .ct-grade{grid-template-columns:1fr}
  .ct-mapa{aspect-ratio:1/1}
}
@media (max-width:560px){
  .ct-regua{grid-template-columns:1fr 1fr}
  .ct-regua div:last-child{grid-column:1/-1}
  .ct-cta{width:100%;justify-items:center}
  .ct-acoes .wf-link{margin:0 auto}
}
.ct-veu{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(75% 70% at 50% 47% in oklab, rgba(246,240,235,0) 55%, rgba(246,240,235,.55) 85%, rgba(246,240,235,.9) 100%)}
.ct-assina{margin:.6rem 0 0;font-family:var(--b-serifa);font-style:italic;font-weight:300;font-size:clamp(1.3rem,1.1rem + .8vw,1.9rem);color:var(--wf-tinta);display:grid;gap:.35rem}
.ct-assina span{font-family:var(--b-mono);font-style:normal;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--wf-terracota)}
@media (max-width:900px){ .ct-mapa{aspect-ratio:4/3.4} }