/* Absolute P1984 sources keep every /en/ page on the official VORTEX typeface. */
@font-face{
  font-family:'P1984';
  font-weight:100;
  font-style:normal;
  font-display:swap;
  src:url('/assets/fonts/P1984-100.woff2') format('woff2'),
      url('/assets/fonts/P1984-100.woff') format('woff');
}
@font-face{
  font-family:'P1984';
  font-weight:900;
  font-style:normal;
  font-display:swap;
  src:url('/assets/fonts/P1984-900.woff2') format('woff2'),
      url('/assets/fonts/P1984-900.woff') format('woff');
}
/* VORTEX · selector global de idioma ES/EN */
/* English uses Exo 2 for body copy and Posterama 1984 for branded display text. */
html[lang="en"] body,
html[lang="en"] body *{
  font-family:'P1984','Posterama 1984',sans-serif!important;
  font-weight:900!important;
}
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] .hero h1,
html[lang="en"] .st,
html[lang="en"] .sl,
html[lang="en"] .btn-p,
html[lang="en"] .btn-s,
html[lang="en"] .btn-o,
html[lang="en"] .vx-main-cta,
html[lang="en"] .vx-menu a,
html[lang="en"] .vx-menu-label,
html[lang="en"] .vx-page-title,
html[lang="en"] .hero-eyebrow,
html[lang="en"] .hero-meta,
html[lang="en"] .camp h3,
html[lang="en"] .status,
html[lang="en"] .vx-promo-badge{
  font-family:'P1984','Posterama 1984',sans-serif!important;
}
.vx-language-switch{
  position:static!important;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid rgba(0,245,255,.38);
  border-radius:999px;
  background:rgba(5,5,12,.9);
  box-shadow:0 8px 28px rgba(0,0,0,.38);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font-family:'P1984','Posterama 1984',sans-serif;
}
.vx-language-switch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:34px;
  padding:0 9px;
  border-radius:999px;
  color:rgba(255,255,255,.78);
  text-decoration:none;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1;
}
.vx-language-switch a:hover{color:#fff;background:rgba(0,245,255,.12)}
.vx-language-switch a[aria-current="true"]{
  color:#031014;
  background:#00f5ff;
}
.vx-language-switch a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vx-translation-notice{
  margin:0;
  padding:3.25rem 1rem .8rem;
  border-bottom:1px solid rgba(0,245,255,.18);
  background:#07070d;
  color:rgba(255,255,255,.76);
  text-align:center;
  font:500 .78rem/1.55 'Exo 2',system-ui,sans-serif;
}
@media(max-width:700px){
  .vx-language-switch a{min-width:34px;min-height:32px;padding:0 7px;font-size:.68rem}
}
@media print{.vx-language-switch,.vx-translation-notice{display:none!important}}
@media(prefers-reduced-motion:reduce){.vx-language-switch *{transition:none!important}}

/* /conecta/ keeps the approved language control fixed at the lower-left,
   clear of the quote CTA and mobile safe areas. */
body:has(.cx-hero) .vx-language-switch{
  position:fixed!important;
  left:max(16px,env(safe-area-inset-left));
  right:auto;
  top:auto;
  bottom:max(16px,env(safe-area-inset-bottom));
  z-index:2147483000;
  box-shadow:0 8px 28px rgba(0,0,0,.48),0 0 18px rgba(0,245,255,.08);
  background:rgba(5,5,12,.92);
}

/* /en/conecta/ · Posterama 1984 is the official VORTEX display typeface.
   Keep Exo 2 for prose, but restore Posterama on brand/UI elements that the
   global English rule would otherwise override. Scoped only to Conecta. */
html[lang="en"] body:has(.cx-hero) .vx-menu-label,
html[lang="en"] body:has(.cx-hero) .vx-menu a,
html[lang="en"] body:has(.cx-hero) .vx-page-title,
html[lang="en"] body:has(.cx-hero) .vx-page-title b,
html[lang="en"] body:has(.cx-hero) .vx-main-cta,
html[lang="en"] body:has(.cx-hero) .cx-wordmark,
html[lang="en"] body:has(.cx-hero) .cx-wordmark b,
html[lang="en"] body:has(.cx-hero) .cx-h1,
html[lang="en"] body:has(.cx-hero) .cx-brandline,
html[lang="en"] body:has(.cx-hero) .cx-place,
html[lang="en"] body:has(.cx-hero) .cx-jump a,
html[lang="en"] body:has(.cx-hero) .cx-num,
html[lang="en"] body:has(.cx-hero) .cx-sec h2,
html[lang="en"] body:has(.cx-hero) .cx-sec h2 em,
html[lang="en"] body:has(.cx-hero) .cx-name,
html[lang="en"] body:has(.cx-hero) .cx-eco-claim,
html[lang="en"] body:has(.cx-hero) .cx-eco-claim b,
html[lang="en"] body:has(.cx-hero) .cx-eco-item span,
html[lang="en"] body:has(.cx-hero) .cx-quote-box h3,
html[lang="en"] body:has(.cx-hero) .btn-p,
html[lang="en"] body:has(.cx-hero) .foot-tagline,
html[lang="en"] body:has(.cx-hero) .foot-col h4,
html[lang="en"] body:has(.cx-hero) .foot-col a{
  font-family:'P1984','Posterama 1984',sans-serif!important;
}

@media print{.vx-language-switch,.vx-translation-notice{display:none!important}}
@media(prefers-reduced-motion:reduce){.vx-language-switch *{transition:none!important}}

/* English homepage cover: keep Posterama visibly bold like the Spanish cover. */
html[lang="en"] .hero h1,
html[lang="en"] .hero h1 *,
html[lang="en"] .hero .hero-logo + .hero-eyebrow,
html[lang="en"] .hero .btn-p,
html[lang="en"] .hero .btn-s{
  font-family:'P1984','Posterama 1984',sans-serif!important;
  font-weight:900!important;
  -webkit-text-stroke:.45px currentColor;
}

/* Homepage-only guard. The previous selector targeted EVERY English hero,
   which hid service logos and highlighted title spans across the English
   site. Restrict it to the homepage structure (.hero#inicio + .hc). */
html[lang="en"] .hero#inicio:has(.hc) .hero-logo,
html[lang="en"] .hero#inicio:has(.hc) h1 span{
  display:none!important;
}

/* Spanish Área Gaming: keep the hero controller centered over the title. */
html[lang="es"] .hero .hero-logo[src*="area-gaming"]{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* English VORTEX Gaming: restore the controller and full VORTEX GAMING hero.
   The homepage guard above must not hide these elements on /en/area-gaming.html. */
html[lang="en"] .hero .hero-logo[src*="area-gaming"]{
  display:block!important;
  margin-left:auto;
  margin-right:auto;
}
html[lang="en"] .hero:has(.hero-logo[src*="area-gaming"]) .glitch span{
  display:inline!important;
}
html[lang="en"] .hero:has(.hero-logo[src*="area-gaming"]) .glitch::before,
html[lang="en"] .hero:has(.hero-logo[src*="area-gaming"]) .glitch::after{
  content:'VORTEX GAMING';
}

/* English homepage: restore the main VORTEX mark above the hero eyebrow.
   en/index.html no longer contains the image element, so render the same
   approved /logo-vortex.png asset decoratively in the identical position. */
html[lang="en"] .hero#inicio .hc::before{
  content:'';
  display:block;
  width:min(190px,42vw);
  aspect-ratio:1;
  margin:0 auto 1.4rem;
  background:url('/logo-vortex.png') center/contain no-repeat;
  filter:drop-shadow(0 0 34px rgba(0,245,255,.42));
}

/* VORTEX 2026 ecosystem cards: show the official service marks in both
   languages. The source cards intentionally remain text links; this layer
   adds the corresponding approved VORTEX service artwork without duplicating
   the large ES/EN campaign HTML. */
.vx26 .vx26-eco a::before{
  content:'';
  display:block;
  width:58px;
  height:58px;
  margin:0 0 .55rem;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  filter:drop-shadow(0 0 14px rgba(0,245,255,.28));
}
.vx26 .vx26-eco a[href*="transmision"]::before{background-image:url('/assets/services/thumbs/transmision-128.png')}
.vx26 .vx26-eco a[href*="academia"]::before{background-image:url('/assets/services/thumbs/academia-128.png')}
.vx26 .vx26-eco a[href*="soluciones-digitales"]::before{background-image:url('/assets/services/thumbs/soluciones-digitales-128.png')}
.vx26 .vx26-eco a[href*="area-gaming"]::before{background-image:url('/assets/services/thumbs/area-gaming-web-128.png')}
.vx26 .vx26-eco a[href*="dj-lab"]::before{background-image:url('/assets/services/thumbs/dj-lab-128.png')}
.vx26 .vx26-eco a[href*="coliseo"]::before{background-image:url('/assets/services/thumbs/coliseo-128.png')}
.vx26 .vx26-eco a[href*="nexus"]::before{background-image:url('/assets/services/thumbs/nexus-128.png')}
.vx26 .vx26-eco a[href*="tienda"]::before{background-image:url('/assets/services/thumbs/tienda-vortex-128.png')}