
.gma-globo-root{
  --globo-platino:#F3F3F4;
  --globo-linen:#EFEFE3;
  --globo-dune:#D2CFB6;
  --globo-ember:#BB080B;
  --globo-bordeaux:#4B051D;
}
.gma-globo-root,.gma-globo-root *{box-sizing:border-box;margin:0;padding:0;}
.gma-globo-root{
  position:relative; 
  background:var(--globo-bordeaux);
  font-family:"Geist", -apple-system, sans-serif;
  color:var(--globo-platino);
  overscroll-behavior:none;
}
.gma-globo-root h1,.gma-globo-root h2,.gma-globo-root h3,.gma-globo-root .globo-final,.gma-globo-root .serif{ font-family:"Merriweather", serif; }
.gma-globo-root .globo-scroll{ position:relative; height:370svh; overflow-anchor:none; }
.gma-globo-root .globo-pin{
  position:sticky; top:var(--globo-sticky-top,0px); height:var(--globo-stage-height,100svh); width:100%;
  overflow:hidden; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(ellipse at 50% 38%, #5c0a26 0%, var(--globo-bordeaux) 62%, #2e0311 100%);
}
.gma-globo-root .globo-stars{ position:absolute; inset:0; pointer-events:none; }
.gma-globo-root .globo-stars span{
  position:absolute; width:3px; height:3px; border-radius:50%;
  background:var(--globo-dune); opacity:.35;
  animation:globo-twinkle 5s ease-in-out infinite;
}
@keyframes globo-twinkle{
  0%,100%{ opacity:.15; }
  50%{ opacity:.6; }
}
.gma-globo-root #gma-globo-stage{
  position:relative; width:100%; height:100%;
}
.gma-globo-root #gma-globo-canvas{ width:100%; height:100%; display:block; }
.gma-globo-root .globo-copy{
  position:absolute; left:0; right:0; z-index:5; text-align:center;
  padding:0 24px; pointer-events:none; transition:opacity .25s linear;
}
.gma-globo-root .globo-copy .kicker{
  font-size:11px; letter-spacing:.25em; text-transform:uppercase;
  color:var(--globo-dune);
  margin-bottom: calc(5px * (1 - var(--globo-h-blend, 1)) + 12px * var(--globo-h-blend, 1));
  font-weight:500;
}
.gma-globo-root .globo-copy :is(h2,.globo-final){
  font-style:italic; font-weight:400; color:var(--globo-platino);
  font-size: calc(clamp(15px,3vw,20px) * (1 - var(--globo-h-blend, 1)) + clamp(22px,4.2vw,38px) * var(--globo-h-blend, 1));
  line-height: calc(1.2 * (1 - var(--globo-h-blend, 1)) + 1.25 * var(--globo-h-blend, 1));
  max-width:680px; margin:0 auto;
}
.gma-globo-root .globo-copy .stat{
  margin-top: calc(6px * (1 - var(--globo-h-blend, 1)) + 18px * var(--globo-h-blend, 1));
  font-size: calc(11.5px * (1 - var(--globo-h-blend, 1)) + 14px * var(--globo-h-blend, 1));
  color:var(--globo-linen); opacity:.8;
  max-width:520px; margin-left:auto; margin-right:auto;
}
.gma-globo-root .globo-copy .stat strong{ color:var(--globo-dune); font-weight:600; }
.gma-globo-root .globo-copy-top{ top: calc(4% * (1 - var(--globo-h-blend, 1)) + 8% * var(--globo-h-blend, 1)); }
.gma-globo-root .globo-copy-bottom{
  bottom: calc(3% * (1 - var(--globo-h-blend, 1)) + 7% * var(--globo-h-blend, 1));
  padding-top: calc(10px * (1 - var(--globo-h-blend, 1)) + 22px * var(--globo-h-blend, 1));
  padding-left: calc(18px * (1 - var(--globo-h-blend, 1)) + 24px * var(--globo-h-blend, 1));
  padding-right: calc(18px * (1 - var(--globo-h-blend, 1)) + 24px * var(--globo-h-blend, 1));
  padding-bottom: calc(12px * (1 - var(--globo-h-blend, 1)) + 26px * var(--globo-h-blend, 1));
  border-radius:18px;
  background:linear-gradient(180deg, rgba(46,3,17,0) 0%, rgba(46,3,17,.72) 22%, rgba(46,3,17,.72) 100%);
}
.gma-globo-root .scroll-hint{
  position:absolute; bottom:4%; left:0; right:0; text-align:center;
  font-size:11px; letter-spacing:.15em; text-transform:uppercase;
  color:var(--globo-dune); opacity:.55; z-index:5; transition:opacity .3s ease;
  pointer-events:none;
}
.gma-globo-root .scroll-hint::after{ content:"↓"; display:block; margin-top:6px; animation:globo-bob 1.6s ease-in-out infinite; }
@keyframes globo-bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(5px); } }
.gma-globo-root .globo-progress{
  position:absolute; top:0; left:0; right:0; height:3px; z-index:8;
  background:rgba(216,207,182,0.14);
}
.gma-globo-root .globo-progress__fill{
  height:100%; width:0%; background:var(--globo-ember);
  transition:width .05s linear;
}
.gma-globo-root .globo-infocard{
  position:absolute; z-index:9; max-width:240px;
  background:rgba(46,3,17,0.94); border:1px solid rgba(216,207,182,0.4);
  border-radius:14px; padding:14px 16px; pointer-events:none;
  opacity:0; transform:translateY(4px); transition:opacity .18s ease, transform .18s ease;
  box-shadow:0 8px 24px rgba(0,0,0,0.35);
}
.gma-globo-root .globo-infocard.is-open{ opacity:1; transform:translateY(0); pointer-events:auto; }
.gma-globo-root .globo-infocard .cat{
  font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--globo-ember); font-weight:700; margin-bottom:4px;
}
.gma-globo-root .globo-infocard h4{
  font-family:"Geist",sans-serif; font-size:14px; font-weight:700;
  color:var(--globo-platino); margin-bottom:6px;
}
.gma-globo-root .globo-infocard p{ font-size:12.5px; line-height:1.45; color:rgba(243,243,244,0.85); }
.gma-globo-root .globo-infocard__close{
  position:absolute; top:8px; right:10px; background:none; border:none;
  color:rgba(243,243,244,0.6); font-size:15px; cursor:pointer; line-height:1; padding:2px;
}
.gma-globo-root .globo-infocard__close:hover{ color:var(--globo-platino); }
.gma-globo-root #gma-globo-canvas{ cursor:pointer; }
@media  (hover:none){ .gma-globo-root .globo-infocard__close{ padding:6px; } }
.gma-globo-root #boot-msg{
  position:absolute; inset:0; z-index:50; display:flex; align-items:center; justify-content:center;
  background:var(--globo-bordeaux); color:var(--globo-dune); font:14px/1.6 "Geist",sans-serif;
  letter-spacing:.03em; text-align:center; padding:24px;
}
.gma-globo-root .noscript-fallback{
  min-height:100vh; display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:center; padding:48px 24px; gap:14px;
}
.gma-globo-root .noscript-fallback h2{
  font-family:"Merriweather",serif; font-style:italic; font-weight:400;
  font-size:clamp(22px,4.2vw,34px); max-width:680px; color:var(--globo-platino);
}
.gma-globo-root .noscript-fallback p{ max-width:560px; color:var(--globo-linen); opacity:.85; font-size:15px; line-height:1.5; }
.gma-globo-root .cta-catalogo{
  display:inline-block; margin-top:10px; padding:12px 28px; border-radius:999px;
  background:var(--globo-ember); color:var(--globo-platino); text-decoration:none;
  font-weight:600; letter-spacing:.02em; font-size:14px;
}
.gma-globo-root .cta-catalogo:hover,.gma-globo-root .cta-catalogo:focus-visible{ background:#d10a0e; }
.gma-globo-root .cta-catalogo-top{
  position:absolute; top:18px; right:18px; z-index:7; pointer-events:auto;
  padding:9px 18px; border-radius:999px; background:rgba(46,3,17,0.55);
  border:1px solid rgba(216,207,182,0.4); color:var(--globo-platino); text-decoration:none;
  font-size:12.5px; font-weight:600; letter-spacing:.02em; backdrop-filter:blur(2px);
  transition:background .15s ease;
}
.gma-globo-root .cta-catalogo-top:hover,.gma-globo-root .cta-catalogo-top:focus-visible{ background:rgba(46,3,17,0.85); }
@media  (prefers-reduced-motion: reduce){
  .gma-globo-root .globo-stars span{ animation:none; opacity:.3; }
  .gma-globo-root .scroll-hint::after{ animation:none; }
}


.gma-globo-root{isolation:isolate;--globo-h-blend:1;}
.gma-globo-root [hidden]{display:none!important;}
.gma-globo-root .globo-labels{position:absolute;inset:0;pointer-events:none;z-index:6;}
.gma-globo-root .globo-label{position:absolute;left:0;top:0;min-height:24px;padding:4px 7px;border-radius:6px;border:1px solid rgba(210,207,182,.32);color:#F3F3F4;background:rgba(38,3,14,.93);font:600 10.5px/14px "Geist",-apple-system,sans-serif;white-space:nowrap;cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px rgba(20,2,9,.2);touch-action:manipulation;}
.gma-globo-root .globo-label:focus-visible,.gma-globo-root .cta-catalogo-top:focus-visible{outline:2px solid #EFEFE3;outline-offset:3px;}
.gma-globo-root .globo-label--sede{width:106px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 8px;border-radius:10px;border-color:rgba(210,207,182,.55);color:#EFEFE3;}
.gma-globo-root .globo-label--sede svg{width:64px;height:31px;display:block;flex:none;}
.gma-globo-root .globo-label--sede .globo-logo-slot{width:64px;height:31px;display:block;flex:none;}
.gma-globo-root .globo-label--sede .globo-logo-slot img{width:64px;height:31px;display:block;object-fit:contain;}
.gma-globo-root .globo-label--sede .globo-logo-fallback{display:block;width:64px;height:31px;font:700 20px/31px "Geist",sans-serif;color:#EFEFE3;}
.gma-globo-root .globo-label--sede span{font-size:10px;line-height:14px;color:#D2CFB6;}
.gma-globo-root .globo-copy-bottom{padding:12px 12px 16px;}
.gma-globo-root .globo-copy-top{left:16px;right:16px;}
.gma-globo-root .globo-copy :is(h2,.globo-final){margin:0 auto;}
.gma-globo-root .globo-progress__fill{width:100%;transform:scaleX(0);transform-origin:left;transition:none;}
.gma-globo-root .globo-infocard{width:240px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:auto;padding:18px 36px 18px 16px;}
.gma-globo-root .globo-infocard .cat{color:#D2CFB6;}
.gma-globo-root .globo-infocard__close{min-width:32px;min-height:32px;right:4px;top:4px;}
.gma-globo-root .globo-live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.gma-globo-root.globo-paused .globo-stars span{animation-play-state:paused;}
.gma-globo-root .cta-catalogo-top{min-height:36px;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;}
@media (prefers-reduced-motion:reduce){.gma-globo-root .globo-copy,.gma-globo-root .globo-infocard{transition:none;}}

/* Integración en el catálogo: la siguiente sección es contacto, el botón flotante sobra. */
.gma-globo-root .cta-catalogo-top{display:none!important;}
.gma-globo-root .globo-copy-top :is(.kicker,h2){text-shadow:0 1px 2px rgba(46,3,17,.85),0 0 18px rgba(46,3,17,.75);}

/* Preview polish: preserve original scroll camera and projection. */
.gma-globo-root .globo-stars{display:none}
.gma-globo-root .globo-infocard__close{min-width:44px;min-height:44px;top:0;right:0}
.gma-globo-root .globo-infocard{padding-right:46px}
.gma-globo-root .globo-infocard p{font-size:14px;line-height:1.55}
.gma-globo-root .globo-copy-top h2{font-family:"Merriweather",Georgia,serif}
.scroll-instructions{padding:14px 20px;background:#f6f4ef;text-align:center;color:#665d51;font-size:12px;line-height:1.6}
.scroll-instructions a{color:#4b051d;margin-left:12px}
.origin-list{max-width:1200px;margin:0 auto;padding:22px 36px;font-size:13px}
.origin-list summary{cursor:pointer;min-height:44px;padding:12px 0}
.origin-list ul{list-style:none;padding:10px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.origin-list strong{display:block;margin-bottom:6px}.origin-list span{font-size:12px;color:#666;line-height:1.6}
@media(max-width:680px){.origin-list{padding:16px 22px}.origin-list ul{grid-template-columns:1fr 1fr}.gma-globo-root .globo-infocard{width:260px}}

