/* ---------- globo 3D: de Toledo (PR) para 8 paises (v3) ---------- */
.globo-sec{overflow:hidden}
.gl-grade{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:"cab palco" "lista palco";column-gap:clamp(28px,4.5vw,72px);align-items:center}
.gl-cab{grid-area:cab;align-self:end}
.gl-lista{grid-area:lista;align-self:start}
.gl-palco{grid-area:palco}
.gl-cab .h-l{margin:0 0 14px}
.globo-sec .h-l em{font-style:normal;color:var(--verm-logo);white-space:nowrap}
.gl-lead{margin:0 0 24px;max-width:46ch;color:rgba(255,255,255,.72)}
.gl-chips .chip i{width:10px;height:10px;border-radius:50%;background:var(--verm-logo);box-shadow:0 0 10px rgba(238,46,52,.7)}
.gl-chips .chip[data-k="br"] i{background:#fff;box-shadow:0 0 0 3px rgba(238,46,52,.6)}
.gl-chips .chip{white-space:nowrap}
.gl-legenda{margin:16px 0 0;min-height:1.5em;font-size:.92rem;color:rgba(255,255,255,.62)}

.gl-palco{position:relative;width:100%;max-width:640px;aspect-ratio:1/1;margin-inline:auto;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.gl-palco:active{cursor:grabbing}
.gl-palco.plano{aspect-ratio:2/1;cursor:default}
.gl-canvas,.gl-plano{position:absolute;inset:0;display:block;width:100%;height:100%}
.gl-rotulos{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.gl-rot{position:absolute;left:0;top:0;width:0;height:0;will-change:transform;transition:opacity .3s}
.gl-rot b{position:absolute;left:0;top:0;white-space:nowrap;font:600 12px/1.2 var(--fb);color:#fff;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 10px rgba(13,17,23,.95);transform:translate(10px,-50%)}
.gl-rot.w b{transform:translate(calc(-100% - 10px),-50%)}
.gl-rot.c b{transform:translate(-50%,-160%)}
.gl-rot.toledo b{font-size:11px;font-weight:500;color:rgba(255,255,255,.88);transform:translate(10px,40%)}
.gl-rot.sel b{color:#ffb7b9;font-weight:700}
.gl-rot.fora{opacity:0}

@media (max-width:900px){
  .gl-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"cab" "palco" "lista"}
  .gl-cab{align-self:auto}
  .gl-palco{max-width:540px;margin-block:4px 18px}
  .gl-lead{margin-bottom:8px}
}
/* celular deitado: globo ao lado do texto, cabendo na altura da tela */
@media (max-width:900px) and (max-height:500px) and (orientation:landscape){
  .gl-grade{grid-template-columns:minmax(0,1fr) minmax(0,auto);grid-template-areas:"cab palco" "lista palco"}
  .gl-cab{align-self:end}
  .gl-palco{width:min(78vh,44vw);margin:0}
  .gl-lead{margin-bottom:16px}
}
@media (max-width:420px){
  .gl-chips{gap:6px}
  .gl-chips .chip{min-height:38px;padding:0 12px;font-size:.84rem}
}
