/* st-heroes-desktop v1 · 14 sep 2026 · RONDA-DESKTOP-14SEP punto 1 (Toño): el cue «DESPLÁZATE / SCROLL» de los heroes de
   ESCRITORIO APAISADO (>= 992 px y ancho > alto) deja de ir clavado al pie del hero (F-5 v3: Inicio left 66 % / LP 54 % /
   Nosotros v4 50 % + bottom 8vh) y pasa a ir DEBAJO DEL BLOQUE DE TEXTO, centrado respecto a el, en Inicio, Cómo funciona y
   Nosotros (las tres unicas paginas con [data-st-hero] + [data-st-scroll]). CANDIDATA: no publicada. Se enlaza desde la
   CABECERA DE PAGINA de cada una (Inicio P01, LP bloque para P19c, Nosotros P17); no toca el core, las hojas de pagina, los
   pies (llenos) ni los encuadres del arte (Astra: se conservan; esto no reabre el porcentaje de figura).

   MECANISMO. El hero es flex en columna (st-home-v54 .st-i-692af1d3; st-plataforma-v14p y st-tesis-v33 .st-i-af336174) con
   la lamina y el velo en absolute y el bloque de copy (.st-i-cf759d7e / .st-i-4ffd1d97 / .st-i-cdbf5803; align-items:center,
   text-align:center) como unico hijo en flujo. El cue (.st-i-7eec58fa) es el ultimo hijo del hero y va absolute (left 50 % /
   bottom 26 px en la hoja de pagina; la cota horizontal la pisa despues el pie de pagina F-5). Devolviendolo al flujo con
   position:RELATIVE (no static: conserva z-index:3 y pinta por encima de la lamina absolute, que con static lo taparia) queda
   como segundo item de la columna, justo bajo el copy, y align-self:center lo centra sobre el mismo eje que el bloque de
   texto (copy y parrafo centrados en x = 50 % del hero; medido: cx cue - cx parrafo = 0,00 px en las 24 combinaciones).
   Es el patron que ya usan los tres heroes en movil (pie del sitio 9.3 Inicio, P37 F-5 LP, P13 P-03/P-04 v3 Nosotros).

   SEPARACION = 24 px en las tres paginas, el gap interno del copy (Inicio 24; LP y Nosotros 22, 2 px que no se aprecian):
   el cue entra en el ritmo del bloque como su ultimo item (Toño: "debajo del parrafo, centrado respecto al bloque de
   texto"), bajo los CTAs en Inicio y bajo el parrafo en LP y Nosotros (sin CTAs de escritorio). Barrido de 16-80 px
   (h54_cue_probe.py, resultados/cue-probe-tint.json): cuanto mas baja el cue mas entra en el mar, donde ni la tinta ni el
   blanco llegan a 4,5 (Nosotros 1024x768 texto 4,31 a 36 px y 3,11 a 64; Inicio 1024x768 flecha 3,95 a 36 px); a 24 px el
   texto pasa de 6,4 en todas las combinaciones y la flecha (grafico, 3:1) de 4,1. Con 22 px la flecha de Nosotros 1024x768
   caia a 2,92 (la punta pisa la linea del horizonte): por eso 24 y no 22. En LP el copy lleva padding-bottom:36px!important
   (st-plataforma-v14p v1s) que solo servia de aire con el cue anclado abajo: se pone a 0 para que la separacion sea la
   misma regla (24 px) y no una resta; nada mas depende de ese padding (hero min-height:100vh, sin otro hijo en flujo).

   TINTA. Inicio y Nosotros ya llevan tinta --cy-ink de dia por F-5 (pies P28/P13) y blanco de noche; LP en escritorio iba en
   blanco siempre (valia a 54 %/bottom 26 sobre el mar). Bajo el parrafo el fondo de dia es el cielo palido del horizonte:
   blanco da 1,38 (medido), asi que LP toma de dia la misma tinta #0E1116 que su propia version movil (F-5 .st-i-deb29386
   en P37) y que Inicio/Nosotros. Noche: sin cambio (blanco). Sin halo (filter:none), sin velo ni pildora (decision de Toño).
   Opacidad: no se toca (core v73: [data-cy-lang][data-scrolled="1"] [data-st-scroll]{opacity:0!important} sigue mandando).

   ALCANCE. Solo @media (min-width:992px) and (min-aspect-ratio:1001/1000): escritorio apaisado. <= 991 (arbol .st-mb) y el
   escritorio VERTICAL (>= 992 con ancho <= alto, RV-3d en st-heroes-tablet-v2, max-aspect-ratio:1/1) no casan: sin cambio.

   ESPECIFICIDAD. Las hojas de cabecera cargan ANTES que el <style> del pie de pagina, y F-5 va con !important a (0,8,2)
   (Inicio/LP) y (0,9,2) (Nosotros v4); RV-3d a (0,10,2); v1s del copy a (0,3,0). Estas reglas van a (0,12,2)/(0,13,2) +
   !important: ganan por especificidad, no por orden. VUELTA ATRAS: quitar el <link> de la cabecera de cada pagina. Sin JS. */

@media (min-width:992px) and (min-aspect-ratio:1001/1000){
  /* Inicio: bajo los CTAs, 24 px */
  html:root[data-wf-page="6a553f8e569e3148ffc68445"][data-wf-page][data-wf-page][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] [data-st-hero][data-st-hero]>[data-st-scroll][data-st-scroll]{
    position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;
    align-self:center!important;margin:24px 0 0!important;filter:none!important}

  /* Cómo funciona: bajo el parrafo, 24 px; el padding-bottom 36 del copy (v1s) pasa a 0 */
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] [data-st-hero][data-st-hero]>[data-st-scroll][data-st-scroll]{
    position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;
    align-self:center!important;margin:24px 0 0!important;filter:none!important}
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] [data-st-hero][data-st-hero]>.st-i-4ffd1d97.st-i-4ffd1d97{
    padding-bottom:0!important}
  /* Cómo funciona, DIA: tinta --cy-ink como Inicio/Nosotros y como su propio movil (F-5 P37); noche sigue en blanco */
  html:root:not([data-cy-theme="noche"])[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] [data-st-hero][data-st-hero]>[data-st-scroll][data-st-scroll],
  html:root:not([data-cy-theme="noche"])[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] [data-st-hero][data-st-hero]>[data-st-scroll][data-st-scroll] span{
    color:#0E1116!important;-webkit-text-fill-color:#0E1116!important}
  html:root:not([data-cy-theme="noche"])[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page][data-wf-page][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] [data-st-hero][data-st-hero]>[data-st-scroll][data-st-scroll] svg path{
    stroke:#0E1116!important}

  /* Nosotros: bajo el parrafo, 24 px */
  html:root[data-wf-page="6a70a47f984c1cfa9f999a5e"][data-wf-page][data-wf-page][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] [data-st-hero][data-st-hero]>[data-st-scroll][data-st-scroll]{
    position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;
    align-self:center!important;margin:24px 0 0!important;filter:none!important}
}