/* THE WEIGHT OF TYPE — composición 16:9 de referencia.
   Se conservan los seis stems, sus transparencias y el titular HTML.
   La navegación ocupa su propia banda; no tapa el arte. */
.hero.hero-editorial {
  display: block; position: relative; height: auto; min-height: 0;
  padding: 84px 0 0; margin: 0; overflow: hidden;
  background: #050505; color: #e8e0d4;
}
.hero-editorial::before, .hero-editorial::after { display: none; }
.ew-scene {
  position: relative; isolation: isolate; width: 100%; aspect-ratio: 16 / 9;
  overflow: clip; container-type: inline-size;
  --ew-x: 0px; --ew-y: 0px;
}
.ew-art, .ew-textile-picture { display: contents; }
.ew-asset {
  position: absolute; display: block; max-width: none; height: auto;
  pointer-events: none; user-select: none; -webkit-user-drag: none;
}
.ew-background { z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ew-textile { z-index: 2; inset: 0; width: 100%; height: 100%; object-fit: contain; }
/* Coordenadas del contenido visible, descontando el padding alfa de cada PNG. */
.ew-panel { z-index: 3; width: 33%; left: -.45%; top: -17%; }
.ew-label { z-index: 5; width: 23.8%; right: -3.7%; top: .5%; }
.ew-metal { z-index: 6; width: 23%; left: -3.5%; top: 50.3%; }
.ew-fragment { z-index: 7; width: 16.6%; right: -.5%; top: 54%; }
.ew-drop {
  position: absolute; z-index: 40; top: 7.5%; left: 0; width: 100%;
  display: flex; justify-content: center; align-items: center; gap: 1.4cqw;
  font: 500 .94cqw/1.4 'Inter', sans-serif;
  letter-spacing: .22em; white-space: nowrap;
}
.ew-drop::before, .ew-drop::after { content: ''; width: 3.2%; height: 1px; background: rgba(232,224,212,.65); }
.ew-brand-mark {
  position: absolute; z-index: 21; top: 13.5%; left: 4.4%;
  font: 400 .7cqw/1.4 'Inter',sans-serif; letter-spacing: .24em;
}
.ew-brand-mark svg { display: block; width: 2.7cqw; height: 1.2cqw; margin-top: .45cqw; stroke: currentColor; stroke-width: .85; }
.hero-editorial h1.ew-title { display: contents; margin: 0; padding: 0; }
.ew-title > span { position: absolute; display: block; left: 0; width: 100%; text-align: center; color: #e8e0d4; font-weight: 400; text-transform: uppercase; }
.ew-title .ew-pretitle {
  z-index: 22; top: 12.5%; font-family: 'Anton',Impact,sans-serif;
  font-size: 7.9cqw; line-height: 1; letter-spacing: -.035em;
  transform: scaleX(1.18); filter: url(#plate-w);
}
.ew-title .ew-word {
  z-index: 30; top: 24%; left: 2.082%; width: 95.836%;
  font-family: 'Bodoni Moda',Didot,'Times New Roman',serif;
  font-size: 15.035cqw; font-weight: 900; font-optical-sizing: auto;
  line-height: 1; letter-spacing: -.082em; white-space: nowrap;
  filter: none; text-shadow: none;
}
/* Un solo texto copiable. La selección no vuelve a pintar el fallback recto;
   el contorno visible se tiñe para indicar qué palabra se ha seleccionado. */
.ew-title .ew-word.is-vector { color: transparent; }
.ew-word.is-vector::selection { color: transparent; background: transparent; }
.ew-word-vector { user-select: none; -webkit-user-select: none; }
.ew-word.has-selection .ew-word-outline { fill: #adc9eb; stroke: #adc9eb; }
.ew-word .ew-word-vector {
  position: absolute; display: block; left: 0; top: -25%; width: 100%; height: 150%;
  overflow: visible; pointer-events: none; shape-rendering: geometricPrecision;
}
/* Las contraformas de la serif dejan ver SIN PEDIR en el plano posterior. */
.ew-title .ew-posttitle {
  z-index: 24; top: 49.7%; font-family: 'Anton',Impact,sans-serif;
  font-size: 7.9cqw; letter-spacing: -.04em; line-height: .91;
  transform: scaleX(1.18); word-spacing: -.035em; filter: url(#plate-w);
}
.ew-caption { position: absolute; z-index: 40; top: 77%; left: 20%; width: 60%; text-align: center; }
.ew-caption > p:first-child { font: 400 1.27cqw/1.25 'Inter',sans-serif; letter-spacing: -.035em; }
.ew-spec { margin-top: .65cqw; min-height: 2.8em; font: 500 .62cqw/1.4 'Inter',sans-serif; letter-spacing: .27em; text-transform: uppercase; }
.ew-spec #heroPhrase { max-width: 100%; vertical-align: top; text-wrap: balance; }
.ew-actions { position: absolute; z-index: 40; top: 87.6%; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 1.4cqw; }
.ew-actions a { display: inline-flex; align-items: center; min-height: 36px; height: 3cqw; color: #e8e0d4; font: 600 .7cqw/1.3 'Inter',sans-serif; letter-spacing: .12em; }
.ew-drop-link { border: 1px solid #b51a1f; border-radius: 99px; padding: 0 1.8cqw; gap: .8cqw; background: rgba(5,5,5,.45); transition: background .2s,border-color .2s; }
.ew-drop-arrow { display: block; flex: 0 0 auto; width: 1.8cqw; min-width: 16px; height: auto; aspect-ratio: 24 / 14; overflow: visible; }
.ew-drop-link:hover { background: #6f080a; border-color: #e02315; }
.ew-manifest-link { border-left: 1px solid rgba(232,224,212,.5); padding: 0 0 0 1.4cqw; text-align: left; }
.ew-manifest-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.ew-actions a:focus-visible { outline: 2px solid #e8e0d4; outline-offset: 5px; }
/* Tableta horizontal conserva el lienzo, sin el salto anterior a 690px. */
@media (min-width: 701px) and (max-width: 1000px) {
  .hero.hero-editorial { padding-top: 74px; }
  .ew-actions a { min-height: 44px; }
  .ew-drop { font-size: max(8px,.94cqw); }
  .ew-spec { font-size: max(6px,.62cqw); }
}
/* Móvil: mismo lienzo 575 × 1024, con la tela vertical aportada por el usuario.
   Cover conserva su proporción: encuadre lateral leve, sin comprimir ni girar.
   Las otras cinco capas y el contenido mantienen sus posiciones. */
@media (max-width: 700px) {
  .hero.hero-editorial { padding: 74px 0 0; }
  .ew-scene { aspect-ratio: 575 / 1024; height: auto; }
  .ew-textile {
    inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: none;
    -webkit-mask-image: none; mask-image: none;
  }
  .ew-panel { width: 61%; left: -2%; top: -2%; }
  .ew-label { width: 49%; right: -10%; top: 6%; }
  .ew-metal { width: 40%; left: -3%; top: auto; bottom: 0; }
  .ew-fragment { width: 46%; right: -1%; top: auto; bottom: 0; }
  .ew-brand-mark { display: block; top: 11.5%; left: 7%; font-size: 1.65cqw; line-height: 1.4; }
  .ew-brand-mark svg { width: 5.5cqw; height: 2.4cqw; margin-top: 1cqw; }
  .ew-drop { top: 6%; gap: 2.5cqw; font-size: 1.75cqw; letter-spacing: .2em; }
  .ew-drop::before, .ew-drop::after { width: 6%; }
  .ew-title .ew-pretitle { top: 26%; font-size: 14cqw; transform: scaleX(1.12); }
  .ew-title .ew-word {
    top: 35%; left: 1%; width: 98%; font-size: 15.4cqw;
    transform: scaleY(1.55); transform-origin: 50% 50%;
  }
  .ew-title .ew-word.is-vector { transform: none; }
  .ew-word.is-vector .ew-word-vector { top: -50%; height: 200%; }
  .ew-title .ew-posttitle { top: 48.7%; font-size: 12.5cqw; line-height: .94; transform: scaleX(1.12); }
  .ew-caption { top: 63%; left: 7%; width: 86%; }
  .ew-caption > p:first-child { font-size: max(12px, 3cqw); line-height: 1.25; text-wrap: balance; }
  .ew-desktop-break { display: initial; }
  .ew-spec { margin-top: 1.25cqw; font-size: max(6px, 1.3cqw); letter-spacing: .2em; }
  .ew-actions { top: 70%; gap: 2.5cqw; padding: 0 3cqw; }
  .ew-actions a { min-height: 44px; height: 6.2cqw; font-size: max(7px, 1.3cqw); }
  .ew-drop-link { padding: 0 3.2cqw; gap: 1.7cqw; }
  .ew-drop-arrow { width: 3.4cqw; }
  .ew-manifest-link { padding-left: 2.5cqw; }
}
@media (hover: none), (pointer: coarse) {
  .ew-actions a { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .ew-actions a { transition: none; }
}