/* st-capitulos v1.3 (15 sep 2026 22:42Z, medida 2 del ENCARGO-HOMOLOGACION-AGENTES-MOBILE: ilustraciones sin marco
   anadido en II/III/IV/VI en LOS DOS ARBOLES; retira RV-6, que el propio encargo sustituye). v1.2 = respaldo.
   st-capitulos v1.1 (14 sep 2026, decision de Astra sobre el montaje A: estado ARTE del payout movil con DOS capas de la MISMA lamina
   -m-dark, fondo cover desenfocado/atenuado (atmosfera) + contain nitido encima; crossfade con el reloj de T-06; solo <=680). v1 = respaldo.
   st-capitulos v1 (14 sep 2026, RONDA-VISUAL-NOCTURNA de Toño: RV-6 contorno/rombos de los Caps. III/IV, RV-9 composicion del Express
   Payout, RV-1b arte detras del panel en el arbol movil). Hoja de PAGINA para /como-funciona: va en la cabecera de la LP (P17) DESPUES de
   cy-glass-sobrio-v6.css (v4 + delta v6 de Astra). No toca el material (cy-glass-sobrio-*): aqui solo composicion, radios, contorno exterior y rombos.
   Prefijo R = html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body [data-cy-lang][data-cy-lang] (0,5,2): con !important gana a
   cy-mockups-cysure-v22 (!important, 0,7,x) y a cy-glass-sobrio-v4/v6 (!important, 0,2,3). Evidencia: evidencia/44-ronda-visual-nocturna-14sep/RV-4569/.
   RV-6 · [RETIRADO en v1.3 por la medida 2] Caps. III/IV (y VI): contorno exterior en el article .cxm (1px --cy-ln dia / #26397A noche; Cap. VI, seccion invertida, al reves);
          el panel de cristal sigue sin borde ni relieve. Rombos del mockup con la paleta del sitio (#FFF/#29487B dia, #0C1D4B/#8FA3FF noche;
          Cap. VI: noche de dia y dia de noche, como su seccion invertida) en vez del relleno transparente/translucido que dejaba el cristal.
   RV-9 · Express Payout: cajas de los pasos OPACAS (--glass-solid) para que el rail no las atraviese ni pise los checks; chapa «Evento cubierto» sin
          fondo (parecia un boton); panel 0 0 15 15 + cabecera 0 bajo la lamina (escritorio): sin muesca en la costura. Lead/score: panel sin radio
          propio (la .cxm-chapter, overflow hidden y radio 15, redondea el bloque): sin muescas junto a la lamina.
   RV-1b · arbol movil (<=991): en lead / score / payout el arte va DETRAS del panel ocupando toda la caja (lamina absoluta, radio 15; panel encima con
          32/16 y radio 16, como las tarjetas de agente). En telefono (<=680) la lamina usa la gemela retrato -m de CY_ARTE (script RV-1b del pie P37;
          payout siempre -m-dark por su marca data-cy-arte="noche"). Rombos al centro superior/inferior del contorno, como los marcos de Caps. I/II/V.
   Coordinacion con st-mockups-auto v2 (RV-78) y T-06: los rombos del contorno y la lamina no se funden; el estado ARTE del payout va en contain
   sobre el navy del bloque (ver al final). Escritorio: solo RV-6 (contorno/rombos) y RV-9. VUELTA ATRAS: quitar el <link> de la cabecera. */
/* ── M2 · ILUSTRACIONES SIN MARCO ANADIDO — II, III, IV y VI (15 sep 2026, 22:42Z) ──────────────
   ENCARGO-HOMOLOGACION-AGENTES-MOBILE.md, medida 2: «Retirar borde decorativo y rombos exclusivos
   del arte con mockup de II (Atalayas despues de los nueve agentes), III, IV y VI. Conservar excepcion
   curva de V y acabado del vidrio. Los rombos estructurales de cards y divisiones si permanecen.»
   Ese encargo declara en su cabecera que «sustituye ordenes anteriores sobre bordes de ilustracion»,
   de modo que RETIRA a RV-6 (contorno exterior + rombos del mockup, RONDA-VISUAL-NOCTURNA del 14 sep)
   TAMBIEN en escritorio. Por eso aquellas reglas ya no estan en la hoja y este bloque, que en v1.2 vivia
   dentro de @media (max-width:991px), pasa a valer en los dos arboles.
   Medido antes de escribirlo (evidencia/81-medida2-marco): el marco es CSS, no esta pintado en los WebP;
   en el arbol movil el ancho de borde ya era 0 (lo hacia este mismo bloque en @media), y en escritorio lo
   pintaba RV-6 con !important, no la regla base de cy-mockups-v18. Retirada RV-6, quien manda en el article
   es cy-glass-sobrio (`html body .cxm[data-cy-glass="sobrio"]{border-color:transparent!important}`), que es
   el acabado aprobado del vidrio; aun asi se anula `border-width` porque `border-color:transparent` deja un
   canal de 1px (cuidado ya documentado en v1.2).
   Cap. V ([data-cy-capvg], .st-i-c53288ea) queda deliberadamente FUERA: su excepcion curva no se toca.
   Lo que NO se toca: panel .cxm-panel y todo su vidrio (material, alfa, divisiones internas), el arte de
   detras, .st-pay-arte con su capa atmosferica y su contain, las animaciones y el revelado, los radios, y
   los rombos estructurales de las juntas entre cards y de los demas bloques.
   Cap. II (Atalayas): su marco NO nace aqui sino en st-core-v74 (`.st-dt .st-i-49476a32{border:1px solid
   var(--cy-ln,#C4CFE4);border-radius:18px}`, sin !important). Se neutraliza desde esta hoja de pagina en vez
   de editar el core porque el core lo comparten las cinco paginas y el encargo acota la medida a /como-funciona;
   la alternativa de una linea en el core queda anotada en el informe para que Astra elija. El radio 18 se
   conserva: la medida retira el borde, no la forma.
   VUELTA ATRAS: sustituir esta hoja por st-capitulos-v1.2.css en el <link> de la cabecera (P17). */
/* 1 · contorno exterior del article fuera en III, IV y VI */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"],[data-cy-mockup="payout"])[data-cy-mockup] .cxm[data-cy-glass="sobrio"]{border-width:0!important;box-shadow:none!important}
/* 2 · rombos exteriores de III y IV.
     La especificidad extra (:is(.st-dt,.st-mb) y la clase repetida) NO es adorno: cy-glass-desktop-v2.1 §7b
     (Astra, 14 sep 22:40) fija estos rombos con «.st-dt ... .cxm-art-junction.cxm-art-junction{display:block!important;
     top:-5px; left:calc(50% - 4.5px); opacity:1}» y esa hoja va DESPUES de esta en la cabecera, asi que con igual
     especificidad ganaria ella. Por eso el bloque de v1.2 —identico pero sin .st-dt— nunca llego a ocultar los rombos,
     ni siquiera en movil: de sus tres reglas solo surtia efecto la 1, la del contorno.
     ALTERNATIVA MAS LIMPIA, para que la decida Astra: retirar §7 y §7b de cy-glass-desktop-v2.1 (son las reglas que
     colocan los rombos sobre el contorno que la medida 2 elimina) y dejar aqui la especificidad normal. */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body :is(.st-dt,.st-mb) [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"])[data-cy-mockup] .cxm-art-junction.cxm-art-junction.cxm-art-junction{display:none!important}
/* 3 · rombos exteriores del VI, que son pseudos de la cabecera y del bloque de arte.
     Mismo motivo para la especificidad: cy-glass-desktop-v2.1 §7 los enciende con «.st-dt ... .cxm-artblock::before». */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body :is(.st-dt,.st-mb) [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm.cxm-r18-payout :is(.pp-header,.cxm-artblock)::before,
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body :is(.st-dt,.st-mb) [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm.cxm-r18-payout :is(.pp-header,.cxm-artblock)::after{display:none!important}
/* 4 · Cap. II (Atalayas): marco del bloque de arte fuera; el radio 18 se conserva */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-dt [data-cy-lang][data-cy-lang] .st-i-49476a32.st-i-49476a32{border-width:0!important;box-shadow:none!important}

/* RV-9 · Express Payout */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm[data-cy-glass="sobrio"] .pd-m-payout-step>span{background-color:var(--glass-solid,#122746)!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm[data-cy-glass="sobrio"] .pp-header .pp-badge{background:transparent!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm[data-cy-glass="sobrio"] .pp-panel{border-radius:0 0 15px 15px!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm-r18-payout .pd-m-payout .pp-header{border-radius:0!important}
/* RV-9 · lead/score: panel sin radio propio bajo/junto a la lamina */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"])[data-cy-mockup] .cxm[data-cy-glass="sobrio"] .pp-panel{border-radius:0!important}
/* RV-1b · arbol movil: arte detras del panel */
@media (max-width:991px){
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"],[data-cy-mockup="payout"])[data-cy-mockup] .cxm-chapter{display:block!important;position:relative!important;isolation:isolate;grid-template-columns:none!important;grid-template-rows:none!important;height:auto!important;min-height:0!important;overflow:visible!important;border-radius:15px!important;padding:32px 16px!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"],[data-cy-mockup="payout"])[data-cy-mockup] .cxm-artblock{position:absolute!important;inset:0!important;z-index:0!important;width:auto!important;height:auto!important;min-height:0!important;border:0!important;border-radius:15px!important;overflow:visible!important;background:transparent!important;pointer-events:none!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"],[data-cy-mockup="payout"])[data-cy-mockup] .cxm-artblock img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important;border-radius:15px!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"],[data-cy-mockup="payout"])[data-cy-mockup] .cxm-productblock{position:relative!important;z-index:1!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"],[data-cy-mockup="payout"])[data-cy-mockup] .cxm[data-cy-glass="sobrio"] .pp-panel{border-radius:16px!important;height:auto!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm-r18-payout .pd-m-payout .pp-header{border-radius:16px 16px 0 0!important}
/* rombos: lead/score al centro superior e inferior del contorno; payout: los de la lamina al centro, los de la cabecera fuera (queda dentro del panel) */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"])[data-cy-mockup] .cxm-art-junction,
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm-r18-payout .cxm-artblock::before{display:block!important;top:-5px!important;bottom:auto!important;left:calc(50% - 4.5px)!important;right:auto!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"])[data-cy-mockup] .cxm-art-junction.cxm-bottom,
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm-r18-payout .cxm-artblock::after{display:block!important;top:auto!important;bottom:-5px!important;left:calc(50% - 4.5px)!important;right:auto!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm-r18-payout .pp-header::before,
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm.cxm-r18-payout .pp-header::after{display:none!important}
/* revelado movil (st-mockups-auto v2 funde .pp-panel + .cxm-art-junction; T-06 funde .cxm-productblock + .cxm-artblock): los rombos del contorno y la
   lamina de fondo NO se funden: son el marco del bloque y el arte que el revelado debe dejar ver (RV-1b); el clon .st-pay-arte de T-06 se muestra encima */
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] :is([data-cy-mockup="lead"],[data-cy-mockup="score"])[data-cy-mockup] .cxm-art-junction{opacity:1!important;transition:none!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm-artblock{opacity:1!important;transition:none!important}
/* RV-1b encuadre (decision de Astra, v1.1): estado UI = fondo en cover (como las tarjetas de agente). Estado ARTE (tras el fundido de st-mockups-auto v2 /
   T-06) = personaje COMPLETO en la misma caja, sin salto de layout. Lead/score: la gemela retrato -m (3:4) en cover solo recorta 4-7 % por lado (390/375):
   Atenea y Odiseo enteros al fundirse el panel, sin cambio. Payout (<=680): la gemela -m es 4:3 y en cover (352x831) corta a Hermes; la capa dedicada de
   T-06 (.st-pay-arte, misma lamina canonica -m-dark, sin imagen nueva) lleva DOS capas: ::before = la misma lamina en cover, muy desenfocada y atenuada
   (blur 34 + brightness .45 + saturate .8: solo atmosfera de color, sin segundo Hermes legible; inset -48 para que el desenfoque no deje halo; recortada por el
   radio 15 de la propia capa, no del bloque, para no romper los rombos) y encima la img en contain nitida con Hermes completo. --st-pay-src la escribe el
   script RV-1b del pie (P37). Crossfade: la img de la lamina de fondo (cover) se funde con el MISMO reloj de T-06 (.55 s ease .4 s) mientras entra la capa;
   los rombos ::before/::after del artblock no se funden (artblock opacity 1). Tablet (681-991): cover apaisado como antes. */
@media (max-width:680px){
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .st-pay-arte{background:#0E1936!important;border-radius:15px!important;overflow:hidden!important;isolation:isolate!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .st-pay-arte::before{content:'';position:absolute;inset:-48px;z-index:0;background-image:var(--st-pay-src,none);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;filter:blur(34px) brightness(.45) saturate(.8);transform:scale(1.02);pointer-events:none}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .st-pay-arte img{position:relative!important;z-index:1!important;object-fit:contain!important;object-position:50% 50%!important}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm-artblock img{transition:opacity .35s ease 0s}
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup].st-art-open .cxm-artblock img,
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup]:has(:focus-visible) .cxm-artblock img{opacity:0;transition:opacity .55s ease .4s}
@media (prefers-reduced-motion:reduce){
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="payout"][data-cy-mockup] .cxm-artblock img{transition:none!important}
}
}
/* lead a 320: con el panel 32px mas estrecho (250) las 3 columnas de chips «9 agentes conectados» ya no caben («Proveedores» 64px en 73): 2 columnas
   cuando el article (contenedor) mide <= 318px (a 360 de ventana ya caben 3) */
@container (max-width:318px){
html:root[data-wf-page="6a945828e0a2510ab8ed4069"][data-wf-page] body .st-mb [data-cy-lang][data-cy-lang] [data-cy-mockup="lead"][data-cy-mockup] .pd-m-signals{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
}