/* st-corte992-plataforma v1 · 12 sep 2026 · copia de los bloques @media de cy-mockups-cysure-v22 para el corte
   680 -> 992 (ver st-corte992-core-v1.css). Va en la cabecera de /como-funciona DESPUES de cy-mockups-cysure-v22.css.
   Generado con extraer_corte.py; regenerar si cambia la hoja. */
/* ===== cy-mockups-cysure-v22 ===== */
/* cy-mockups-cysure-v22.css @14050 · (max-width:1699.98px) · re-emitido para conservar el orden de cascada */
@media (max-width:1699.98px){
  @container (min-width:431px){
    html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] [data-cy-mockup="score"][data-cy-mockup] .cxm-art-junction{ top:355px!important }
  }
}
/* cy-mockups-cysure-v22.css @19434 · (max-width:680px) → extendido a tablet */
@media (min-width:681px) and (max-width:991px){
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] [data-cy-mockup="alignment"][data-cy-mockup][data-cy-mockup]{
    
    width:100%!important; max-width:510px!important;
    margin:24px auto!important }
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] [data-cy-mockup="alignment"][data-cy-mockup] .cxm-art-junction{ display:none!important }

  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] .st-i-459fe4b3:has(> .st-i-affffebb + [data-cy-mockup="alignment"]){ position:relative!important }
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] .st-i-affffebb.st-i-affffebb:has(+ [data-cy-mockup="alignment"][data-cy-mockup]){
    display:block!important; position:absolute!important; inset:0!important;
    width:auto!important; margin:0!important; height:auto!important;
    aspect-ratio:auto!important; border-radius:16px!important;
    overflow:hidden!important; z-index:0!important }
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] .st-i-affffebb.st-i-affffebb:has(+ [data-cy-mockup="alignment"][data-cy-mockup]) img{
    position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
    max-width:none!important; max-height:none!important; aspect-ratio:auto!important;
    object-fit:cover!important }
}
/* cy-mockups-cysure-v22.css @25227 · (max-width:680px) → extendido a tablet */
@media (min-width:681px) and (max-width:991px){
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] .st-i-ec3a19e5{ flex:0 0 calc(100% - 8px)!important }
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] [data-cy-lang][data-cy-lang] .st-i-ec3a19e5 > [data-cy-mockup]{ margin-left:10px!important; margin-right:10px!important }
}


/* ---- Ajustes propios del corte para /como-funciona en 681-991 (arbol movil en tablet) ----
   a) HERO. La seccion 10 de cy-mockups-cysure-v22 clava el horizonte del hero MOVIL con una formula en vw pensada
      para la ilustracion de telefono (1080x2880, <=430 px). En tablet el arbol movil recibe el recorte -t (1536x864),
      el mismo que usaba el arbol de escritorio en 681-991: con la formula el arte se salia por arriba y quedaba una
      franja vacia (medido a 834: object-position 50% -979px). Se recupera el encuadre que tenia el arbol de
      escritorio con ese recorte, 50% 58%. Especificidad (0,7,3) contra (0,7,2) de la seccion 10, y va despues.
   b) BLOQUE "RIESGOS DE IA". P-11 v2 lo apila a una columna por ser arbol movil; en tablet caben las dos columnas de
      escritorio (misma rejilla y aire que a partir de 681 en el arbol de escritorio). */
@media (min-width:681px) and (max-width:991px){
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-st-hero] img{object-position:50% 58%!important}
  html:root[data-wf-page="6a945828e0a2510ab8ed4069"] body .st-mb [data-cy-lang] .cy-riai-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
}