/* ==========================================================================
   CORONA · módulo autocontenido — port literal de sobrevuelo.es (ECLIPSE-FLY
   2026, mismo estudio). Todo vive bajo .ea-corona para no chocar con la web
   de EditARTEX: variables propias, selectores prefijados, fuentes con
   familia renombrada ("corona-…"). No toca html/body/:root fuera de aquí.
   Fuente: eclipse-fly-2026/07_EXPORTS/wordpress-theme/eclipse-fly-2026/
   assets/css/style.css (selectores .section-kicker/.section-title/
   .section-inner/.umbra-section/.glass-panel/:root) + umbra-museo.css
   (completo: mockup de iPhone + los dos componentes reales de la app).
   ========================================================================== */

/* ---------- Fuentes autoalojadas, renombradas con prefijo "corona-" ---------- */
@font-face {
  font-family: "corona-Outfit";
  src: url("fonts/Outfit-Variable.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "corona-B612 Mono";
  src: url("fonts/B612Mono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "corona-Jost";
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Jost-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "corona-Jost";
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Jost-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "corona-IBM Plex Mono";
  font-weight: 400;
  font-display: swap;
  src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "corona-IBM Plex Mono";
  font-weight: 500;
  font-display: swap;
  src: url("fonts/IBMPlexMono-Medium.woff2") format("woff2");
}

/* ---------- Variables (antes en :root de style.css) — ahora en .ea-corona ---------- */
.ea-corona {
  --azul-noche: #050F26;
  --azul-umbra: #0A1D3D;
  --azul-petrol: #0B2836;
  --ambar: #FFB53C;
  --naranja: #FC3D21;
  --cian: #37C8E8;
  --blanco: #F4F7FB;
  --gris: #7E93AD;
  --max-ancho: 1260px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

  /* raíz visual: caja propia, tipografía y fondo del módulo (equivalente a
     "body" en el sitio origen, pero contenido aquí) */
  display: block;
  font-family: "corona-Outfit", system-ui, sans-serif;
  background: var(--azul-noche);
  color: var(--blanco);
  -webkit-font-smoothing: antialiased;
}
.ea-corona,
.ea-corona *,
.ea-corona *::before,
.ea-corona *::after {
  box-sizing: border-box;
}
/* blindaje: gana por especificidad a cualquier selector de etiqueta suelta
   del sitio anfitrión (h1-h4, p, a, img…) para que nada se cuele dentro */
.ea-corona * { margin: 0; padding: 0; }
.ea-corona p, .ea-corona h1, .ea-corona h2, .ea-corona h3, .ea-corona span,
.ea-corona div, .ea-corona small, .ea-corona strong, .ea-corona b,
.ea-corona article, .ea-corona section, .ea-corona img, .ea-corona input,
.ea-corona button {
  font-family: inherit;
  color: inherit;
  font-size: 100%;
  line-height: normal;
  font-weight: inherit;
  letter-spacing: normal;
  text-wrap: initial;
  text-decoration: none;
}
.ea-corona img { max-width: 100%; display: block; }

/* ---------- Contenedor genérico de sección (.section-inner) ---------- */
.ea-corona .section-inner {
  max-width: var(--max-ancho);
  margin: 0 auto;
  padding: 110px 32px;
}

/* ---------- Ritmo de sección ---------- */
.ea-corona .umbra-section { padding: clamp(46px, 7vh, 82px) 0; }
.ea-corona .umbra-section--tint { background: rgba(244, 247, 251, 0.022); border-block: 1px solid rgba(244, 247, 251, 0.07); }

/* ---------- Cabeceras de sección ---------- */
.ea-corona .section-kicker {
  font-family: "corona-B612 Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gris);
  margin-bottom: 22px;
}
.ea-corona .section-title {
  font-size: clamp(30px, 3.4vw, 44px);
  font-weight: 550;
  letter-spacing: -0.015em;
  line-height: 1.14;
  margin-bottom: 24px;
}
.ea-corona .umbra-lead { font-size: clamp(17px, 2vw, 20px); line-height: 1.6; color: rgba(244, 247, 251, 0.9); max-width: 60ch; }
.ea-corona .umbra-intro { font-size: 16px; line-height: 1.7; color: var(--gris); max-width: 62ch; }
.ea-corona .umbra-intro strong { color: var(--blanco); font-weight: 600; }
.ea-corona .umbra-lead + .ea-corona .umbra-lead,
.ea-corona .umbra-intro + .ea-corona .umbra-intro { margin-top: 1.5em; }

/* ---------- Panel glass genérico ---------- */
.ea-corona .glass-panel {
  background: rgba(20, 34, 66, 0.42);
  border: 1px solid rgba(244, 247, 251, 0.12);
  border-radius: 18px;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 18px 48px rgba(2, 6, 18, 0.35);
}

/* ==========================================================================
   MOCKUP iPhone (idéntico para todas las pantallas → simetría)
   umbra-museo.css completo, namespaced bajo .ea-corona
   ========================================================================== */
.ea-corona .iphone {
  position: relative; width: 100%; max-width: 292px; margin: 0 auto;
  aspect-ratio: 292 / 606; border-radius: 52px; padding: 5px;
  background: linear-gradient(135deg, #eceef0 0%, #b2b6bb 19%, #d6d9dd 37%, #94989e 55%, #dfe2e6 73%, #a4a8ae 91%, #cfd2d6 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.42), inset 0 0 2px rgba(255, 255, 255, 0.95),
              0 3px 6px rgba(0, 0, 0, 0.4), 0 60px 92px -44px rgba(0, 0, 0, 0.86);
}
.ea-corona .iphone::before { content: ""; position: absolute; left: -1.5px; top: 116px; width: 2.5px; height: 86px; border-radius: 3px 0 0 3px; background: linear-gradient(#c8cbcf, #8b8e93); }
.ea-corona .iphone::after  { content: ""; position: absolute; right: -1.5px; top: 154px; width: 2.5px; height: 56px; border-radius: 0 3px 3px 0; background: linear-gradient(#c8cbcf, #8b8e93); }
.ea-corona .iphone-screen { position: relative; width: 100%; aspect-ratio: 282 / 596; border-radius: 47px; overflow: hidden; background: #05070a; -webkit-clip-path: inset(0 round 47px); clip-path: inset(0 round 47px); }
.ea-corona .iphone .iphone-screen::before {
  content: ""; position: absolute; top: 13px; left: 50%; transform: translateX(-50%);
  width: 86px; height: 24px; background: #05070a; border-radius: 14px; z-index: 20;
}
.ea-corona .iphone-screen > img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ==========================================================================
   Superficie de la app (crema) dentro de la pantalla
   ========================================================================== */
.ea-corona .umbra-museo {
  --paper:#FEFAF1; --card:#FBF7EC; --ink:#1E2A44; --ink-soft:#5A6580; --line:#D8CDB4;
  --gold:#C4A253; --gold-line:rgba(196,162,83,.55); --btn-bg:#1E2A44; --btn-ink:#F5EDDA;
  --sans:'corona-Jost',system-ui,sans-serif; --mono:'corona-IBM Plex Mono',ui-monospace,Menlo,monospace;
  position: absolute; inset: 0; background: var(--paper); color: var(--ink);
  font-family: var(--sans); display: flex; flex-direction: column;
  padding: 44px 20px 22px; overflow: hidden;
}
.ea-corona .umbra-museo * { box-sizing: border-box; }
.ea-corona .um-topline { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: .14em; color: var(--ink-soft); text-transform: uppercase; }
.ea-corona .um-topline span:last-child { margin-right: -.14em; }
.ea-corona .um-dots { display: flex; gap: 6px; justify-content: center; margin: 9px 0 2px; }
.ea-corona .um-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--line); }
.ea-corona .um-dots i.on { background: var(--gold); }
.ea-corona .um-q { font-family: var(--sans); font-weight: 600; font-size: 16.5px; line-height: 1.22; color: var(--ink); margin: 10px 0 3px; text-align: center; }
.ea-corona .um-sub { font-size: 12.5px; color: var(--ink-soft); margin: 0; text-align: center; }
.ea-corona .um-hint { font-family: var(--mono); font-size: 8.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); text-align: center; margin: auto 0 2px; }

/* ---- EMOCIÓMETRO ---- */
.ea-corona .umbra-museo .gridwrap { display: flex; flex-direction: column; gap: 10px; align-items: center; width: 100%; margin: auto 0; }
.ea-corona .umbra-museo .gridmap { display: grid; grid-template-columns: 20px 1fr 20px; grid-template-rows: 1fr auto auto; gap: 7px; width: 100%; max-width: 230px; }
.ea-corona .umbra-museo .axisY { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; padding: 9px 0; }
.ea-corona .umbra-museo .gridmap .gridpad { grid-column: 2; grid-row: 1; }
.ea-corona .umbra-museo .axisX { grid-column: 2; grid-row: 2; display: flex; justify-content: space-between; align-items: center; padding: 0 1px; }
.ea-corona .umbra-museo .gridmap .gridword { grid-column: 2; grid-row: 3; justify-self: center; margin-top: 5px; }
.ea-corona .umbra-museo .axisY span, .ea-corona .umbra-museo .axisX span { font-family: var(--mono); font-size: 8px; line-height: 1; letter-spacing: .12em; color: var(--ink-soft); text-transform: uppercase; white-space: nowrap; }
.ea-corona .umbra-museo .axisY span { writing-mode: vertical-rl; transform: rotate(180deg); }
.ea-corona .umbra-museo .axisX span:last-child { margin-right: -.12em; }
.ea-corona .umbra-museo .axname { letter-spacing: .18em !important; color: var(--ink) !important; }
.ea-corona .umbra-museo .gridpad { position: relative; width: 100%; aspect-ratio: 1; border-radius: 13px; border: 1px solid var(--gold-line); overflow: hidden; background: linear-gradient(90deg, #B84B47 0%, #C0783F 50%, #CE9142 100%); touch-action: none; cursor: crosshair; box-shadow: inset 0 0 30px rgba(3,4,9,.44); }
.ea-corona .umbra-museo .gridsky { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #2C4C86 0%, #356A5C 50%, #46865A 100%); -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 9%, #000 91%); mask-image: linear-gradient(180deg, rgba(0,0,0,0) 9%, #000 91%); }
.ea-corona .umbra-museo .gridline { position: absolute; background: rgba(240,242,252,.24); pointer-events: none; }
.ea-corona .umbra-museo .gridline.v { left: 50%; top: 7px; bottom: 7px; width: 1px; }
.ea-corona .umbra-museo .gridline.h { top: 50%; left: 7px; right: 7px; height: 1px; }
.ea-corona .umbra-museo .griddot { position: absolute; width: 14px; height: 14px; border-radius: 50%; transform: translate(-50%,-50%); background: #0B0A08; border: 1.6px solid #FDF1C4; display: none; pointer-events: none; z-index: 2; box-shadow: 0 0 0 3px rgba(251,233,176,.32), 0 0 11px 3px rgba(253,241,196,.42); }
.ea-corona .umbra-museo .gridword { font-family: var(--sans); font-size: 14px; letter-spacing: .04em; color: var(--ink); background: var(--card); border: 1px solid var(--gold-line); border-radius: 999px; padding: 9px 22px; min-width: 150px; text-align: center; pointer-events: none; opacity: 0; transition: opacity .18s; text-transform: lowercase; }
.ea-corona .umbra-museo .gridword.show { opacity: 1; }
.ea-corona .umbra-museo .gridclear { font-family: var(--mono); font-size: 9px; letter-spacing: .14em; color: var(--ink-soft); background: none; border: none; cursor: pointer; text-transform: uppercase; padding: 4px; }

/* ---- VENTANILLA + SLIDER ---- */
.ea-corona .umbra-museo .scene-porthole { --pw: 152px; width: var(--pw); aspect-ratio: 725/1055; position: relative; margin: auto auto 0; filter: drop-shadow(0 10px 18px rgba(5,10,20,.35)); }
.ea-corona .umbra-museo .scene-box { position: absolute; left: 9.655%; top: 12.038%; width: 79.448%; height: 79.621%; overflow: hidden; transform: translateZ(0); }
.ea-corona .umbra-museo .sc-fondo { position: absolute; inset: -2%; background: url(img/sc-fondo.jpg) center/100% 100% no-repeat; }
.ea-corona .umbra-museo .sc-patch { position: absolute; left: 0; right: 0; top: 0; height: 43%; background: linear-gradient(180deg,#030C15 0%,#01070E 8.6%,#050F19 13.3%,#041424 21%,#051626 25.7%,#07182A 29.5%,#072034 33.3%,#09233C 37.1%,#0A2542 43%); -webkit-mask-image: linear-gradient(180deg,#000 83%,rgba(0,0,0,0) 88.5%); mask-image: linear-gradient(180deg,#000 83%,rgba(0,0,0,0) 88.5%); }
.ea-corona .umbra-museo .sc-patch2 { position: absolute; left: 0; right: 0; top: 0; height: 43%; background: linear-gradient(180deg,#060E16 0%,#040C16 14%,#050F19 28%,#051320 42%,#051626 56%,#081A2C 70%,#0A2138 84%,#0F2A42 95%,#0F2D46 100%); -webkit-mask-image: linear-gradient(180deg,#000 83%,rgba(0,0,0,0) 88.5%); mask-image: linear-gradient(180deg,#000 83%,rgba(0,0,0,0) 88.5%); }
.ea-corona .umbra-museo .sc-shade { position: absolute; inset: 0; background: radial-gradient(130% 80% at 50% 14%,#01050D 0%,rgba(1,5,13,.85) 55%,rgba(1,5,13,.4) 100%); opacity: 0; }
.ea-corona .umbra-museo .sc-night { position: absolute; inset: 0; z-index: 1; opacity: 0; background: linear-gradient(180deg,rgba(7,22,38,0) 0%,rgba(7,22,38,0) 30%,rgba(7,22,38,.32) 46%,rgba(8,23,40,.66) 62%,rgba(9,22,38,.80) 100%); }
.ea-corona .umbra-museo .sc-rim { position: absolute; inset: 0; z-index: 1; opacity: 0; border-radius: 26px; box-shadow: inset 0 0 0 5px rgba(9,22,38,.95), inset 0 0 18px 9px rgba(9,22,38,.8); }
.ea-corona .umbra-museo .sc-stars, .ea-corona .umbra-museo .sc-stars2 { position: absolute; inset: 0; opacity: 0; }
.ea-corona .umbra-museo .sc-stars { z-index: 3; } .ea-corona .umbra-museo .sc-stars2 { z-index: 2; }
.ea-corona .umbra-museo .sc-stars i, .ea-corona .umbra-museo .sc-stars2 i { position: absolute; width: 1.2px; height: 1.2px; border-radius: 50%; background: #EDEAF7; }
.ea-corona .umbra-museo .sc-venus { position: absolute; left: 75%; top: 33.5%; width: 3px; height: 3px; border-radius: 50%; background: #F6F3FF; box-shadow: 0 0 4px 1.5px rgba(242,238,255,.85); opacity: 0; z-index: 3; }
.ea-corona .umbra-museo .sc-sun { position: absolute; width: 31.5%; aspect-ratio: 1; border-radius: 50%; left: 41.15%; top: 12.3%; z-index: 2; background: radial-gradient(circle,#FFF6DC 0%,#FFD98A 55%,#F6A83C 100%); box-shadow: 0 0 20px 7px rgba(246,168,60,.75), 0 0 52px 17px rgba(246,168,60,.35); }
.ea-corona .umbra-museo .sc-moon { position: absolute; width: 33%; aspect-ratio: 1; border-radius: 50%; background: rgba(11,18,28,0); left: 3%; top: 11.8%; z-index: 4; }
.ea-corona .umbra-museo .sc-moon.corona { box-shadow: 0 0 0 1px rgba(255,227,168,.95), 0 0 14px 5px rgba(255,215,140,.85), 0 0 42px 15px rgba(246,168,60,.45); }
.ea-corona .umbra-museo .sc-d { position: absolute; width: 70%; aspect-ratio: 1; top: 0.5%; right: -34%; opacity: 0; transform: scale(.25); transition: opacity .4s, transform .4s; pointer-events: none; }
.ea-corona .umbra-museo .sc-moon.total .sc-d { opacity: 1; transform: scale(1); }
.ea-corona .umbra-museo .sc-d i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; }
.ea-corona .umbra-museo .sc-d .h2x { width: 110%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(248,150,60,.42) 0%,rgba(248,150,60,.16) 48%,rgba(248,150,60,0) 74%); }
.ea-corona .umbra-museo .sc-d .h1x { width: 52%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(255,214,140,.9) 0%,rgba(252,180,90,.5) 52%,rgba(252,180,90,0) 80%); }
.ea-corona .umbra-museo .sc-d .rh { width: 96%; height: 1.6px; background: linear-gradient(90deg,transparent,rgba(255,205,130,.55) 30%,#FFF6E2 50%,rgba(255,205,130,.55) 70%,transparent); }
.ea-corona .umbra-museo .sc-d .rv { height: 96%; width: 1.6px; background: linear-gradient(180deg,transparent,rgba(255,205,130,.5) 30%,#FFF6E2 50%,rgba(255,205,130,.5) 70%,transparent); }
.ea-corona .umbra-museo .sc-d .r1, .ea-corona .umbra-museo .sc-d .r2 { width: 1.3px; height: 70%; background: linear-gradient(180deg,transparent,rgba(255,215,150,.55) 40%,rgba(255,240,215,.8) 50%,rgba(255,215,150,.55) 60%,transparent); }
.ea-corona .umbra-museo .sc-d .r1 { transform: translate(-50%,-50%) rotate(45deg); }
.ea-corona .umbra-museo .sc-d .r2 { transform: translate(-50%,-50%) rotate(-45deg); }
.ea-corona .umbra-museo .sc-d .core { width: 20%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,#FFFEF9 0%,#FFEFCB 55%,rgba(241,175,81,.6) 78%,rgba(241,175,81,0) 100%); box-shadow: 0 0 9px 3px rgba(255,240,210,.9); }
.ea-corona .umbra-museo .sc-frame { position: absolute; left: 0; top: -0.19%; width: 100.138%; height: 100.379%; z-index: 5; pointer-events: none; background: url(img/sc-frame.png) center/100% 100% no-repeat; }
.ea-corona .umbra-museo .bignum { font-family: var(--mono); font-weight: 500; font-size: 42px; text-align: center; color: var(--gold); font-variant-numeric: tabular-nums; margin: 8px 0 2px; }
.ea-corona .umbra-museo input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 44px; background: none; cursor: pointer; margin: 0; }
.ea-corona .umbra-museo input[type=range]::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg,#06080F 0%,#12253E 22%,#2E5077 42%,#96603F 62%,#E0722E 82%,#FF8E2E 100%); box-shadow: inset 0 0 0 .5px rgba(196,162,83,.35); }
.ea-corona .umbra-museo input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 38px; height: 38px; margin-top: -16px; border: none; background: url(img/sc-thumb.png) center/contain no-repeat; filter: drop-shadow(0 3px 6px rgba(5,10,20,.4)); }
.ea-corona .umbra-museo input[type=range]::-moz-range-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg,#06080F 0%,#12253E 22%,#2E5077 42%,#96603F 62%,#E0722E 82%,#FF8E2E 100%); box-shadow: inset 0 0 0 .5px rgba(196,162,83,.35); }
.ea-corona .umbra-museo input[type=range]::-moz-range-thumb { width: 38px; height: 38px; border: none; border-radius: 0; background: url(img/sc-thumb.png) center/contain no-repeat; }
.ea-corona .umbra-museo .slider-ends { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 9.5px; letter-spacing: .12em; color: var(--ink-soft); }
.ea-corona .umbra-museo .slider-ends span:last-child { margin-right: -.12em; }

/* ---- RECUERDO (después de la totalidad) ---- */
.ea-corona .umbra-museo .um-recall { display: flex; flex-direction: column; gap: 11px; width: 100%; margin: auto 0; }
.ea-corona .umbra-museo .um-recall-field { min-height: 92px; border: 1px solid var(--gold-line); border-radius: 14px; background: var(--card); padding: 14px 15px; font-size: 13.5px; line-height: 1.5; color: var(--ink); box-shadow: inset 0 1px 3px rgba(30,42,68,.05); }

/* ==========================================================================
   Rejilla de demos (dos iPhones simétricos) + placa
   ========================================================================== */
.ea-corona .umbra-demos { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 5vw, 60px); align-items: start; margin-top: 42px; }
@media (max-width: 720px) { .ea-corona .umbra-demos { grid-template-columns: 1fr; gap: 40px; max-width: 320px; margin-inline: auto; } }
.ea-corona .umbra-demo { display: flex; flex-direction: column; align-items: center; }
.ea-corona .umbra-demo-cap { font-family: "corona-B612 Mono", monospace; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--cian); margin: 28px 0 4px; text-align: center; }
.ea-corona .umbra-demo-cap small { display: block; color: var(--gris); letter-spacing: .1em; margin-top: 5px; }

.ea-corona .umbra-demos:has(.umbra-demo--estudio) { align-items: stretch; }
.ea-corona .umbra-demo--estudio { padding: clamp(24px, 3.4vw, 38px) clamp(20px, 3vw, 34px) clamp(20px, 2.6vw, 30px); border-radius: 22px; }
.ea-corona .umbra-estudio-copy { flex: 1 0 auto; margin-bottom: clamp(22px, 3vw, 30px); }
.ea-corona .umbra-estudio-copy h3 { font-size: clamp(19px, 1.8vw, 22px); font-weight: 620; margin: 0 0 12px; }
.ea-corona .umbra-estudio-copy p { font-size: 16px; line-height: 1.7; color: var(--gris); margin: 0; }
.ea-corona .umbra-estudio-copy p strong { color: var(--blanco); font-weight: 600; }
.ea-corona .umbra-estudio-cierre { margin: 44px auto 0; text-align: center; }
@media (max-width: 720px) { .ea-corona .umbra-demos:has(.umbra-demo--estudio) { max-width: 460px; } }

/* ==========================================================================
   Momentos (tres iPhones simétricos con capturas en acción)
   ========================================================================== */
.ea-corona .umbra-moments { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px, 4vw, 48px); align-items: start; margin-top: 42px; }
@media (max-width: 820px) { .ea-corona .umbra-moments { grid-template-columns: 1fr; gap: 44px; max-width: 300px; margin-inline: auto; } }
.ea-corona .umbra-moment { text-align: center; }
.ea-corona .umbra-moment .iphone { margin-bottom: 8px; }
.ea-corona .umbra-moment-tag { font-family: "corona-B612 Mono", monospace; font-size: 11px; line-height: 1.7; letter-spacing: .18em; text-transform: uppercase; color: var(--cian); margin: 40px 0 14px; }
.ea-corona .umbra-moment h3 { font-size: 18px; font-weight: 560; margin: 0 0 10px; }
.ea-corona .umbra-moment h3 + p { font-size: 14px; line-height: 1.65; color: var(--gris); margin: 0 auto; max-width: 30ch; }
.ea-corona .umbra-moment--during .umbra-moment-tag { color: var(--ambar); }

/* marca de la app: logo CORONA (lockup horizontal, variante clara) → ruta
   punteada → avión de la misión */
.ea-corona .umbra-plane-band { display: flex; align-items: center; gap: clamp(18px, 3vw, 30px); margin-top: clamp(52px, 8vh, 92px); }
.ea-corona .upb-lockup { flex: none; width: clamp(190px, 24vw, 300px); height: auto; display: block; }
.ea-corona .upb-route { flex: 1; border-top: 1px dashed rgba(244, 247, 251, 0.28); }
.ea-corona .upb-plane { flex: none; width: clamp(250px, 34vw, 450px); height: auto; display: block; filter: drop-shadow(0 18px 28px rgba(2, 6, 18, 0.55)); }
@media (max-width: 560px) { .ea-corona .umbra-plane-band { flex-direction: column; gap: 26px; } .ea-corona .upb-route { display: none; } .ea-corona .upb-lockup { width: min(64vw, 250px); } .ea-corona .upb-plane { width: 62vw; } }