@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  --paper: #F4F3F0;
  --ink: #101418;
  --gold: #C7A45A;
  --soft-on-paper: #555A61;
  --soft-on-ink: #A4A7AB;
  --m: clamp(16px, 1.7vw, 28px);
  --nav-h: 56px;
  --col: calc((100vw - 2 * var(--m)) / 8);
  --t-display: clamp(42px, 5.8vw, 100px);
  --t-display-2: clamp(32px, 4vw, 64px);
  --t-enunciado: clamp(22px, 2.15vw, 34px);
  --t-texto: clamp(16px, 1.12vw, 18px);
  --t-pie: 14px;
  --t-gigante: clamp(52px, 9.6vw, 168px);
  --tr: 0.34;
  --tr-nombre: calc(var(--tr) * 1em);
  --em-nombre: calc(9.2359 + var(--tr) * 15);
  --em-everone: calc(4.295 + var(--tr) * 6);
  --em-holdings: calc(4.7408 + var(--tr) * 7);
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
  --ease-in-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --t-press: 140ms;
  --t-hover: 180ms;
  --t-ui: 240ms;
  --linea-dif: rgba(244, 243, 240, 0.17);
}
.f-paper, html[data-invertir] .f-ink {
  --bg: var(--paper); --fg: var(--ink); --soft: var(--soft-on-paper);
  --rule: rgba(16, 20, 24, 0.16); --accent: var(--ink); --on-accent: var(--paper); --tone: rgba(16, 20, 24, 0.045);
  background-color: var(--bg); color: var(--fg);
}
.f-ink, html[data-invertir] .f-paper {
  --bg: var(--ink); --fg: var(--paper); --soft: var(--soft-on-ink);
  --rule: rgba(244, 243, 240, 0.16); --accent: var(--gold); --on-accent: var(--ink); --tone: rgba(244, 243, 240, 0.06);
  background-color: var(--bg); color: var(--fg);
}
*, *::before, *::after { box-sizing: border-box; }
html {
  background: var(--paper);
  color: var(--ink);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--nav-h) + 16px);
}
html[data-invertir] { background: var(--ink); }
body {
  margin: 0;
  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  font-size: var(--t-texto);
  line-height: 1.55;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: tabular-nums;
  overflow-x: clip;
}
img, video, svg, canvas { display: block; max-width: 100%; }
img, video { height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4, p, ul, ol, figure { margin: 0; }
h4 { font-weight: 400; }
ul, ol { padding: 0; list-style: none; }
::selection { background: var(--accent, var(--ink)); color: var(--on-accent, var(--paper)); }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.vh { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.saltar { position: fixed; left: var(--m); top: 8px; z-index: 300; padding: 10px 14px; background: var(--ink); color: var(--paper); text-decoration: none; transform: translateY(-150%); }
.saltar:focus { transform: none; }
.display {
  font-size: var(--t-display);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.display-2 {
  font-size: var(--t-display-2);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.04em;
  text-wrap: balance;
}
.palabra { display: inline-block; will-change: transform; }
.cabecera, main > section, .pie {
  --grid: var(--rule);
  background-image: linear-gradient(var(--grid), var(--grid)), linear-gradient(var(--grid), var(--grid)), linear-gradient(var(--grid), var(--grid)), linear-gradient(var(--grid), var(--grid)); 
  background-size: 1px 100%, 1px 100%, 1px 100%, 100% 1px;
  background-position: calc(var(--m) + (100% - 2 * var(--m)) / 8) 0, 50% 0, calc(var(--m) + (100% - 2 * var(--m)) * 7 / 8) 0, 0 50%;
  background-repeat: no-repeat;
  background-attachment: scroll, scroll, scroll, fixed;
}
.boton {
  display: inline-flex; align-items: center; gap: 12px;
  min-height: 48px; padding: 0 22px;
  background: var(--accent); color: var(--on-accent);
  font-size: var(--t-texto); font-weight: 500; letter-spacing: 0; text-decoration: none;
  transition: transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease;
}
.boton:active { transform: scale(0.97); }
.boton:focus-visible { outline-color: var(--fg); }
.boton__txt { display: inline-grid; overflow: clip; line-height: 1.3; }
.boton__a, .boton__b { grid-area: 1 / 1; }
.boton__b { transform: translateY(100%); }
@media (hover: hover) and (pointer: fine) {
  .boton:hover { background: color-mix(in oklab, var(--accent) 86%, var(--fg)); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .boton__a, .boton__b { transition: transform 800ms var(--ease-out); }
  .boton:hover .boton__a { transform: translateY(-100%); }
  .boton:hover .boton__b { transform: translateY(0); }
}
.cabecera { container-type: inline-size; padding: clamp(10px, 1.6vw, 22px) var(--m) clamp(8px, 1vw, 14px); overflow: clip; }
.nombre {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: var(--tr-nombre);
  font-size: calc(100cqi / var(--em-nombre));
  line-height: 0.74;
  white-space: nowrap;
  padding-top: 0.04em;
}
.nombre__linea, .pie__linea { display: inline-block; overflow: clip; padding: 0.06em 0 0.02em; margin: -0.06em 0 -0.02em; vertical-align: top; }
.nombre__a, .nombre__b { display: inline-block; letter-spacing: var(--tr-nombre); }
.nombre__b .ult { letter-spacing: 0; }
.barra { position: sticky; top: 0; z-index: 50; container-type: inline-size; }
.barra__fila {
  display: grid; grid-template-columns: repeat(8, 1fr); align-items: center;
  height: var(--nav-h); padding: 0 var(--m);
  border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); 
}
.lockup { position: relative; grid-column: 1 / span 2; display: inline-flex; align-items: center; gap: calc(0.6714 * var(--cap)); --cap: min(10.5px, (var(--col) * 2 - 16px) / 24.874); color: inherit; text-decoration: none; justify-self: start; align-self: stretch; }
.lockup__iso { display: block; width: calc(4.3354 * var(--cap)); height: calc(2.1937 * var(--cap)); flex: none; translate: 0 calc(-0.0895 * var(--cap)); }
.lockup__iso svg { width: 100%; height: 100%; overflow: visible; }
.lockup__txt {
  font-weight: 300; text-transform: uppercase; letter-spacing: 0.34em; margin-right: -0.34em;
  font-size: calc(var(--cap) / 0.72); line-height: 1; white-space: nowrap;
  text-box: trim-both cap alphabetic;
}
.barra__links { grid-column: 3 / span 5; display: grid; grid-template-columns: repeat(5, 1fr); align-self: stretch; }
.barra__links li { position: relative; display: flex; align-items: center; }
.barra__links li::before { content: ''; position: absolute; left: 0; bottom: -1px; width: 1px; height: 7px; background: currentColor; opacity: 0.55; } 
.barra__links a, .barra__idioma { font-size: var(--t-pie); text-decoration: none; padding: 6px 0 6px 10px; }
.barra__links a { position: static; align-self: stretch; display: flex; align-items: center; flex: 1; }
.barra__avance { position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: currentColor; transform-origin: 0 50%; transform: scaleX(0); pointer-events: none; } 
.lockup .barra__avance { left: 0; right: auto; width: calc(var(--col) * 2 - 10px); }
.barra__fin { grid-column: 8; justify-self: end; display: flex; align-items: center; gap: 18px; }
.barra__idioma { padding-right: 0; font-weight: 500; }
.invertir {
  appearance: none; background: none; border: 0; padding: 6px 0; cursor: pointer;
  display: inline-flex; align-items: center; gap: 8px;
  font-size: var(--t-pie); color: inherit; white-space: nowrap;
  text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.28em; text-decoration-thickness: 1px;
  transition: text-decoration-color var(--t-hover) ease;
}
.invertir__orbita { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1; }
.invertir__orbita g circle { fill: currentColor; stroke: none; }
.invertir__orbita g { transition: transform 900ms var(--ease-in-out); }
.invertir[aria-pressed='true'] .invertir__orbita g { transform: rotate(180deg); }
@media (hover: hover) and (pointer: fine) { .invertir:hover { text-decoration-color: currentColor; } }
.menu .invertir { margin-top: 20px; font-size: var(--t-texto); text-decoration-color: currentColor; display: inline-flex; }
@media (hover: hover) and (pointer: fine) {
  .barra__links a, .barra__idioma { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.28em; text-decoration-thickness: 1px; transition: text-decoration-color var(--t-hover) ease; }
  .barra__links a:hover, .barra__idioma:hover { text-decoration-color: currentColor; }
}
.barra__menu { display: none; }
.barra__progreso { display: none; }
.menu { position: fixed; inset: var(--menu-top, var(--nav-h)) 0 0 0; padding: 32px var(--m); overflow-y: auto; }
.menu ul { display: grid; gap: 4px; }
.menu a { font-size: clamp(34px, 9vw, 48px); letter-spacing: -0.035em; text-decoration: none; line-height: 1.15; }
.menu__idioma { display: inline-block; margin-top: 32px; font-size: var(--t-texto) !important; text-decoration: underline !important; }
@media screen and (prefers-reduced-motion: no-preference) {
  html.js .barra { background: transparent; color: #E4DFD8; mix-blend-mode: difference; --rule: rgba(228, 223, 216, 0.34); transition: opacity 300ms var(--ease-out); }
  html.js.menu-abierto .barra { mix-blend-mode: normal; background: var(--bg); color: var(--fg); --rule: rgba(16, 20, 24, 0.16); }
  html.js .barra.es-oculta { opacity: 0; pointer-events: none; }
}
.precarga { display: none; }
html.con-precarga { overflow: hidden; }
html.con-precarga .precarga { display: block; position: fixed; inset: 0; z-index: 200; height: 100lvh; color: var(--ink); }
.precarga__capa { position: absolute; inset: 0; background: var(--paper); }
.precarga__contenido { position: absolute; inset: 0; opacity: 0; }
.precarga__palabras { position: absolute; right: 0; top: 0; width: 50%; height: 100%; overflow: hidden; }
.precarga__fila { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 calc(var(--m) / 2); }
.precarga__fila:nth-child(1) .precarga__palabra { grid-column: 1; }
.precarga__fila:nth-child(2) .precarga__palabra { grid-column: 2; }
.precarga__fila:nth-child(3) .precarga__palabra { grid-column: 3; }
.precarga__palabra { display: flex; align-items: center; justify-content: flex-end; height: 100%; margin-left: auto; background: var(--paper); font-size: clamp(18px, 2.3vw, 33px); letter-spacing: -0.03em; line-height: 1.05; gap: 10px; }
.precarga__palabra::after { content: ''; width: 1px; height: 100%; background: rgba(16, 20, 24, 0.12); }
.precarga__lineas { position: absolute; inset: 0; mix-blend-mode: difference; pointer-events: none; }
.precarga__lineas i { position: absolute; background: var(--linea-dif); }
.precarga__lineas i:nth-child(1) { left: 50%; top: 0; width: 1px; height: 100%; }
.precarga__lineas i:nth-child(2) { left: 0; top: 50%; width: 100%; height: 1px; } 
.precarga__lineas i:nth-child(3) { left: calc(var(--m) + (100% - 2 * var(--m)) / 8); top: 0; width: 1px; height: 100%; }
.precarga__lineas i:nth-child(4) { left: calc(var(--m) + (100% - 2 * var(--m)) * 7 / 8); top: 0; width: 1px; height: 100%; }
.precarga__lineas .tarde { opacity: 0; }
.precarga__titulo { position: absolute; inset: 0; display: flex; align-items: center; -webkit-mask-image: linear-gradient(90deg, #000 50%, transparent 50%); mask-image: linear-gradient(90deg, #000 50%, transparent 50%); } 
.precarga__titulo span { display: block; padding-left: var(--m); white-space: nowrap; font-size: clamp(18px, 2.3vw, 33px); letter-spacing: -0.03em; }
.precarga__desc { position: absolute; left: var(--m); bottom: 16px; max-width: 24ch; font-size: 13px; line-height: 1.25; letter-spacing: -0.01em; }
.precarga__carga { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); color: var(--paper); mix-blend-mode: difference; font-size: 13px; white-space: nowrap; }
.precarga__carga b { font-weight: 600; }
.precarga__cierre { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--paper); opacity: 0; font-size: clamp(18px, 2.3vw, 33px); letter-spacing: -0.03em; white-space: nowrap; }
.precarga__paneles { position: absolute; inset: 0; display: grid; grid-template-rows: 1fr 1fr; pointer-events: none; }
.precarga__paneles i { background: var(--paper); transform: scaleY(0); }
.precarga__paneles i:first-child { transform-origin: top; }
.precarga__paneles i:last-child { transform-origin: bottom; }
html[data-invertir] .precarga__capa, html[data-invertir] .precarga__palabra, html[data-invertir] .precarga__paneles i { background: var(--paper); }
@media (max-width: 760px) {
  .precarga__fila { display: flex; align-items: center; justify-content: flex-end; padding: 0 var(--m) 0 0; }
  .precarga__fila { font-size: clamp(18px, 2.3vw, 33px); }
  .precarga__fila:nth-child(1) { top: -2.6em; bottom: auto; height: 100%; }
  .precarga__fila:nth-child(3) { top: 2.6em; bottom: auto; height: 100%; }
  .precarga__fila .precarga__palabra { height: 1.4em; margin: 0; }
  .precarga__palabra::after { display: none; }
}
.portada {
  position: relative; container-type: inline-size; overflow: clip;
  display: grid; grid-template-columns: repeat(8, 1fr); align-content: start;
  min-height: calc(100svh - var(--nav-h) - 9.2cqi); padding: clamp(40px, 9vh, 110px) var(--m) clamp(28px, 4.5vh, 56px);
}
.portada__rejilla, .portada__desliza { display: none; }
.portada__marco, .portada__pista { display: contents; }
.portada__lead { grid-column: 5 / span 4; grid-row: 1; padding-left: 10px; font-size: var(--t-enunciado); line-height: 1.22; letter-spacing: -0.018em; max-width: 34ch; text-wrap: pretty; }
.portada__lema { grid-column: 1 / span 4; grid-row: 2; margin-top: clamp(40px, 8vh, 96px); font-size: var(--t-display); line-height: 0.95; letter-spacing: -0.045em; }
.portada__lema span { display: block; }
.portada__cuerpo { grid-column: 1 / -1; grid-row: 3; display: grid; grid-template-columns: repeat(8, 1fr); align-items: end; margin-top: clamp(48px, 8vh, 96px); }
.portada__sectores { grid-column: 2 / span 2; padding-left: 10px; font-size: var(--t-pie); line-height: 1.5; }
.portada__sectores a { text-decoration: underline; text-decoration-color: var(--rule); text-underline-offset: 0.3em; text-decoration-thickness: 1px; }
.portada__cuerpo .boton { grid-column: 5 / span 3; justify-self: start; margin-left: 10px; }
@media (hover: hover) and (pointer: fine) { .portada__sectores a:hover { text-decoration-color: currentColor; } }
@media screen and (prefers-reduced-motion: no-preference) {
  html.js .portada { display: block; min-height: 0; padding: 0; overflow: visible; background-image: none; }
  html.js .portada::after { content: ''; display: block; height: 50lvh; }
  html.js .portada__rejilla { display: block; position: sticky; top: 0; height: 100lvh; margin-bottom: -100lvh; pointer-events: none; mix-blend-mode: difference; z-index: 1; }
  html.js .portada__rejilla i { position: absolute; top: 0; height: 100%; width: 1px; background: var(--linea-dif); }
  html.js .portada__rejilla i:nth-child(1) { left: calc(var(--m) + var(--col)); }
  html.js .portada__rejilla i:nth-child(2) { left: 50%; }
  html.js .portada__rejilla i:nth-child(3) { left: calc(var(--m) + var(--col) * 7); }
  html.js .portada__diagonal { left: 0 !important; width: 100% !important; background: linear-gradient(var(--ang, 145.7deg), transparent calc(50% - 0.5px), var(--linea-dif) calc(50% - 0.5px), var(--linea-dif) calc(50% + 0.5px), transparent calc(50% + 0.5px)) !important; } 
  html.js .portada__marco { display: block; position: sticky; top: 0; height: 100lvh; margin-bottom: -100lvh; overflow: clip; pointer-events: none; z-index: 2; }
  html.js .portada__marco.es-recorte { -webkit-mask-image: linear-gradient(var(--ang, 145.7deg), #000 50%, transparent 50%); mask-image: linear-gradient(var(--ang, 145.7deg), #000 50%, transparent 50%); } 
  html.js .portada__pista { display: grid; grid-template-columns: repeat(8, 1fr); align-content: start; padding: calc(var(--nav-h) + 12lvh) var(--m) 60lvh; will-change: transform; }
  html.js .portada__lead { grid-column: 5 / span 4; padding-left: 10px; max-width: 34ch; }
  html.js .portada__lema { grid-column: 1 / span 5; text-align: right; margin-top: clamp(56px, 13lvh, 150px); padding-right: 10px; font-size: clamp(44px, 6.4vw, 112px); }
  html.js .portada__cuerpo { position: relative; z-index: 3; height: calc(100lvh - var(--nav-h) - 9.2cqi); margin: 0; padding: 0 var(--m) clamp(20px, 3vh, 32px); grid-template-rows: 1fr; align-items: end; }
  html.js .portada__sectores { align-self: start; padding-top: clamp(28px, 5lvh, 56px); }
  html.js .portada__cuerpo .boton { grid-column: 6 / span 3; }
  html.js .portada__desliza { display: flex; grid-column: 8; justify-self: end; align-items: flex-end; gap: 8px; font-size: var(--t-pie); position: relative; }
  html.js .portada__desliza i { display: block; width: 1px; height: 4.875rem; background-image: linear-gradient(180deg, rgba(16, 20, 24, 0) 0, var(--fg) 100%); background-size: 100% 4.75rem; background-repeat: no-repeat; background-position: 0 -4.75rem; } 
}
.cielo { position: relative; }
.cielo__escena {
  container-type: inline-size; position: relative;
  display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: auto auto; align-content: center; column-gap: 0;
  padding: clamp(80px, 12vh, 140px) var(--m);
}
.cielo__lienzo, .cielo__foto, .cielo__papel, .cielo__nav, .cielo__credito { display: none; }
.cielo__intro { grid-column: 1 / span 3; grid-row: 1; align-self: center; padding-right: 24px; }
.grupo__iso { --icap: clamp(22px, 2.2vw, 32px); display: block; width: calc(4.3354 * var(--icap)); height: calc(2.1937 * var(--icap)); margin-bottom: clamp(24px, 4vh, 40px); color: var(--fg); }
.grupo__iso svg { width: 100%; height: 100%; overflow: visible; }
.grupo__t { max-width: 14ch; }
.grupo__p { margin-top: 28px; max-width: 34ch; }
.cielo__profundidad { margin-top: 18px; max-width: 34ch; color: var(--soft); }
.grupo__orion { margin-top: 28px; max-width: 36ch; color: var(--soft); }
.leyenda { margin-top: 40px; display: grid; }
.leyenda__sector { border-top: 1px solid var(--rule); padding: 4px 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 0 16px; transition: filter var(--t-ui) ease; } 
.leyenda__sector:last-child { border-bottom: 1px solid var(--rule); } 
.leyenda__boton { appearance: none; background: none; border: 0; padding: 0; min-height: 44px; display: inline-flex; align-items: center; text-align: left; cursor: pointer; color: var(--accent); font-size: var(--t-texto); font-weight: 500; align-self: center; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.3em; text-decoration-thickness: 1px; transition: text-decoration-color var(--t-hover) ease; }
.leyenda__boton[aria-pressed='true'] { text-decoration-color: currentColor; }
@media (hover: hover) and (pointer: fine) { .leyenda__boton:hover { text-decoration-color: currentColor; } }
.leyenda__cabeza { align-self: center; color: var(--fg); }
.carta { grid-column: 4 / span 5; grid-row: 1; align-self: center; position: relative; width: 100%; aspect-ratio: var(--ar); max-height: calc(100svh - var(--nav-h) - 48px); margin-left: auto; overflow: clip; }
.carta__lienzo { position: absolute; inset: 0; }
.carta__svg { width: 100%; height: 100%; overflow: hidden; }
.carta__todo { transform-box: view-box; transform-origin: var(--ox) var(--oy); }
.carta__svg .e { fill: var(--fg); }
.carta__svg .b5 { opacity: 0.42; }
.carta__svg .b4 { opacity: 0.68; }
.carta__svg .b3 { opacity: 0.9; }
.carta__svg .halo { fill: var(--fg); opacity: 0.09; }
.carta__lineas line { stroke: var(--fg); stroke-opacity: 0.32; stroke-width: 1; vector-effect: non-scaling-stroke; fill: none; }
.carta__anillos .anillo { fill: none; stroke: var(--accent); stroke-width: 1.2; vector-effect: non-scaling-stroke; transform-box: fill-box; transform-origin: center; transition: stroke-width var(--t-ui) ease, opacity var(--t-ui) ease; }
.carta__m43 { fill: none; stroke: var(--fg); stroke-opacity: 0.55; stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
.carta__etq { position: absolute; transform: translate(clamp(16px, 2vw, 26px), -50%); white-space: nowrap; line-height: 1.15; padding: 2px 6px; margin-left: -6px; background: var(--bg); pointer-events: none; transition: filter var(--t-ui) ease; }
.carta__etq b { display: block; font-weight: 500; color: var(--accent); font-size: var(--t-texto); }
.carta__etq i { display: block; font-style: normal; color: var(--soft); font-size: var(--t-pie); }
.carta__etq--m43 { transform: translate(14px, -10%); background: none; }
.carta__zoom { display: none; }
.cielo[data-activo] .leyenda__sector:not(.es-activo),
.cielo[data-activo] .carta__etq:not(.es-activo):not(.carta__etq--m43) { filter: opacity(0.32); }
.cielo[data-activo] .anillo:not(.es-activo) { stroke-opacity: 0.3; }
.cielo[data-activo] .anillo.es-activo { stroke-width: 2.4; }
.cielo__laminas { grid-column: 1 / -1; grid-row: 2; display: grid; gap: clamp(56px, 9vh, 110px); margin-top: clamp(72px, 12vh, 140px); }
.lamina { display: grid; grid-template-columns: repeat(8, 1fr); align-items: center; }
.lamina__texto { grid-column: 1 / span 3; grid-row: 1; padding-right: 24px; }
.lamina__foto { grid-column: 4 / span 5; grid-row: 1; }
.lamina__foto img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #0b0e11; }
.lamina__foto figcaption, .cielo__credito { margin-top: 10px; font-size: var(--t-pie); color: var(--soft); }
.lamina__t { color: var(--accent); }
.lamina__d { margin-top: 24px; max-width: 32ch; font-size: var(--t-enunciado); line-height: 1.22; letter-spacing: -0.018em; }
.lamina__c { margin-top: 20px; max-width: 40ch; color: var(--soft); font-size: var(--t-pie); }
.cielo--vivo { height: var(--alto, 1100lvh); background-image: none; }
.cielo--vivo .cielo__escena { position: sticky; top: 0; height: 100lvh; display: block; padding: 0; overflow: clip; }
.cielo--vivo .cielo__lienzo { display: block; position: absolute; inset: 0; }
.cielo--vivo .cielo__escena::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 86%, transparent) 24%, transparent 44%); opacity: var(--velo, 1); } 
.cielo--vivo .cielo__webgl { width: 100% !important; height: 100% !important; }
.cielo--vivo .carta { display: none; }
.cielo--vivo .cielo__foto { display: block; position: absolute; inset: 0; z-index: 2; visibility: hidden; background: #0b0e11; }
.cielo--vivo .cielo__cuadros { width: 100%; height: 100%; }
.cielo--vivo .cielo__papel { display: block; position: absolute; inset: 0; z-index: 6; background: var(--paper); clip-path: inset(100% 0 0 0); pointer-events: none; }
html[data-invertir] .cielo--vivo .cielo__papel { background: var(--ink); }
.cielo--vivo .cielo__intro { place-self: auto; position: absolute; z-index: 3; left: var(--m); top: 50%; transform: translateY(-50%); width: calc(var(--col) * 3); padding-right: 24px; }
.cielo--vivo .cielo__laminas { position: absolute; z-index: 4; left: var(--m); top: 50%; width: calc(var(--col) * 3 - 10px); margin: 0; display: block; transform: translateY(-50%); }
.cielo--vivo .lamina { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; display: block; visibility: hidden; transition: visibility 0s linear 0.3s; }
.cielo--vivo .lamina.es-activa { visibility: visible; transition-delay: 0s; }
.cielo--vivo .lamina__foto { display: none; }
.cielo--vivo .cielo__nav { display: grid; position: absolute; z-index: 4; left: var(--m); right: var(--m); bottom: clamp(16px, 2.6vh, 28px); grid-template-columns: repeat(8, 1fr); align-items: end; font-size: var(--t-pie); }
.cielo__nav-t { grid-column: 1 / span 3; color: var(--soft); }
.cielo__nav ol { grid-column: 4 / span 5; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 12px; padding-left: 10px; }
.cielo__nav li { color: var(--soft); transition: color var(--t-ui) ease; }
.cielo__nav li.es-activa { color: var(--fg); }
.cielo__nav li i { display: block; height: 1px; margin-top: 8px; background: var(--rule); position: relative; overflow: hidden; } 
.cielo__nav li i::after { content: ''; position: absolute; inset: 0; background: currentColor; transform-origin: 0 50%; transform: scaleX(var(--avance, 0)); }
.cielo--vivo .cielo__credito { display: block; position: absolute; z-index: 4; right: var(--m); bottom: calc(15lvh - 30px); margin: 0; }
.companias { container-type: inline-size; padding: clamp(96px, 15vh, 190px) var(--m) clamp(72px, 10vh, 120px); }
.companias__cab { display: grid; grid-template-columns: repeat(8, 1fr); align-items: end; }
.companias__t { grid-column: 1 / span 4; }
.companias__p { grid-column: 5 / span 3; padding-left: 10px; max-width: 40ch; text-wrap: balance; }
.carrusel { margin-top: clamp(56px, 9vh, 110px); }
.carrusel__sector, .carrusel__fila, .carrusel__linea { display: none; }
.sector-grupo { display: grid; grid-template-columns: repeat(8, 1fr); }
.sector-grupo + .sector-grupo { margin-top: clamp(64px, 10vh, 120px); }
.sector-grupo__t { grid-column: 1 / -1; font-size: var(--t-display); font-weight: 400; line-height: 0.92; letter-spacing: -0.045em; color: var(--accent); padding-bottom: 18px; border-bottom: 1px solid var(--rule); } 
.empresa { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(8, 1fr); align-items: start; padding: 22px 0 26px; border-bottom: 1px solid var(--rule); } 
.empresa__nombre { grid-column: 1 / span 3; font-size: var(--t-enunciado); letter-spacing: -0.02em; line-height: 1.15; }
.empresa--n1 .empresa__nombre { padding-left: clamp(16px, 2vw, 32px); }
.empresa__rel { grid-column: 4 / span 1; font-size: var(--t-pie); color: var(--soft); padding-top: 6px; }
.empresa__desc { grid-column: 5 / span 3; padding-left: 10px; max-width: 44ch; }
.empresa__link { grid-column: 5 / span 3; padding-left: 10px; margin-top: 10px; font-size: var(--t-pie); text-decoration: underline; text-decoration-color: var(--rule); text-underline-offset: 0.3em; text-decoration-thickness: 1px; justify-self: start; }
.empresa__vista { grid-column: 8; grid-row: 1 / span 2; }
.empresa__vista img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; background: var(--tone); filter: grayscale(1) contrast(1.04); }
@media (hover: hover) and (pointer: fine) { .empresa__link:hover { text-decoration-color: currentColor; } }
.companias--vivo { padding-bottom: 0; }
.companias--vivo .carrusel { height: var(--alto, 700lvh); margin-top: clamp(40px, 6vh, 80px); }
.companias--vivo .carrusel__escena { position: sticky; top: 0; height: 100lvh; overflow: clip; }
.companias--vivo .carrusel__sector { display: grid; position: absolute; left: 0; top: calc(var(--nav-h) + 28px); font-size: var(--t-pie); color: var(--soft); }
.companias--vivo .carrusel__sector span { grid-area: 1 / 1; opacity: 0; transition: opacity 400ms var(--ease-out); }
.companias--vivo .carrusel__sector span.es-activo { opacity: 1; }
.companias--vivo .carrusel__fila { display: block; position: absolute; top: calc(var(--nav-h) + 9lvh); left: calc(var(--col) * 3 - var(--m) + 10px); white-space: nowrap; }
.carrusel__nombres { display: flex; gap: 0.55em; font-size: var(--t-display); line-height: 1; letter-spacing: -0.045em; will-change: transform; }
.carrusel__nombre { opacity: calc(0.18 + 0.82 * var(--cerca, 0)); transition: color var(--t-ui) ease; }
.carrusel__nombre[data-sector] { color: var(--fg); }
.companias--vivo .carrusel__lista { position: absolute; inset: 0; }
.companias--vivo .sector-grupo { display: contents; }
.companias--vivo .sector-grupo__t { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); padding: 0; border: 0; }
.companias--vivo .empresa { position: absolute; inset: 0; display: block; padding: 0; border: 0; visibility: hidden; transition: visibility 0s linear 0.9s; }
.companias--vivo .empresa.es-activa { visibility: visible; transition-delay: 0s; }
.companias--vivo .empresa__nombre { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.companias--vivo .empresa__rel { position: absolute; left: 0; top: 42lvh; padding: 0; }
.companias--vivo .empresa__desc { position: absolute; left: 0; top: calc(42lvh + 30px); width: calc(var(--col) * 2.75); padding: 0; font-size: clamp(18px, 1.45vw, 22px); line-height: 1.32; letter-spacing: -0.012em; text-wrap: pretty; }
.companias--vivo .empresa__link { position: absolute; left: 0; bottom: 12lvh; margin: 0; padding: 0; }
.companias--vivo .empresa__vista { position: absolute; left: calc(var(--col) * 3 - var(--m) + 10px); top: 30lvh; width: calc(var(--col) * 3); }
.companias--vivo .empresa__vista img { filter: grayscale(0.15); aspect-ratio: 16 / 10; }
.companias--vivo .carrusel__linea { display: block; position: absolute; left: 0; right: 0; bottom: clamp(16px, 2.6vh, 28px); height: 1px; background: var(--rule); } 
.carrusel__linea i { position: absolute; inset: 0; background: var(--fg); transform-origin: 0 50%; transform: scaleX(0); }
.cadena { container-type: inline-size; padding: clamp(80px, 13vh, 160px) var(--m) clamp(96px, 14vh, 180px); }
.cadena__cab { display: grid; grid-template-columns: repeat(8, 1fr); align-items: end; }
.cadena__t { grid-column: 1 / span 4; }
.cadena__p { grid-column: 5 / span 3; padding-left: 10px; max-width: 38ch; text-wrap: pretty; }
.puerta { margin-top: clamp(64px, 10vh, 120px); }
.puerta__escena { display: grid; grid-template-columns: repeat(8, 1fr); }
.puerta__capas, .puerta__trazo, .puerta__avance { display: none; }
.pasos { grid-column: 1 / -1; grid-row: 1; display: grid; gap: clamp(28px, 4.5vh, 52px); }
.paso { margin-left: calc((100cqi - 2 * var(--m)) / 8 * var(--i)); padding-left: 10px; border-left: 1px solid var(--rule); } 
.paso__t { font-size: var(--t-display-2); line-height: 1; letter-spacing: -0.04em; }
.paso__d { margin-top: 12px; color: var(--soft); max-width: 36ch; }
.cadena__foto { grid-column: 1 / span 3; grid-row: 1; align-self: end; padding-right: 24px; position: relative; z-index: 1; }
.marco { overflow: clip; background: var(--tone); }
.marco img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; }
.cadena__foto figcaption { margin-top: 10px; font-size: var(--t-pie); color: var(--soft); }
.cadena--viva { padding-bottom: 0; }
.cadena--viva .puerta { height: var(--alto, 560lvh); margin-top: clamp(40px, 6vh, 80px); margin-left: calc(-1 * var(--m)); margin-right: calc(-1 * var(--m)); }
.cadena--viva .puerta__escena { position: sticky; top: 0; height: 100lvh; display: block; overflow: clip; perspective: 1500px; }
.cadena--viva .cadena__foto { position: absolute; inset: 0; padding: 0; z-index: 1; place-self: stretch; }
.cadena--viva .marco { position: absolute; inset: 0; background: #0b0e11; }
.cadena--viva .marco img { width: 100%; height: 100%; aspect-ratio: auto; will-change: transform; }
.cadena--viva .cadena__foto figcaption { position: absolute; left: var(--m); bottom: calc(clamp(16px, 2.6vh, 28px) + 14px); margin: 0; color: var(--soft); }
.cadena--viva .puerta__capas { display: block; position: absolute; z-index: 2; left: 50%; top: 50%; width: min(22vw, 34lvh); aspect-ratio: 100 / 160; transform: translate(-50%, -50%); transform-style: preserve-3d; }
.capa { position: absolute; inset: 0; background: rgba(244, 243, 240, 0.72); box-shadow: 0 24px 60px rgba(16, 20, 24, 0.14); will-change: transform; } 
.capa svg { width: 100%; height: 100%; fill: none; stroke: var(--ink); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.capa svg * { vector-effect: non-scaling-stroke; }
.capa--2 svg circle { fill: var(--ink); stroke: none; }
.capa--4 { background: var(--ink); }
.capa--4 svg { stroke: rgba(244, 243, 240, 0.4); }
.cadena--viva .puerta__trazo { display: block; position: absolute; z-index: 2; left: 50%; top: 50%; width: min(29vw, 50lvh); transform: translate(-50%, -50%); fill: none; stroke: var(--fg); stroke-width: 1.3; overflow: visible; }
.puerta__trazo path { vector-effect: non-scaling-stroke; }
.puerta__trazo .trazo__estrella { fill: var(--fg); stroke: none; }
.cadena--viva .pasos { position: absolute; z-index: 3; right: var(--m); top: 50%; width: calc(var(--col) * 2.6); display: block; transform: translateY(-50%); }
.cadena--viva .paso { position: absolute; left: 0; top: 0; width: 100%; margin: 0; transform: translateY(-50%); visibility: hidden; transition: visibility 0s linear 0.3s; }
.cadena--viva .paso.es-activo { visibility: visible; transition-delay: 0s; }
.cadena--viva .puerta__avance { display: block; position: absolute; z-index: 3; left: var(--m); right: var(--m); bottom: clamp(16px, 2.6vh, 28px); height: 1px; background: var(--rule); } 
.puerta__avance i { position: absolute; inset: 0; background: var(--fg); transform-origin: 0 50%; transform: scaleX(0); }
.holding { container-type: inline-size; padding: clamp(80px, 14vh, 170px) var(--m) clamp(32px, 6vh, 72px); }
.enfoque { display: grid; grid-template-columns: repeat(8, 1fr); overflow-x: clip; }
.enfoque__palabras { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(8, 1fr); font-size: clamp(48px, 8.2vw, 148px); line-height: 0.88; letter-spacing: -0.055em; text-transform: uppercase; }
.enfoque__izq { grid-column: 1 / -1; }
.enfoque__lista { grid-column: 4 / span 5; display: grid; padding-left: 10px; margin-top: 0.12em; }
.enfoque__palabra { display: block; white-space: nowrap; will-change: transform; }
.enfoque__texto { grid-column: 4 / span 5; display: grid; grid-template-columns: repeat(5, 1fr); margin-top: clamp(48px, 8vh, 96px); padding-left: 10px; }
.enfoque__t { grid-column: 1 / span 2; font-size: var(--t-enunciado); font-weight: 400; line-height: 1.15; letter-spacing: -0.02em; }
.enfoque__p { grid-column: 3 / span 3; padding-left: 10px; max-width: 40ch; color: var(--soft); }
.panel { display: grid; grid-template-columns: repeat(8, 1fr); align-items: stretch; margin-top: clamp(80px, 14vh, 170px); padding: clamp(28px, 4vw, 56px) clamp(20px, 3vw, 48px); overflow: clip; }
.panel__izq { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: clamp(32px, 5vh, 56px); padding-right: clamp(16px, 4vw, 72px); }
.panel__izq .boton { align-self: stretch; margin-top: auto; }
.panel__foto { grid-column: 6 / span 3; }
.chaflan { clip-path: polygon(0 0, 66% 0, 100% 23%, 100% 100%, 0 100%); background: #0b0e11; }
.panel__video { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 38% 50%; }
.panel__foto figcaption { padding-top: 10px; font-size: var(--t-pie); color: var(--soft); text-wrap: pretty; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.panel__pausa { appearance: none; background: none; border: 0; padding: 4px 0; min-height: 32px; cursor: pointer; color: var(--fg); font-size: var(--t-pie); text-decoration: underline; text-underline-offset: 0.3em; text-decoration-thickness: 1px; text-decoration-color: var(--rule); flex: none; }
figcaption { text-wrap: pretty; }
.acc__h { font-weight: 400; }
.acc__item { border-top: 1px solid var(--rule); } 
.acc__item:last-child { border-bottom: 1px solid var(--rule); } 
.acc__boton { appearance: none; background: none; border: 0; width: 100%; font-weight: 400; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 0; text-align: left; cursor: pointer; font-size: var(--t-enunciado); letter-spacing: -0.02em; line-height: 1.15; }
.acc__signo { position: relative; flex: none; width: 16px; height: 16px; }
.acc__signo::before, .acc__signo::after { content: ''; position: absolute; left: 0; top: 50%; width: 16px; height: 1px; background: currentColor; transition: transform 800ms var(--ease-out); } 
.acc__signo::after { transform: rotate(90deg); }
.acc__boton[aria-expanded='true'] .acc__signo::after { transform: rotate(0deg); }
.acc__panel { display: grid; grid-template-rows: 1fr; }
.js .acc__panel { grid-template-rows: 0fr; transition: grid-template-rows 800ms var(--ease-out); }
.js .acc__item.es-abierto .acc__panel { grid-template-rows: 1fr; }
.js .acc__item:not(.es-abierto) .acc__panel > div { visibility: hidden; transition: visibility 0s linear 800ms; }
.acc__panel > div { overflow: hidden; }
.acc__panel p { max-width: 44ch; }
.acc__alcance { margin: 14px 0 26px; line-height: 1.6; }
.acc__alcance span { color: var(--soft); }
.mundo { container-type: inline-size; padding: clamp(80px, 12vh, 140px) var(--m); }
.mundo__escena { position: relative; display: grid; grid-template-columns: repeat(8, 1fr); align-items: center; }
.mundo__titulo { grid-column: 1 / -1; display: flex; justify-content: space-between; font-size: var(--t-gigante); line-height: 0.9; letter-spacing: -0.05em; }
.mundo__titulo span { display: inline-block; will-change: transform; }
.mundo__ventana { grid-column: 3 / span 4; display: grid; justify-items: center; gap: 24px; margin-top: clamp(40px, 6vh, 72px); }
.mundo__linea, .mundo__estrella { display: none; }
.globo { width: min(100%, 520px); height: auto; overflow: visible; }
.globo__borde { fill: none; stroke: var(--rule); stroke-width: 0.006; }
.globo__lineas path { fill: none; stroke: var(--fg); stroke-opacity: 0.16; stroke-width: 0.004; }
.globo__arcos path { fill: none; stroke: var(--accent); stroke-width: 0.006; }
.globo__ciudad circle { fill: var(--fg); }
.globo__ciudad text { fill: var(--fg); font-size: 0.062px; font-family: Manrope, system-ui, sans-serif; letter-spacing: -0.01em; }
.mundo__texto { max-width: 34ch; text-align: center; color: var(--soft); }
.mundo--vivo { height: var(--alto, 340lvh); padding: 0; background-image: none; }
.mundo--vivo .mundo__escena { position: sticky; top: 0; height: 100lvh; display: block; overflow: clip; }
.mundo--vivo .mundo__titulo { position: absolute; z-index: 2; left: var(--m); right: var(--m); top: 50%; transform: translateY(-50%); justify-content: center; gap: 0.32em; pointer-events: none; }
.mundo--vivo .mundo__ventana { position: absolute; inset: 0; z-index: 1; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; }
.mundo--vivo .globo { width: min(44vw, 64lvh); }
.mundo--vivo .mundo__linea { display: block; position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--rule); }
.mundo--vivo .mundo__estrella { display: block; position: absolute; z-index: 5; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: var(--paper); }
html[data-invertir] .mundo--vivo .mundo__estrella { background: var(--ink); }
.contacto { container-type: inline-size; padding: clamp(96px, 15vh, 190px) var(--m) clamp(64px, 10vh, 120px); }
.contacto__cab { display: grid; grid-template-columns: repeat(8, 1fr); align-items: end; }
.contacto__t { grid-column: 1 / span 4; }
.contacto__p { grid-column: 5 / span 3; padding-left: 10px; }
.ciudades { margin-top: clamp(56px, 8vh, 96px); }
.ciudad { display: grid; grid-template-columns: repeat(8, 1fr); align-items: baseline; border-top: 1px solid var(--rule); padding: 18px 0 20px; } 
.ciudad__n { grid-column: 1 / span 4; justify-self: start; font-size: var(--t-display-2); line-height: 1; letter-spacing: -0.04em; }
.ciudad__dato { grid-column: 5 / span 4; padding-left: 10px; color: var(--soft); min-height: 1.5em; }
.correo { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); } 
.correo__a { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 18px 0 22px; text-decoration: none; font-size: var(--t-display-2); line-height: 1.05; letter-spacing: -0.04em; }
.correo__txt { overflow-wrap: anywhere; }
.correo__flecha { flex: none; display: inline-grid; place-items: center; width: calc(var(--t-display-2) * 0.9); height: calc(var(--t-display-2) * 0.9); background: var(--accent); color: var(--on-accent); font-size: var(--t-enunciado); letter-spacing: 0; transition: transform var(--t-ui) var(--ease-out); align-self: center; }
@media (hover: hover) and (pointer: fine) {
  .correo__a:hover .correo__flecha { transform: translateX(6px); }
  .correo__a:hover .correo__txt { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.12em; }
}
.pie { container-type: inline-size; padding: clamp(56px, 9vh, 96px) var(--m) 20px; }
.pie__fila { display: grid; grid-template-columns: repeat(8, 1fr); align-items: start; gap: 32px 0; }
.pie__grupo { grid-column: 1 / span 3; }
.pie__h { font-size: var(--t-pie); font-weight: 400; color: var(--soft); }
.pie__grupo ul { margin-top: 12px; columns: 2; column-gap: 24px; font-size: var(--t-pie); line-height: 1.9; }
.pie__grupo a, .pie__meta a, .pie__arriba { text-decoration: underline; text-decoration-color: var(--rule); text-underline-offset: 0.3em; text-decoration-thickness: 1px; }
.pie__creditos { grid-column: 5 / span 3; padding-left: 10px; color: var(--soft); max-width: 46ch; }
.pie__arriba { grid-column: 8; justify-self: end; font-size: var(--t-pie); }
.pie__nombre {
  position: relative;
  margin-top: clamp(80px, 16vh, 200px);
  font-weight: 300; text-transform: uppercase; white-space: nowrap;
  letter-spacing: var(--tr-nombre);
  font-size: calc(100cqi / var(--em-nombre)); line-height: 0.74;
}
.pie__nombre .nombre__b .ult { letter-spacing: 0; }
.pie__banda { display: none; }
html.movimiento .pie__banda { display: block; position: absolute; left: 0; right: 0; height: 52%; background: var(--bg); z-index: 1; pointer-events: none; }
html.movimiento .pie__banda:first-child { top: -2%; transform-origin: top; }
html.movimiento .pie__banda:last-child { bottom: -2%; transform-origin: bottom; }
.pie__meta { margin-top: clamp(20px, 3vh, 32px); padding-top: 14px; border-top: 1px solid var(--rule); display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-size: var(--t-pie); color: var(--soft); } 
.pie__meta .invertir { color: var(--fg); padding: 0; text-decoration-color: var(--rule); } 
.bucle { display: none; }
html.con-bucle .bucle { display: block; }
html.con-bucle .bucle .barra { position: relative; }
@media (max-width: 1023px) {
  .portada { min-height: auto; }
  .barra__links { display: none; }
  .lockup { --cap: 10.5px; } 
  .barra__fin { grid-column: 6 / span 2; }
  .barra__menu { display: inline-block; grid-column: 8; justify-self: end; appearance: none; background: none; border: 0; padding: 8px 0; font-size: var(--t-pie); font-weight: 500; cursor: pointer; }
  .cielo__intro { grid-column: 1 / -1; padding-right: 0; }
  .carta { grid-column: 1 / -1; grid-row: 2; margin-top: 40px; max-height: none; }
  .cielo__laminas { grid-row: 3; }
  .carta__todo { transform: scale(2.1); }
  .carta__etq { display: none; }
  .carta__zoom { display: block; position: absolute; left: var(--mx); top: var(--my); transform: translate(calc(-100% - 14px), -50%); text-align: right; white-space: nowrap; line-height: 1.15; padding: 3px 8px; background: var(--bg); pointer-events: none; }
  .carta__zoom b { display: block; font-weight: 500; color: var(--accent); font-size: var(--t-texto); letter-spacing: -0.02em; }
  .carta__zoom i { display: none; }
  .carta__zoom--m43 i { display: block; font-style: normal; color: var(--soft); font-size: var(--t-pie); }
  .carta__zoom--m43 { background: none; }
  .lamina__texto, .lamina__foto { grid-column: 1 / -1; padding-right: 0; }
  .lamina__foto { grid-row: 1; margin-bottom: 28px; }
  .lamina__texto { grid-row: 2; }
  .cielo--vivo .cielo__intro { width: auto; right: var(--m); top: auto; bottom: 64px; transform: none; padding: 0; }
  .cielo--vivo .grupo__iso { display: none; }
  .cielo--vivo .leyenda { margin-top: 20px; }
  .cielo--vivo .cielo__laminas { top: auto; bottom: 64px; width: auto; right: var(--m); transform: none; }
  .cielo--vivo .lamina { top: auto; bottom: 0; transform: none; }
  .cielo--vivo .lamina__d { margin-top: 14px; font-size: var(--t-texto); }
  .cielo--vivo .cielo__nav { grid-template-columns: 1fr; }
  .cielo--vivo .cielo__nav-t { display: none; }
  .cielo--vivo .cielo__nav ol { grid-column: 1; padding: 0; }
  .cielo--vivo .cielo__credito { bottom: auto; top: calc(53lvh + 8px); right: auto; left: var(--m); font-size: 12px; }
  .cielo--vivo .cielo__escena::before { background: linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 88%, transparent) 40%, transparent 62%); } 
  .companias__t, .cadena__t, .contacto__t { grid-column: 1 / -1; }
  .companias__p, .cadena__p, .contacto__p { grid-column: 1 / -1; padding-left: 0; margin-top: 20px; }
  .empresa__nombre, .empresa__rel, .empresa__desc, .empresa__link { grid-column: 1 / -1; padding-left: 0 !important; }
  .empresa__rel { padding-top: 4px; }
  .empresa__desc { margin-top: 10px; }
  .empresa__vista { grid-column: 1 / -1; grid-row: auto; margin-top: 18px; }
  .empresa__vista img { filter: none; }
  .cadena--viva .puerta__capas { width: min(46vw, 30lvh); top: 36%; }
  .cadena--viva .puerta__trazo { width: min(64vw, 40lvh); top: 36%; }
  .cadena--viva .pasos { left: var(--m); right: var(--m); width: auto; top: auto; bottom: 64px; transform: none; }
  .cadena--viva .paso { top: auto; bottom: 0; transform: none; }
  .enfoque__palabras { grid-template-columns: 1fr; font-size: clamp(44px, 14vw, 96px); }
  .enfoque__izq, .enfoque__lista { grid-column: 1; padding: 0; }
  .enfoque__lista { margin-top: 0.1em; }
  .enfoque__palabra { opacity: 0.22; transition: opacity 500ms var(--ease-out); }
  .enfoque__palabra.es-activa { opacity: 1; }
  html:not(.movimiento) .enfoque__palabra { opacity: 1; }
  .enfoque__texto { grid-column: 1 / -1; grid-template-columns: 1fr; padding: 0; }
  .enfoque__t, .enfoque__p { grid-column: 1; padding: 0; }
  .enfoque__p { margin-top: 16px; }
  .panel__izq { grid-column: 1 / -1; padding-right: 0; }
  .panel__foto { grid-column: 1 / -1; width: min(100%, 420px); margin-top: 48px; }
  .mundo__ventana { grid-column: 1 / -1; }
  .mundo--vivo .globo { width: min(84vw, 46lvh); }
  .mundo--vivo .mundo__linea { display: none; }
  .pie__grupo { grid-column: 1 / span 4; }
  .pie__creditos { grid-column: 5 / span 4; }
  .pie__arriba { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 760px) {
  :root { --nav-h: 52px; }
  .cabecera, main > section, .pie { background-image: none; }
  .barra__fila { display: flex; align-items: center; gap: 20px; }
  .lockup { --cap: min(9.4px, (100vw - 2 * var(--m) - 98px) / 24.874); margin-right: auto; align-self: center; }
  .lockup .barra__avance { display: none; }
  .nombre, .pie__nombre { white-space: normal; line-height: 0.8; }
  .nombre__linea, .pie__linea { display: block; }
  .nombre__a .ult { letter-spacing: 0; }
  .nombre__a { display: block; font-size: calc(100cqi / var(--em-everone)); }
  .nombre__b { display: block; font-size: calc(100cqi / var(--em-holdings)); margin-top: 0.12em; }
  .portada__lead, .portada__lema, .portada__sectores, .portada__cuerpo .boton { grid-column: 1 / -1 !important; padding-left: 0; margin-left: 0; }
  .portada__lema { margin-top: 40px; text-align: left !important; padding-right: 0 !important; font-size: min(8.2vw, 44px) !important; }
  .portada__cuerpo { row-gap: 28px; }
  .portada__desliza { display: none !important; }
  .sector-grupo__t { font-size: var(--t-display-2); }
  .paso { margin-left: calc(6vw * var(--i)); }
  .cadena__foto { grid-column: 1 / -1; grid-row: 2; margin-top: 56px; padding-right: 0; }
  .panel { padding: 24px 18px; }
  .ciudad { grid-template-columns: 1fr; gap: 6px; }
  .ciudad__n, .ciudad__dato { grid-column: 1; padding-left: 0; }
  .correo__a { font-size: clamp(22px, 7vw, 32px); }
  .pie__grupo, .pie__creditos { grid-column: 1 / -1; padding-left: 0; }
  .pie__nombre .nombre__a { display: block; font-size: calc(100cqi / var(--em-everone)); }
  .pie__nombre .nombre__b { display: block; font-size: calc(100cqi / var(--em-holdings)); margin-top: 0.12em; }
  .pie__meta { flex-direction: column; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 1ms !important; }
}
@media print {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .palabra, .nombre__a, .nombre__b, .lamina__t, .lamina__c, .paso__t, .empresa__rel, .empresa__link, .grupo__t, .grupo__p, .cielo__intro, .leyenda__sector, .grupo__orion, .cielo__profundidad, .lamina__d, .paso__d, .empresa__desc, .portada__lead, .portada__sectores, .enfoque__t, .enfoque__p, .mundo__texto, .companias__t, .companias__p, .cadena__t, .cadena__p { opacity: 1 !important; transform: none !important; visibility: visible !important; }
  .empresa__vista, .marco, .panel, .chaflan { clip-path: none !important; }
  .saltar, .barra, .precarga, .bucle, .invertir, .panel__pausa, .portada__rejilla, .portada__desliza, .cielo__lienzo, .cielo__foto, .cielo__papel, .cielo__nav, .carrusel__fila, .carrusel__sector, .carrusel__linea, .puerta__capas, .puerta__trazo, .puerta__avance, .mundo__linea, .mundo__estrella, .pie__banda { display: none !important; }
  .f-paper, .f-ink, html[data-invertir] .f-paper, html[data-invertir] .f-ink {
    --bg: #fff; --fg: #101418; --soft: #555A61; --accent: #101418; --on-accent: #fff; --rule: rgba(16, 20, 24, 0.25); --tone: transparent;
    background: #fff; color: #101418;
  }
  .cabecera, main > section, .pie { background-image: none; }
  .portada, .cielo, .carrusel, .puerta, .mundo { height: auto !important; }
  .portada__marco, .portada__pista { display: contents !important; }
  .cielo__escena, .carrusel__escena, .puerta__escena, .mundo__escena { position: static !important; height: auto !important; overflow: visible !important; display: grid !important; }
  .cielo--vivo .carta, .cielo--vivo .lamina__foto { display: block !important; }
  .cielo--vivo .cielo__intro, .cielo--vivo .cielo__laminas, .cielo--vivo .lamina, .companias--vivo .empresa, .companias--vivo .empresa *, .cadena--viva .pasos, .cadena--viva .paso, .cadena--viva .cadena__foto, .mundo--vivo .mundo__titulo, .mundo--vivo .mundo__ventana { position: static !important; transform: none !important; visibility: visible !important; width: auto !important; }
  .companias--vivo .empresa__nombre, .companias--vivo .sector-grupo__t { position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; }
  .boton { border: 1px solid #101418; } 
  section, .panel, .empresa, .paso, .ciudad, .lamina { break-inside: avoid; }
}