/* ============================================================
   GLOBO 3D ANIMADO — sección "Trabajamos en distintos países"
   Se carga DESPUÉS de style.css y responsive.css.
   Escritorio: texto a la izquierda, globo a la derecha.
   Móvil: globo arriba, texto debajo.
   ============================================================ */
.globe-section{padding-block:var(--space-lg)}
/* Escritorio: globo a la izquierda (compacto) y texto a la derecha */
.globe-section .globe-layout{
  position:relative;display:grid;grid-template-columns:minmax(260px,380px) 1fr;
  gap:var(--space-xl);align-items:center;
}
.globe-section .globe-visual{grid-column:1;grid-row:1}
.globe-section .globe-info{grid-column:2;grid-row:1}

/* ---- Columna de texto ---- */
.globe-info h2{font-size:30px;line-height:1.25;max-width:520px;color:var(--white,#fff)}
.globe-lead{margin-top:var(--space-sm);max-width:500px;font-size:1.05rem;line-height:1.65;color:rgba(255,255,255,.72)}

.globe-stats{
  display:flex;gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);
  border-top:1px solid rgba(255,255,255,.14);list-style:none;
}
.globe-stats b{display:block;font-family:var(--font-mono,monospace);font-size:1.9rem;line-height:1.1;color:var(--green,#AEC90C);font-weight:600}
.globe-stats span{display:block;margin-top:.3rem;font-size:.8rem;color:rgba(255,255,255,.6)}

.globe-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-md);list-style:none;padding:0}
.globe-chip{
  font-family:var(--font-mono,monospace);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;
  padding:.5rem .7rem;border:1px solid rgba(255,255,255,.24);background:rgba(3,34,46,.55);color:rgba(255,255,255,.82);
  transition:border-color .25s,color .25s,background .25s;
}
.globe-chip:hover{border-color:var(--green,#AEC90C);color:#fff}
.globe-chip.is-active{border-color:var(--green,#AEC90C);color:var(--green,#AEC90C);background:rgba(174,201,12,.12)}

.globe-caption{
  margin-top:var(--space-md);padding:1rem 1.25rem;min-height:5.4rem;
  border-left:3px solid var(--green,#AEC90C);background:rgba(255,255,255,.05);
  transition:opacity .35s var(--ease,ease),transform .35s var(--ease,ease);
}
.globe-caption.is-changing{opacity:0;transform:translateX(-8px)}
.globe-caption-title{font-size:1.15rem;color:#fff}
.globe-caption-text{margin-top:.3rem;font-size:.95rem;color:rgba(255,255,255,.75)}

/* ---- Globo ---- */
.globe-section .globe-visual{width:100%;max-width:380px;justify-self:center}
.globe-stage{position:relative;width:100%;aspect-ratio:1/1;isolation:isolate}
.globe-stage::before{
  content:'';position:absolute;inset:4%;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,rgba(44,164,230,.28),rgba(174,201,12,.08) 55%,transparent 70%);
  filter:blur(30px);animation:globeGlow 6s ease-in-out infinite;
}
.globe-section .globe-canvas{display:block;width:100%;height:100%;max-width:100%}
@keyframes globeGlow{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}

/* ---- Tablet y móvil ---- */
@media (max-width:960px){
  .globe-section .globe-layout{grid-template-columns:1fr;gap:var(--space-md)}
  .globe-section .globe-visual{grid-column:1;grid-row:1;max-width:320px}
  .globe-section .globe-info{grid-column:1;grid-row:2;text-align:center}
  .globe-info h2,.globe-lead{margin-inline:auto}
  .globe-stats,.globe-chips{justify-content:center}
  .globe-caption{text-align:left}
}
@media (max-width:640px){
  .globe-section{padding-block:var(--space-md)}
  .globe-section .globe-visual{max-width:260px}
  .globe-section .globe-info h2{font-size:23px}
  .globe-lead{font-size:.95rem}
  .globe-stats{gap:var(--space-md)}
  .globe-stats b{font-size:1.4rem}
  .globe-chip{font-size:.7rem;padding:.4rem .6rem}
}
@media (prefers-reduced-motion:reduce){.globe-stage::before{animation:none}}