/* Cysure cy-botones-v2 (28 sep 2026, RELEVO-VIDRIO-PERSISTENTE): v1 aplicaba el vidrio solo en reposo y al hover/foco/activo (tambien hover pegado tras un toque) se perdia degradado, blur y sombra (Menu/X, Next card). v2 mantiene el material en todos los estados: controles y grupos = vidrio siempre (el hover solo refuerza el filete); primario = color vigente + filetes en todo estado, reflejo salvo donde el hover trae paleta; secundario = blur y filetes persistentes, el hover conserva su paleta; footer = negro en todo estado, el hover tine el negro con el color de su marca. Hover de marca, foco, SVG, flechas, banderas, tamanos y enlaces intactos. VUELTA ATRAS: cy-botones-v1 (cyfix27faq 1.1.0). */ html:not(#cb1):not(#cb2):not(#cb3) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47){--cyb-g:linear-gradient(125deg,rgba(255,255,255,.84),rgba(232,240,253,.66));--cyb-s:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(0,18,51,.05),0 6px 16px -9px rgba(0,18,51,.30);--cyb-h:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(41,72,123,.10),0 8px 20px -9px rgba(0,18,51,.38);--cyb-o:#FFFFFF}html:not(#cb1):not(#cb2):not(#cb3)[data-cy-theme="noche"] body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47){--cyb-g:linear-gradient(125deg,rgba(206,225,255,.19),rgba(20,39,79,.40));--cyb-s:inset 0 1px 0 rgba(213,232,255,.16),inset 0 -1px 0 rgba(0,0,0,.20),0 8px 20px -11px rgba(0,0,0,.60);--cyb-h:inset 0 1px 0 rgba(213,232,255,.26),inset 0 0 0 1px rgba(159,176,255,.16),0 10px 22px -11px rgba(0,0,0,.70);--cyb-o:#0E1936}html:not(#cb1):not(#cb2):not(#cb3) body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Cap\edtulo VI,"],[data-cy-arte="invert"]) :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47){--cyb-g:linear-gradient(125deg,rgba(206,225,255,.19),rgba(20,39,79,.40));--cyb-s:inset 0 1px 0 rgba(213,232,255,.16),inset 0 -1px 0 rgba(0,0,0,.20),0 8px 20px -11px rgba(0,0,0,.60);--cyb-h:inset 0 1px 0 rgba(213,232,255,.26),inset 0 0 0 1px rgba(159,176,255,.16),0 10px 22px -11px rgba(0,0,0,.70);--cyb-o:#0E1936}html:not(#cb1):not(#cb2):not(#cb3)[data-cy-theme="noche"] body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Cap\edtulo VI,"],[data-cy-arte="invert"]) :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47){--cyb-g:linear-gradient(125deg,rgba(255,255,255,.84),rgba(232,240,253,.66));--cyb-s:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(0,18,51,.05),0 6px 16px -9px rgba(0,18,51,.30);--cyb-h:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(41,72,123,.10),0 8px 20px -9px rgba(0,18,51,.38);--cyb-o:#FFFFFF} html:not(#cb1):not(#cb2):not(#cb3) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47){background-color:transparent!important;background-image:var(--cyb-g)!important;box-shadow:var(--cyb-s)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important}html:not(#cb1):not(#cb2):not(#cb3) body :is([role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn])){background-color:transparent!important;background-image:var(--cyb-g)!important;box-shadow:var(--cyb-s)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important} html:not(#cb1):not(#cb2):not(#cb3) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47):is(:hover,:focus-visible,:active){box-shadow:var(--cyb-h)!important} html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn:not(:hover):not(:focus-visible):not(:active){background-image:linear-gradient(125deg,rgba(255,255,255,.16),rgba(255,255,255,0) 58%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,18,51,.14),0 6px 16px -9px rgba(0,18,51,.40)!important} html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn:is(:hover,:focus-visible,:active){box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,18,51,.14),0 8px 20px rgba(59,91,255,.2)!important} html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn:not(.st-i-bb720069):is(:hover,:focus-visible,:active){background-image:linear-gradient(125deg,rgba(255,255,255,.16),rgba(255,255,255,0) 58%)!important} html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn-white{-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important} html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:transparent!important;background-image:linear-gradient(125deg,rgba(255,255,255,.84),rgba(224,236,253,.64))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.80),inset 0 -1px 0 rgba(0,18,51,.06),0 6px 16px -9px rgba(0,18,51,.34)!important} html:not(#cb1):not(#cb2):not(#cb3)[data-cy-theme="noche"] body :is(a,button).cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-image:linear-gradient(125deg,rgba(246,248,254,.94),rgba(222,231,250,.82))!important} html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn-white:is(:hover,:focus-visible,:active){box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,18,51,.12),0 14px 30px -10px rgba(0,18,51,.34)!important} html:not(#cb1):not(#cb2):not(#cb3) body footer :is(.st-i-b37884fb,.st-i-9be88b5c){background-color:#000!important;background-image:linear-gradient(125deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 60%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 14px -9px rgba(0,0,0,.8)!important} html:not(#cb1):not(#cb2):not(#cb3) body footer :is(.st-i-b37884fb,.st-i-9be88b5c):is(:hover,:focus-visible,:active){background-image:linear-gradient(color-mix(in srgb,currentColor 18%,transparent),color-mix(in srgb,currentColor 18%,transparent)),linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 60%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent),0 6px 14px -9px rgba(0,0,0,.8)!important} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important;background-image:none!important}html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn-white{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html:not(#cb1):not(#cb2):not(#cb3)[data-cy-theme="noche"] body :is(a,button).cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#E9EDFB!important}html:not(#cb1):not(#cb2):not(#cb3) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47),html:not(#cb1):not(#cb2):not(#cb3) body :is([role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn])){background-color:var(--cyb-o)!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}} @media (prefers-reduced-transparency:reduce){html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important;background-image:none!important}html:not(#cb1):not(#cb2):not(#cb3) body :is(a,button).cy-dbtn-white{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html:not(#cb1):not(#cb2):not(#cb3)[data-cy-theme="noche"] body :is(a,button).cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#E9EDFB!important}html:not(#cb1):not(#cb2):not(#cb3) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[data-st-carr-btn],[data-st-flota-btn],.st-i-71b31e47),html:not(#cb1):not(#cb2):not(#cb3) body :is([role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn])){background-color:var(--cyb-o)!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}} /* cy-botones-v3 (28 sep 2026, bloques-vidrio punto 1): Enviar (form button.cy-dbtn.st-i-bb720069) con el material del CTA primario vigente en TODOS los estados. v2 le quitaba el reflejo 125deg en hover, foco y activo (paleta 135deg propia); aqui el reflejo es persistente y en hover (solo dispositivos con hover) y foco toma el color del CTA vigente: #29487B de dia y #9FB0FF de noche. La flecha la anade cyfix27faq 1.3.0 (clon del SVG del CTA del mismo arbol). Envio, validacion, anillo de foco, tamanos y textos sin cambio. VUELTA ATRAS: cy-botones-v2 (cyfix27faq 1.2.0). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body form button.cy-dbtn.st-i-bb720069{background-image:linear-gradient(125deg,rgba(255,255,255,.16),rgba(255,255,255,0) 58%)!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body form button.cy-dbtn.st-i-bb720069:hover{background-color:#29487B!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body form button.cy-dbtn.st-i-bb720069:hover{background-color:#9FB0FF!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body form button.cy-dbtn.st-i-bb720069:focus-visible{background-color:#29487B!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body form button.cy-dbtn.st-i-bb720069:focus-visible{background-color:#9FB0FF!important} /* cy-botones-v4 (28 sep 2026, RELEVO-FEEDBACK-VISUAL-TOGGLES-ARTE): v3 + tres ajustes acotados. 1) Boton blanco (cy-dbtn-white, el adyacente al CTA de referencia del hero): el degradado del vidrio se pintaba desde el padding-box con un borde transparente de 1 px, asi que la superficie visible tenia radio 11 px dentro de una caja de 12 px con el desenfoque hasta el borde: dos curvas. background-origin:border-box pinta el degradado hasta el borde; misma caja, radio 12, icono, tamano y toque. 2) Controles de carrusel (anterior/siguiente): color e icono = serif de su seccion (--cy-serif, que st-pages v59 lee del serif real); borde al 70 % y deshabilitado al 35/25 % del mismo color. De noche #9FB0FF en lugar del #7C92FF de --st-tag; de dia sigue el serif (#29487B). 3) Home Actos I y II: la ilustracion aprobada gana protagonismo sin deformarse (aspecto 16:9 intacto). Escritorio (>=1200, donde la rejilla ya es de dos columnas; 992-1199 se apila o queda igual): columna de arte flexible minmax(480px, min(46%, 800px)) en lugar de 480 px fijos (46 %: el mayor que no parte «Detection-Coverage» en el titulo de Acto II donde antes no se partia). Movil y tablet: margen lateral de 18 a 8 px. VUELTA ATRAS: cy-botones-v3 (cyfix27faq 1.3.0). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body a.cy-dbtn-white{background-origin:border-box!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is([data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn]):not([aria-disabled="true"]){color:var(--cy-serif,#29487B)!important;border-color:color-mix(in srgb,var(--cy-serif,#29487B) 70%,transparent)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is([data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn])[aria-disabled="true"]{color:color-mix(in srgb,var(--cy-serif,#29487B) 35%,transparent)!important;border-color:color-mix(in srgb,var(--cy-serif,#29487B) 25%,transparent)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is([data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn]):not([aria-disabled="true"]){color:var(--cy-serif,#9FB0FF)!important;border-color:color-mix(in srgb,var(--cy-serif,#9FB0FF) 70%,transparent)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is([data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn])[aria-disabled="true"]{color:color-mix(in srgb,var(--cy-serif,#9FB0FF) 35%,transparent)!important;border-color:color-mix(in srgb,var(--cy-serif,#9FB0FF) 25%,transparent)!important} @media (min-width:1200px){ html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-dt [data-cy-lang] :is([data-screen-label="Acto I, El problema"],[data-screen-label="Acto II, La tesis"]) [data-st-2col][data-st-2col]{grid-template-columns:minmax(0,1fr) minmax(480px,min(46%,800px))!important} html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-dt [data-cy-lang] :is([data-screen-label="Acto I, El problema"],[data-screen-label="Acto II, La tesis"]) [data-st-2col] img.st-i-c551a550{width:100%!important;max-width:100%!important;height:auto!important} html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-dt [data-cy-lang] [data-screen-label="Acto II, La tesis"] [data-st-2col] .st-i-459fe4b3{width:100%!important} } @media (max-width:991px){ html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-mb [data-cy-lang] [data-screen-label="Acto I, El problema"] [data-st-2col] img.st-i-c551a550, html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-mb [data-cy-lang] [data-screen-label="Acto II, La tesis"] [data-st-2col] .st-i-459fe4b3{width:calc(100% + 20px)!important;max-width:none!important;margin-left:-10px!important;margin-right:-10px!important} html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-mb [data-cy-lang] [data-screen-label="Acto II, La tesis"] [data-st-2col] .st-i-459fe4b3 img.st-i-c551a550{width:100%!important;max-width:100%!important;height:auto!important} } /* cy-botones-v5 (28 sep 2026, RELEVO-VIDRIO-BORDES-Y-CONTROLES): v4 + dos ajustes. 1) Tags de la LP sin reflejos: se quitan el degradado direccional de 125 grados, el filete especular superior y la sombra proyectada del tag y de su placa del romano. Queda un relleno mate plano (el color medio del degradado anterior, por contexto claro/oscuro efectivo), con el mismo desenfoque, contorno y romano del divisor local (Capas), centrado y foco intactos, en reposo y hover. 2) Controles azules que no seguian el serif de su seccion: enlace de fuente «a16z» (Home Acto VI, [data-cy-a16z="src"]) y preguntas del FAQ de Home (expandida, hover, foco y rombo funcional) toman --cy-serif (color computado del serif; st-pages v59+), de noche el azul claro. VUELTA ATRAS: cy-botones-v4 (cyfix27faq 1.4.0). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382){background-image:none!important;background-color:rgba(240,246,254,.62)!important;box-shadow:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not([data-cy-theme="noche"]) body :is([data-cy-arte="invert"],[data-screen-label^="Capítulo VI,"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382){background-image:none!important;background-color:rgba(40,53,88,.55)!important;box-shadow:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is([data-cy-arte="invert"],[data-screen-label^="Capítulo VI,"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382){background-image:none!important;background-color:rgba(240,246,254,.62)!important;box-shadow:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382) .cy-num{background-image:none!important;background-color:rgba(246,249,254,.89)!important;box-shadow:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382) .cy-num,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not([data-cy-theme="noche"]) body :is([data-cy-arte="invert"],[data-screen-label^="Capítulo VI,"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382) .cy-num{background-image:none!important;background-color:rgba(25,30,38,.9)!important;box-shadow:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is([data-cy-arte="invert"],[data-screen-label^="Capítulo VI,"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382) .cy-num{background-image:none!important;background-color:rgba(246,249,254,.89)!important;box-shadow:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body [data-cy-a16z="src"]{color:var(--cy-serif,#29487B)!important;border-color:var(--cy-serif,#29487B)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body [data-cy-a16z="src"]{color:var(--cy-serif,#9FB0FF)!important;border-color:var(--cy-serif,#9FB0FF)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-hfaq-btn[aria-expanded="true"]{color:var(--cy-serif,#29487B)!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-hfaq-btn:hover{color:var(--cy-serif,#29487B)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body .st-hfaq-btn:hover{color:var(--cy-serif,#9FB0FF)!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-hfaq-btn:focus-visible{outline-color:var(--cy-serif,#29487B)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-hfaq-rombo{border-color:var(--cy-serif,#29487B)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body .st-hfaq-btn[aria-expanded="true"] .st-hfaq-rombo{background-color:var(--cy-serif,#29487B)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body .st-hfaq-btn[aria-expanded="true"]{color:var(--cy-serif,#9FB0FF)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body .st-hfaq-btn:focus-visible{outline-color:var(--cy-serif,#9FB0FF)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body .st-hfaq-rombo{border-color:var(--cy-serif,#9FB0FF)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body .st-hfaq-btn[aria-expanded="true"] .st-hfaq-rombo{background-color:var(--cy-serif,#9FB0FF)!important} /* cy-botones-v5, ampliacion directa de Tono (28 sep 2026): cuatro ajustes mas. 3) Hover de botones por inversion, plano y sin transitorio: blanco -> azul del CTA (dia #33578F con texto blanco, noche #9FB0FF con tinta #070B12); CTA azul del hero -> claro (#FFFFFF con texto #29487B de dia, #070B12 de noche). Mismo estado en foco visible y activo. Se quitan las transiciones de color y fondo (el texto pasaba por gris sobre un azul a medio fundir y el degradado cambiaba de golpe: el destello oscuro); sombra y movimiento conservan su transicion. Contactanos, Enviar y Agenda (tinta en reposo) conservan su hover a azul. 4) Selectores IDIOMA/TEMA (nav y menu movil): el no seleccionado toma el serif local (dia #29487B, noche #9FB0FF); su hover y foco invierten (fondo serif, icono en contraste). El seleccionado no cambia. Las banderas son SVG con relleno propio: no se tintan. 5) Superficie de los formularios (.st-i-f975453d): el mismo borde difuso interior del vidrio mate en todo el perimetro, tono por su relleno. Campos, validacion y Enviar intactos. 6) Wordmark cysure del pie sobre negro: vidrio esmerilado por translucidez y un filo difuso, sin especular, brillo ni sombra proyectada. VUELTA ATRAS: cy-botones-v4 (cyfix27faq 1.4.0). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button).cy-dbtn,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button).cy-dbtn-white,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button):is(.cy-tgb,.cy-lang-btn){transition-property:box-shadow,transform,opacity!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button).cy-dbtn :is(svg,path,span),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button).cy-dbtn-white :is(svg,path,span),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button):is(.cy-tgb,.cy-lang-btn) :is(svg,path,span){transition:none!important} @media (hover:hover){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body a.cy-dbtn-white:hover{background-color:#33578F!important;background-image:none!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body a.cy-dbtn-white:hover{background-color:#9FB0FF!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body a.cy-dbtn.st-i-34d95c18:hover{background-color:#FFFFFF!important;background-image:none!important;color:#29487B!important;-webkit-text-fill-color:#29487B!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body a.cy-dbtn.st-i-34d95c18:hover{color:#070B12!important;-webkit-text-fill-color:#070B12!important} } html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body a.cy-dbtn-white:is(:focus-visible,:active){background-color:#33578F!important;background-image:none!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body a.cy-dbtn-white:is(:focus-visible,:active){background-color:#9FB0FF!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body a.cy-dbtn.st-i-34d95c18:is(:focus-visible,:active){background-color:#FFFFFF!important;background-image:none!important;color:#29487B!important;-webkit-text-fill-color:#29487B!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body a.cy-dbtn.st-i-34d95c18:is(:focus-visible,:active){color:#070B12!important;-webkit-text-fill-color:#070B12!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]{color:#29487B!important;-webkit-text-fill-color:#29487B!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]{color:#9FB0FF!important;-webkit-text-fill-color:#9FB0FF!important} @media (hover:hover){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-color:#29487B!important;background-image:none!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-color:#9FB0FF!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important} } html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:focus-visible{background-color:#29487B!important;background-image:none!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:focus-visible{background-color:#9FB0FF!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a.cy-dbtn-white,a.cy-dbtn.st-i-34d95c18):is(:focus-visible,:active) :is(span,svg),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"] :is(span,svg){color:inherit!important;-webkit-text-fill-color:inherit!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4) body :is(a.cy-dbtn-white,a.cy-dbtn.st-i-34d95c18):hover :is(span,svg){color:inherit!important;-webkit-text-fill-color:inherit!important}} /* cy-botones-v6 (28 sep 2026, RELEVO-SUPERFICIE-VIDRIO-FINAL): v5 + cuatro ajustes. El vidrio de superficie de bloques, FAQ y formularios lo pinta st-pages v61 (por eso se retira aqui la regla v5 del formulario). 1) Selectores IDIOMA/TEMA: el NO seleccionado es el boton completo relleno del serif (dia #29487B con icono blanco, noche #9FB0FF con icono #070B12); su hover y foco invierten superficie e icono como pareja. El seleccionado es neutro y contrasta con el relleno: dia blanco con tinta, noche tinta con blanco, y no cambia en hover. Banderas intactas (SVG con relleno propio). 2) Tags (todos, tambien los de encima del titulo de Home y Como funciona en los dos arboles): filo mate interior difuso, sin reflejo especular ni sombra; Nosotros sin el degradado blanco de 125 grados, mas transparente y templado. 3) Wordmark del pie: vidrio esmerilado permanente DENTRO de las letras (mascara del lockup) con filo mate; reflejo que cruza la palabra SOLO en hover. No se extiende a tags ni bloques. VUELTA ATRAS: cy-botones-v5 (cyfix27faq 1.5.0). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:is(:hover,:focus,:active){background-image:none!important;box-shadow:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]{background-color:#29487B!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]{background-color:#9FB0FF!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important} @media (hover:hover){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-color:#FFFFFF!important;color:#29487B!important;-webkit-text-fill-color:#29487B!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-color:#070B12!important;color:#9FB0FF!important;-webkit-text-fill-color:#9FB0FF!important} } html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:focus-visible{background-color:#FFFFFF!important;color:#29487B!important;-webkit-text-fill-color:#29487B!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:focus-visible{background-color:#070B12!important;color:#9FB0FF!important;-webkit-text-fill-color:#9FB0FF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"]:is(:hover,:focus,:active,:focus-visible){background-color:#FFFFFF!important;background-image:none!important;color:#0E1116!important;-webkit-text-fill-color:#0E1116!important;box-shadow:inset 0 0 0 1px rgba(14,17,22,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"]:is(:hover,:focus,:active,:focus-visible){background-color:#0E1116!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(a,button):is(.cy-tgb,.cy-lang-btn) :is(span,svg){color:inherit!important;-webkit-text-fill-color:inherit!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){box-shadow:inset 0 0 8px rgba(41,72,123,.13)!important;background-image:none!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not([data-cy-theme="noche"]) body :is([data-cy-arte="invert"],[data-screen-label^="Capítulo VI,"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){box-shadow:inset 0 0 8px rgba(159,176,255,.17)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is([data-cy-arte="invert"],[data-screen-label^="Capítulo VI,"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){box-shadow:inset 0 0 8px rgba(41,72,123,.13)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body :is(.st-i-e8cb974b,.st-i-9959a838){background-color:rgba(240,246,254,.62)!important;border-color:rgba(14,17,22,.12)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body :is(.st-i-e8cb974b,.st-i-9959a838){background-color:rgba(40,53,88,.55)!important;border-color:rgba(255,255,255,.12)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body .st-i-10d9daec{background-color:rgba(240,246,254,.40)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body .st-i-10d9daec{background-color:rgba(40,53,88,.38)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body footer span:has(>img:is(.st-i-9386719a,.st-i-74a57e2d)){filter:drop-shadow(0 0 .6px rgba(236,242,255,.42))!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body footer img:is(.st-i-9386719a,.st-i-74a57e2d){filter:none!important;opacity:1!important;object-position:-99999px 0!important;-webkit-mask:url("https://cdn.prod.website-files.com/6a553f8c569e3148ffc68415/6a9110b1900fe74f5546aeec_cysure-lockup.svg") center/contain no-repeat;mask:url("https://cdn.prod.website-files.com/6a553f8c569e3148ffc68415/6a9110b1900fe74f5546aeec_cysure-lockup.svg") center/contain no-repeat;background-color:transparent!important;background-image:linear-gradient(112deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.98) 50%,rgba(255,255,255,0) 64%),linear-gradient(180deg,rgba(226,233,250,.80) 0%,rgba(204,215,240,.72) 55%,rgba(184,198,230,.68) 100%)!important;background-size:280% 100%,100% 100%!important;background-repeat:no-repeat!important;background-position:0% 0,0 0!important;transition:background-position .7s cubic-bezier(.2,.7,.2,1)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body footer span:hover>img:is(.st-i-9386719a,.st-i-74a57e2d){background-position:55% 0,0 0!important} @media (prefers-reduced-motion:reduce){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body footer img:is(.st-i-9386719a,.st-i-74a57e2d){transition:none!important}} /* 4) FAQ de Home como superficie de vidrio: panel con radio 18 y contorno de la linea local; st-pages v61 le pinta cuerpo y filo. Los separadores internos se conservan; el ultimo no duplica el contorno. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body .st-hfaq{border:1px solid rgb(196,207,228)!important;border-radius:18px!important;padding:0 22px!important;box-sizing:border-box!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5)[data-cy-theme="noche"] body .st-hfaq{border-color:rgb(38,57,122)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5) body .st-hfaq>.st-hfaq-item:last-child{border-bottom-width:0!important} /* 5) Familia comun de vidrio (addendum de Tono, 28 sep): tags, botones, CTAs, controles, selectores, bloques y formularios con una sola receta. Superficie: relleno propio (solido o translucido segun funcion) + la misma modulacion difusa de st-pages v61 (luz mate arriba a la izquierda, tono frio del vidrio abajo a la derecha). Borde: filo interior difuso, rgba(176,192,222,.45) sobre superficies claras y rgba(159,176,255,.14) sobre oscuras; 8 px en piezas pequenas y 14 px en paneles (solo cambia por tamano). Sin sombra proyectada, sin filete especular superior y sin reflejo de 125 grados en ningun estado. Se conservan colores aprobados por tema y banda invertida, radios, geometria, anillos de foco y la inversion blanco/azul del hover. Unica excepcion de reflejo: el wordmark del pie en hover (seccion 3). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:rgba(246,249,254,.72)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Capítulo VI,"],[data-cy-arte="invert"]) :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47){background-color:rgba(28,40,78,.50)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Capítulo VI,"],[data-cy-arte="invert"]) :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47){background-color:rgba(246,249,254,.72)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47):is(:hover,:focus-visible,:active){box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47):is(:hover,:focus-visible,:active){box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is(a,button).cy-dbtn,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is(a,button).cy-dbtn:is(:hover,:focus-visible,:active),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body a.cy-dbtn-white:is(:hover,:focus-visible,:active){background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body a.cy-dbtn.st-i-34d95c18:is(:hover,:focus-visible,:active){background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(a,button).cy-dbtn,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(a,button).cy-dbtn:is(:hover,:focus-visible,:active),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body a.cy-dbtn-white:is(:hover,:focus-visible,:active){background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body a.cy-dbtn.st-i-34d95c18:hover{background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body a.cy-dbtn-white:hover{background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body a.cy-dbtn-white:hover,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(a,button).cy-dbtn:hover{background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body form button.cy-dbtn.st-i-bb720069{background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body form button.cy-dbtn.st-i-bb720069{background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"]{background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]{background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:focus-visible{background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:focus-visible{background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not([data-cy-theme="noche"]) body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Capítulo VI,"],[data-cy-arte="invert"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Capítulo VI,"],[data-cy-arte="invert"]) :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body :is(.st-i-61cdc545,.st-i-2e999158,.st-i-89390c51,.st-i-7e6993ef,.st-i-936f7f89,.st-i-fe722788,[data-st-hero] .st-i-80743382,.st-i-e8cb974b,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec) .cy-num{box-shadow:none!important;background-image:none!important} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#F6F9FE!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47){background-color:#1C284E!important}} @media (prefers-reduced-transparency:reduce){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6) body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#F6F9FE!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body :is(.st-i-4f5bc1fe,.st-i-42c62792,[role="group"]:has(>.cy-tgb),[role="group"]:has(>[data-lang-btn]),[data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-71b31e47){background-color:#1C284E!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-cy-theme="noche"] body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:rgba(246,249,254,.90)!important} /* cy-botones-v7 (28 sep 2026, H-01 de la QA compartida en Chrome real): en Como funciona movil de DIA, hasta 360 px, cy-cf-heroe fija el cue «DESPLAZATE/SCROLL» a margin-top 0 y queda pegado al ultimo renglon del parrafo (ES y EN). Se le da 12 px. En EN de 320 a 323 el parrafo partia en 6 lineas y el cue caia sobre el horizonte (contraste medido 2,27-2,61 al bajarlo); se ensancha el parrafo 2 px por lado para que quepa en 5 lineas como a 324+, asi el cue queda sobre el cielo (contraste >= 11). Noche (130 px bajo 330), arte y demas heroes intactos. VUELTA ATRAS: cy-botones-v6 (cyfix27faq 1.6.0). */ @media (max-width:360px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-wf-page="6a945828e0a2510ab8ed4069"]:not([data-cy-theme="noche"]) body .st-mb [data-st-hero] .st-i-7eec58fa{margin-top:12px!important}} @media (max-width:323px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6)[data-wf-page="6a945828e0a2510ab8ed4069"][lang^="en"] body .st-mb [data-st-hero] p.st-i-c16963a3{margin-left:-2px!important;margin-right:-2px!important}} /* cy-botones-v8 (29 sep 2026, RELEVO-AJUSTES-TOGGLES-TAGS-29SEP): sustituye la logica de selectores de v6 y anade dos ajustes. 1) Selectores de TEMA e IDIOMA, boton completo: el SELECCIONADO toma el color efectivo de la palabra serif del titulo en el tema actual (medido en staging: dia #29487B, noche #9FB0FF) con icono blanco de dia y #070B12 de noche; no cambia en hover. El NO seleccionado es negro #0E1116 de dia y blanco #FFFFFF de noche, con icono en el color opuesto. Hover del no seleccionado: se aclara (dia #2E3440, noche #DCE2F1) con filo interior del serif, sin destello negro ni parecerse al seleccionado. Foco visible: anillo de 2 px del serif con 2 px de separacion. Vidrio: modulacion comun MC/MO segun el relleno, filo interior de 8 px; radios y banderas intactos. 2) Home movil (arbol .st-mb), Actos I y II: la ilustracion vuelve al ancho de la columna del acto (sin los -10 px por lado de v5), al ras de titulo y bloques. Mismo archivo, proporcion (height auto) y encuadre; escritorio sin cambio. 3) Tags de actos, capitulos y cantos: contorno y divisor del numeral con el mismo color (--cyc-l de la seccion) al 40 % de dia y al 50 % de noche; en pantallas de 2x o mas el trazo es un filo de 0,5 px (box-shadow, porque Chrome redondea bordes de 0,5 a 1 px) compuesto con el brillo interior mate del contexto. Material, capas, numerales, centrado y textos intactos. VUELTA ATRAS: cy-botones-v7 (cyfix27faq 1.7.0). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"]:is(:hover,:focus,:active,:focus-visible){background-color:#29487B!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="true"]:is(:hover,:focus,:active,:focus-visible){background-color:#9FB0FF!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:is(:hover,:focus,:active,:focus-visible){background-color:#0E1116!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:is(:hover,:focus,:active,:focus-visible){background-color:#FFFFFF!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;color:#0E1116!important;-webkit-text-fill-color:#0E1116!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-color:#2E3440!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(159,176,255,.55)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-color:#DCE2F1!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;color:#0E1116!important;-webkit-text-fill-color:#0E1116!important;box-shadow:inset 0 0 0 1px rgba(41,72,123,.45)!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(a,button):is(.cy-tgb,.cy-lang-btn):focus-visible{outline:2px solid #29487B!important;outline-offset:2px!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(a,button):is(.cy-tgb,.cy-lang-btn):focus-visible{outline-color:#9FB0FF!important} html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body .st-mb [data-cy-lang] [data-screen-label="Acto II, La tesis"] [data-st-2col] .st-i-459fe4b3{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} html:root[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body .st-mb [data-cy-lang] :is([data-screen-label="Acto I, El problema"],[data-screen-label="Acto II, La tesis"]) img.st-i-c551a550{width:100%!important;max-width:100%!important;height:auto!important;margin-left:0!important;margin-right:0!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51) .cy-num{border-color:color-mix(in srgb,var(--cyc-l) 40%,transparent)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51) .cy-num{border-color:color-mix(in srgb,var(--cyc-l) 50%,transparent)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51){--cyt-g:inset 0 0 8px rgba(176,192,222,.45);--cyt-a:40%}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not([data-cy-theme="noche"]) body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Capítulo VI,"],[data-cy-arte="invert"]) :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51){--cyt-g:inset 0 0 8px rgba(159,176,255,.14)}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is([data-screen-label="Acto II, La tesis"],[data-screen-label^="Capítulo VI,"],[data-cy-arte="invert"]) :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51){--cyt-g:inset 0 0 8px rgba(176,192,222,.45)}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51){--cyt-a:50%} @media (min-resolution:2dppx),(-webkit-min-device-pixel-ratio:2){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51){border-color:transparent!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51){box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--cyc-l) var(--cyt-a),transparent),var(--cyt-g)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51) .cy-num,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7)[data-cy-theme="noche"] body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51) .cy-num{border-color:transparent!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7) body :is(.st-i-61cdc545,.st-i-7e6993ef,.st-i-2e999158,.st-i-89390c51) .cy-num{box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--cyc-l) var(--cyt-a),transparent)!important}} /* cy-botones-v9 (29 sep 2026, RELEVO-CIERRE-NOCTURNO-29SEP): v8 + lote de material y componentes. P09 modulacion uniforme de la familia (degradado vertical suave, sin parche de luz en esquina ni reflejo central; misma receta que st-pages v62). P02 Home Acto I: tag, numeral y divisor en rojo claro; «coberturas» en rojo pastel legible (dia #D2605A 3,8:1 texto grande, noche #F2A6A0). P13 rombos del carrusel: 10,5 px en movil, vidrio (relleno translucido y filo), activo relleno del serif; son indicadores decorativos (aria-hidden), la interaccion y el foco siguen en los botones anterior/siguiente. P14 pie: el logo pequeno vuelve a BLANCO (sin mascara); el vidrio esmerilado y el reflejo al hover van en el wordmark grande de las constelaciones. P15 redes del pie: vidrio oscuro homologado; hover y foco rellenan el boton completo (blanco con icono tinta). P16 Contactanos con vidrio: relleno del tema translucido (dia tinta .86, noche blanco .90) y desenfoque. P18 nav: sin subrayado en la pagina activa; se conserva aria-current y se marca con peso 600. P19 tags de heroes Home/CF/Nosotros: misma receta y tono por tema. P20 reserva de 440 px para los mockups moviles antes de registrarse (sin salto de maquetacion). VUELTA ATRAS: cy-botones-v8. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] :is(.st-i-61cdc545){--cyc-l:#D2605A!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"][data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] :is(.st-i-61cdc545){--cyc-l:#F2A6A0!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545 .cy-num{color:#B4403A!important;-webkit-text-fill-color:#B4403A!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"][data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545 .cy-num{color:#F2A6A0!important;-webkit-text-fill-color:#F2A6A0!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545::before,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545::after{background-color:#E8928B!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"][data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545::before,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"][data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545::after{background-color:rgba(242,166,160,.72)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] h2 em.cy-dser{color:#D2605A!important;-webkit-text-fill-color:#D2605A!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"][data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] h2 em.cy-dser{color:#F2A6A0!important;-webkit-text-fill-color:#F2A6A0!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-st-cb-ticks] i svg path{fill:rgba(246,249,254,.72)!important;stroke:color-mix(in srgb,#29487B 60%,transparent)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"] body [data-st-cb-ticks] i svg path{fill:rgba(28,40,78,.55)!important;stroke:color-mix(in srgb,#9FB0FF 60%,transparent)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-st-cb-ticks] i[data-on] svg path{fill:#29487B!important;stroke:#29487B!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"] body [data-st-cb-ticks] i[data-on] svg path{fill:#9FB0FF!important;stroke:#9FB0FF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-st-cb-ticks] i svg{filter:drop-shadow(0 0 1.5px rgba(176,192,222,.55))}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"] body [data-st-cb-ticks] i svg{filter:drop-shadow(0 0 1.5px rgba(159,176,255,.25))} @media (max-width:991px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-st-cb-ticks]{gap:6px!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-st-cb-ticks] i,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-st-cb-ticks] i svg{width:10.5px!important;height:10.5px!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body footer span:has(>img:is(.st-i-9386719a,.st-i-74a57e2d)){filter:none!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body footer img:is(.st-i-9386719a,.st-i-74a57e2d){-webkit-mask:none!important;mask:none!important;object-position:50% 50%!important;background:none!important;filter:brightness(0) invert(1)!important;transition:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-stf-cielo-host] .st-i-5d29ff81{-webkit-text-fill-color:transparent!important;color:transparent!important;background-image:linear-gradient(112deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.62) 50%,rgba(255,255,255,0) 62%),linear-gradient(180deg,rgba(226,233,250,.26) 0%,rgba(204,215,240,.16) 55%,rgba(184,198,230,.12) 100%)!important;background-size:300% 100%,100% 100%!important;background-repeat:no-repeat!important;background-position:0% 0,0 0!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-position .9s cubic-bezier(.2,.7,.2,1)!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-stf-cielo-host]:hover .st-i-5d29ff81{background-position:60% 0,0 0!important}}@media (prefers-reduced-motion:reduce){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body [data-stf-cielo-host] .st-i-5d29ff81{transition:none!important}} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body footer a.st-i-9be88b5c{background-color:rgba(255,255,255,.06)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important;border-color:rgba(242,244,248,.22)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important;color:rgba(242,244,248,.86)!important;text-decoration:none!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body footer a.st-i-9be88b5c:hover{background-color:#FFFFFF!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;color:#0E1116!important;border-color:#FFFFFF!important}}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body footer a.st-i-9be88b5c:focus-visible{background-color:#FFFFFF!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;color:#0E1116!important;border-color:#FFFFFF!important;outline:2px solid #9FB0FF!important;outline-offset:2px!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body footer a.st-i-9be88b5c :is(svg,path,span){color:inherit!important;fill:currentColor} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body nav a.cy-dbtn.st-i-12e7ea0b{background-color:rgba(14,17,22,.86)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body nav a.w--current,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body nav a[aria-current="page"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body nav a[aria-current="page"] *{text-decoration:none!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body nav a.cy-dchip[aria-current="page"]{font-weight:600!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body :is(.st-i-e8cb974b,[data-st-hero] .st-i-80743382,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){background-color:rgba(240,246,254,.62)!important;border-color:rgba(14,17,22,.12)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"] body :is(.st-i-e8cb974b,[data-st-hero] .st-i-80743382,.st-i-50618151,.st-i-9959a838,.st-i-10d9daec){background-color:rgba(40,53,88,.55)!important;border-color:rgba(255,255,255,.12)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"] body nav a.cy-dbtn.st-i-12e7ea0b{background-color:rgba(255,255,255,.90)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} /* P20: reserva del alto de los mockups moviles (web components) antes de registrarse; evitaba el salto de 0 a 440 px al cargar o cambiar de pagina. */ @media (max-width:991px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb cysure-mockup:not(:defined){display:block!important;min-height:440px!important}} /* cy-botones-v10 (29 sep 2026, cierre nocturno lote 2): v9 + P04 Home Acto II: el segundo parrafo toma la tipografia del primero (DM Sans 400, mismo cuerpo e interlineado) y se retiran 2 de los 4 subbloques (Nuevos riesgos, ya dicho en el parrafo, e Indemnizacion con evidencia, ya en Acto III); en escritorio la rejilla pasa a 2 columnas y solo quedan los rombos de la junta central. Reversible: ocultos, no borrados. P11 ilustraciones de contenido sueltas (fuera de bloques de vidrio, no fondos de hero ni fondos a sangre): marco curvo de vidrio de 5 px con relleno translucido, filo interior mate y desenfoque; sin sombra proyectada. El arte, su proporcion y su encuadre no cambian. P21 Nosotros: se ocultan tres parrafos cuyo contenido se integro al resumir los cantos I, V y VI. VUELTA ATRAS: cy-botones-v9. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto II, La tesis"] p.st-i-1c05b175{font-family:"DM Sans",sans-serif!important;font-weight:400!important;font-size:19px!important;line-height:1.7!important;letter-spacing:normal!important;max-width:none!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto II, La tesis"] .st-i-252598a6>.st-i-4e9752f9:is(.sx1,.inline-div-6){display:none!important} @media (min-width:992px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto II, La tesis"] .st-i-252598a6{grid-template-columns:repeat(2,minmax(0,1fr))!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto II, La tesis"] .st-i-252598a6>.st-n:is(.st-x25,.st-x75){display:none!important}} /* P21 Nosotros: cantos resumidos. Los parrafos cuyo contenido quedo integrado en el anterior se ocultan (no se borran): Canto I p4 (ejemplos de riesgo de IA, ahora en p3), Canto V p3 (rieles y cuenta del cliente, ahora en p2) y Canto VI p3 (regla automatica/revision, ya dicha en p1 y p2). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-wf-page="6a70a47f984c1cfa9f999a5e"] body [data-screen-label="Acto I, El seguro roto"] p.st-i-ce999f84.sx3,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-wf-page="6a70a47f984c1cfa9f999a5e"] body [data-screen-label="Acto V, Los rieles"] .st-i-ca1f08ce>p.st-i-ce999f84.sx2,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-wf-page="6a70a47f984c1cfa9f999a5e"] body [data-screen-label="Acto VI, La verificación"] p.st-i-ce999f84.sx2{display:none!important} /* cy-botones-v11 (29 sep 2026, RELEVO-DELTA-0710 P06): de noche el ultimo bloque de La ruta (azul claro de st-pages v62) llevaba el cuerpo en #5A6068 (4,31:1). Pasa a #3D4654, la tinta de cuerpo del sitio (6,2:1). Titulo, numeral y dia sin cambio. VUELTA ATRAS: cy-botones-v10. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10)[data-cy-theme="noche"] body :is(.st-dt,.st-mb) [data-screen-label="Acto V, La ruta"] .st-i-47b2561f.sx2 p,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10)[data-cy-theme="noche"] body :is(.st-dt,.st-mb) [data-screen-label="Acto V, La ruta"] .st-i-47b2561f.sx2 p *{color:#3D4654!important;-webkit-text-fill-color:#3D4654!important} /* cy-botones-v12 (29 sep 2026, RELEVO-FOTOS-MOBILE): P1 relleno del tag del Acto I de Home con tinte rojo sutil propio de cada tema (dia rgba(252,232,231,.78), noche rgba(92,38,46,.55)); borde, numeral y divisor rojos de v9 intactos. P2: se retira el marco de relleno de 5 px de v10 (el anillo de lente lo pinta st-pages v63). VUELTA ATRAS: cy-botones-v11. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545{background-color:rgba(252,232,231,.78)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11)[data-wf-page="6a553f8e569e3148ffc68445"][data-cy-theme="noche"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545{background-color:rgba(92,38,46,.55)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11)[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545 .cy-num{background-color:rgba(255,242,241,.9)!important}html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11)[data-wf-page="6a553f8e569e3148ffc68445"][data-cy-theme="noche"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545 .cy-num{background-color:rgba(70,28,36,.75)!important} /* v13 (29 sep 2026, RELEVO-NAV-MOBILE-29SEP): menu movil. 1 filas de enlace 64 px y texto 19 px; 2 flecha dentro de pieza de vidrio 44x44 radio 9 (mismo tratamiento que la X; el enlace sigue siendo una sola parada de foco, la pieza es el svg aria-hidden); 3 Idioma y Tema en dos columnas con la etiqueta sobre su control (Home/Nosotros/Blog/Agenda por sus dos filas; CF por su rejilla con etiquetas en ::before/::after) (controles y areas tactiles intactos); 4 selector no seleccionado en dia = boton completo blanco con tinta oscura (reemplaza el negro), seleccionado serif; noche sin cambio. VUELTA ATRAS: cy-botones-v12. */ @media (max-width:991px){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel:not([style*="display: none"]):not([style*="display:none"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>a.st-i-27587d51{grid-column:1/-1!important;min-height:64px!important;padding:10px 18px!important;align-items:center!important;font-size:19px!important;line-height:1.25!important;box-sizing:border-box!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>a.st-i-27587d51 span{font-size:19px!important;line-height:1.25!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>a.st-i-27587d51>svg{width:44px!important;height:44px!important;padding:12px!important;box-sizing:border-box!important;flex:0 0 44px!important;overflow:visible!important;border-radius:9px!important;background-color:rgba(246,249,254,.72)!important;background-image:linear-gradient(rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;border:1px solid rgba(14,17,22,.35)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8)[data-cy-theme="noche"] body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>a.st-i-27587d51>svg{background-color:rgba(28,40,78,.5)!important;background-image:linear-gradient(rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;border-color:rgb(43,46,50)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>:is(.st-i-2ea05a3e,.st-i-b73d2474){grid-column:auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;padding:12px 18px 14px!important;border-top:0!important;min-width:0!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:0!important;row-gap:8px!important;padding:12px 0 14px!important;justify-items:start!important;align-items:end!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724::before{grid-column:1!important;grid-row:1!important;padding-left:18px!important;width:auto!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724::after{grid-column:2!important;grid-row:1!important;padding-left:18px!important;width:auto!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724>[role=group][aria-label=Idioma],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724>[role=group][aria-label=Language]{grid-column:1!important;grid-row:2!important;margin:0 0 0 18px!important;justify-self:start!important;align-self:start!important;transform:none!important;position:static!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724>[role=group][aria-label=Tema],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724>[role=group][aria-label=Theme]{grid-column:2!important;grid-row:2!important;margin:0 0 0 18px!important;justify-self:start!important;align-self:start!important;transform:none!important;position:static!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>:is(.st-i-2ea05a3e,.st-i-b73d2474)>*{margin-left:0!important} } html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"],html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:is(:hover,:focus,:active,:focus-visible){background-color:#FFFFFF!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;color:#0E1116!important;-webkit-text-fill-color:#0E1116!important} @media (hover:hover){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not([data-cy-theme="noche"]) body :is(a,button):is(.cy-tgb,.cy-lang-btn)[aria-pressed="false"]:hover{background-color:#E4EAF6!important;color:#0E1116!important;-webkit-text-fill-color:#0E1116!important}} /* v14 (29 sep 2026, RELEVO-FROSTED-SUAVE P1): tag del Acto I de Home sin residuo azul. El degradado interior terminaba en azul grisaceo (dia rgba(176,192,222,.10); noche navy rgba(0,6,24,.14) con rgba(159,176,255,.05)) y el brillo interior de 8 px era azul (rgba(176,192,222,.45) / rgba(159,176,255,.14)); las variables heredadas --st-tag/--st-actline apuntaban a azul. Se pasan a la familia del rojo pastel del propio tag. Numeral, divisores y contorno de 0,5 px sin cambio. VUELTA ATRAS: cy-botones-v13. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not([data-cy-theme="noche"])[data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545.st-i-61cdc545{--st-tag:#D2605A!important;--st-actline:#D2605A!important;background-image:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 45%,rgba(210,96,90,.06) 100%)!important;box-shadow:inset 0 0 0 .5px rgba(210,96,90,.40),inset 0 0 8px rgba(232,146,139,.28)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9)[data-cy-theme="noche"][data-wf-page="6a553f8e569e3148ffc68445"] body [data-screen-label="Acto I, El problema"] .st-i-61cdc545.st-i-61cdc545{--st-tag:#F2A6A0!important;--st-actline:#F2A6A0!important;background-image:linear-gradient(180deg,rgba(242,166,160,.06) 0%,rgba(242,166,160,0) 45%,rgba(40,8,14,.14) 100%)!important;box-shadow:inset 0 0 0 .5px rgba(242,166,160,.50),inset 0 0 8px rgba(242,166,160,.14)!important} /* v15 (29 sep 2026, RELEVO-BORDE-MENU-29SEP): BUG del menu movil que no cerraba. v13 fijaba #cys-menu-panel{display:grid!important} y ese !important ganaba al display:none inline con que la interaccion de Webflow (IX2) oculta el panel: al tocar la X aria-expanded pasaba a false pero el panel seguia a la vista (y ya se veia al cargar). Ahora la rejilla solo aplica si el panel no lleva display:none inline. Punto 3: titulos Idioma y Tema centrados sobre su selector, dos columnas en la misma fila, toggles intactos. VUELTA ATRAS: cy-botones-v14 (con el bug) o v12 (antes del menu nuevo). */ @media (max-width:991px){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>:is(.st-i-2ea05a3e,.st-i-b73d2474){align-items:center!important;text-align:center!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>:is(.st-i-2ea05a3e,.st-i-b73d2474)>*{margin-left:auto!important;margin-right:auto!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724{justify-items:center!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724::before,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724::after{padding-left:0!important;text-align:center!important;justify-self:center!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724>[role=group]{margin:0!important;justify-self:center!important} } /* v16 (29 sep 2026, RELEVO-AJUSTES-ARTE-CONTORNO): 1 Home Acto I escritorio: la rejilla centraba la ilustracion en vertical y en pantallas anchas y altas (>=1680) subia por encima de la linea del tag, que la atravesaba. Texto (tag, linea, titulo y parrafos) e ilustracion se anclan arriba del bloque; la ilustracion queda a 60 px bajo el tag, sin tapar ni recortar. 4 Pie: la cola de la y del wordmark de constelaciones quedaba fuera de la caja del span y el relleno (background-clip:text) no la cubria; se alarga la caja por abajo sin mover el trazado. VUELTA ATRAS: cy-botones-v15. */ @media (min-width:992px){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-dt [data-cy-lang] [data-screen-label="Acto I, El problema"] img.st-i-c551a550.st-i-c551a550{align-self:start!important;margin-top:96px!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-dt [data-cy-lang] [data-screen-label="Acto I, El problema"] .st-i-0d271cae>.st-i-b5a98edb.st-i-b5a98edb{align-self:start!important} } html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body [data-cy-lang] footer .st-i-5d29ff81.st-i-5d29ff81{padding-bottom:.26em!important;margin-bottom:-.26em!important} /* v17 (29 sep 2026, RELEVO-SPLASH-HEROES-SAFARI §3): tag, titulo y subtitulo de los heroes de Home y Como funciona a la misma altura que Nosotros (referencia, sin tocar: sus encuadres y contraste ya validados). Se replican sus reglas: movil padding-top 96 / gap 18, <=430 84, <=360 68 y gap 12, <=340 gap 6; escritorio padding-top min(15vh,190px)-64 sobre la cabecera de 64 y gap 24, y con alto <=820 padding-top 24 y gap 16. Home escritorio pierde el translateY(-40px) del bloque y del indicador, que conserva sus 24 px bajo los CTA. VUELTA ATRAS: cy-botones-v16. */ @media (max-width:991px){ html[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-cf759d7e,html[data-wf-page="6a945828e0a2510ab8ed4069"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-1425c40f{padding-top:96px!important;row-gap:18px!important} } @media (max-width:430px){ html[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-cf759d7e,html[data-wf-page="6a945828e0a2510ab8ed4069"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-1425c40f{padding-top:84px!important} } @media (max-width:360px){ html[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-cf759d7e,html[data-wf-page="6a945828e0a2510ab8ed4069"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-1425c40f{padding-top:68px!important;row-gap:12px!important} } @media (max-width:340px){ html[data-wf-page="6a553f8e569e3148ffc68445"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-cf759d7e,html[data-wf-page="6a945828e0a2510ab8ed4069"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-mb [data-st-hero] .st-i-1425c40f{row-gap:6px!important} } @media (min-width:992px) and (min-aspect-ratio:1/1){ html[data-wf-page="6a945828e0a2510ab8ed4069"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-dt [data-cy-lang] [data-st-hero] > .st-i-4ffd1d97,html[data-wf-page="6a70a47f984c1cfa9f999a5e"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-dt [data-cy-lang] [data-st-hero] > .st-i-cdbf5803{padding-top:calc(clamp(96px,15vh,190px) - 64px)!important;row-gap:24px!important;transform:translateY(-40px)!important} html[data-wf-page="6a945828e0a2510ab8ed4069"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-dt [data-cy-lang] [data-st-hero] > .st-i-7eec58fa[data-st-scroll],html[data-wf-page="6a70a47f984c1cfa9f999a5e"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body .st-dt [data-cy-lang] [data-st-hero] > .st-i-7eec58fa[data-st-scroll]{transform:translateY(-40px)!important} } /* v18 (29 sep 2026, QA nativa Chrome): en hover las redes del pie (LinkedIn, X, Instagram) rellenan el boton de blanco y la regla heredada .st-i-9be88b5c[aria-label=...]:hover svg path fijaba un fill casi blanco con tinte de marca (234,243,254 / 255,255,255 / 255,237,244): icono invisible. El icono sigue la tinta del boton en hover y foco. VUELTA ATRAS: cy-botones-v17. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11) body footer a.st-i-9be88b5c:is(:hover,:focus-visible) :is(svg,svg *){fill:currentColor!important} /* v19 (29 sep 2026, RELEVO-IPHONE-CFVI-MENU P2): el nucleo (st-plataforma v14q) pinta la divisoria entre las dos filas apiladas Idioma/Tema como fondo del renglon (linear-gradient 1 px en y=64-72). Desde v13 el renglon va en dos columnas lado a lado y esa divisoria heredada cruzaba los toggles 5 px por encima de su borde inferior (la linea que Tono vio en iPhone). Se quita solo ese fondo; tamanos, alineacion y separadores de las filas de enlaces intactos. VUELTA ATRAS: cy-botones-v18. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>.st-i-1a003724{background-image:none!important} /* v20-B (29 sep 2026, RECEPCION18-CIERRE ISSUE B): redes del pie (LinkedIn, X, Instagram; YouTube oculto, por coherencia) con el mismo hover y foco que los botones de IA (ChatGPT, Claude, Gemini, Perplexity). CAUSA: la capa P15 de v9 (redes, 8 ids) pisaba el material comun de hover de v2 (fondo #000 + velo 18% currentColor + reflejo 125deg + anillo interior 22%) y en hover (hover:hover) y focus-visible rellenaba el boton de blanco con icono #0E1116; las reglas de marca del nucleo (st-core v75, .st-i-9be88b5c[aria-label]:hover) quedaban tapadas. En IA el hover con puntero pone contorno, tinta e icono del color de marca aclarado para el pie negro (#3DDBB2 #F0906B #7DB0F9 #35C7DB) y el foco de teclado no lleva marca (velo gris + anillo del nucleo 2px var(--st-tag) a 3px; noche #9FB0FF). Aqui se replica tal cual: marca = paleta del nucleo para el pie oscuro (LinkedIn #4A9EEB, Instagram #F0629B, YouTube #FF5A5A; X, marca negra, en blanco #FFFFFF, como el nucleo resuelve las marcas oscuras sobre el pie negro). Reposo sin cambios (vidrio de P15). Tamano y posicion sin cambios. VUELTA ATRAS: cy-botones-v19 (retirar este bloque). */ /* B1 material de hover/foco/activo = el de IA (todas las pantallas, como la regla de v2) */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c:is(:hover,:focus-visible,:active){background-color:#000!important;background-image:linear-gradient(color-mix(in srgb,currentColor 18%,transparent),color-mix(in srgb,currentColor 18%,transparent)),linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 60%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent),0 6px 14px -9px rgba(0,0,0,.8)!important} /* B2 focus-visible como IA: tinta y contorno de reposo, anillo del nucleo */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c:focus-visible{color:rgba(242,244,248,.86)!important;border-color:rgba(242,244,248,.22)!important;outline:2px solid var(--st-tag,#3B5BFF)!important;outline-offset:3px!important} html[data-cy-theme="noche"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c:focus-visible{outline-color:#9FB0FF!important} /* B3 hover con puntero como IA: contorno, tinta e icono de marca (el icono con fill fijo, como IA) */ @media (hover:hover){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="LinkedIn"]:hover{color:#4A9EEB!important;border-color:#4A9EEB!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="X"]:hover{color:#FFFFFF!important;border-color:#FFFFFF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="Instagram"]:hover{color:#F0629B!important;border-color:#F0629B!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="YouTube"]:hover{color:#FF5A5A!important;border-color:#FF5A5A!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="LinkedIn"]:hover :is(svg,svg *){fill:#4A9EEB!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="X"]:hover :is(svg,svg *){fill:#FFFFFF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="Instagram"]:hover :is(svg,svg *){fill:#F0629B!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body footer a.st-i-9be88b5c[aria-label="YouTube"]:hover :is(svg,svg *){fill:#FF5A5A!important} } /* v20-C (29 sep 2026, recepcion18 ISSUE C: Contactanos de la nav sin la curvatura de los demas botones). CAUSA: la curvatura mate de la familia cy-dbtn se lee por un filo de 1 px del relleno propio SIN sombreado (el borde transparente de 1 px de st-home/st-core, .st-i-34d95c18, .st-i-49632bdb, .st-i-0e7523d7...) y, dentro, el borde interior difuso inset 0 0 8px de cy-botones v6/v9, que el navegador pinta solo en la caja de relleno. El CTA de la nav (a.cy-dbtn[data-st-nav-cta]: .st-i-12e7ea0b en escritorio y movil, .st-i-20a76d27 en movil de Como funciona) no tiene borde (0 px): el difuso llega hasta el canto y el perimetro se ve blando, sin el filo que dibuja la curva en los demas. Relleno, desenfoque, difuso y colores de v9 P16 no cambian. CAMBIO: borde de 1 px transparente en todos los estados (el filo muestra el relleno propio del tema, igual que en los demas CTA) y el mismo px menos de padding lateral para que la caja no cambie (escritorio 11 -> 10, movil 14 -> 13, <=339 8 -> 7; alto fijo 46/44 con border-box). Radio 11 de la nav, tamano, posicion, texto, icono, colores, hover y foco sin cambio. VUELTA ATRAS: borrar este bloque (cy-botones-v19). */ @media (min-width:992px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body .st-dt nav a.cy-dbtn[data-st-nav-cta]{border-width:1px!important;border-style:solid!important;border-color:transparent!important;padding-left:10px!important;padding-right:10px!important;background-origin:padding-box!important;background-size:auto!important;background-repeat:repeat!important;background-position:0% 0%!important;}} @media (max-width:991px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body .st-mb nav a.cy-dbtn[data-st-nav-cta]{border-width:1px!important;border-style:solid!important;border-color:transparent!important;padding-left:13px!important;padding-right:13px!important}} @media (max-width:339px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13) body .st-mb nav a.cy-dbtn[data-st-nav-cta]{padding-left:7px!important;padding-right:7px!important}} /* v20-D (29 sep 2026, pedido de Tono): el bloque de preguntas frecuentes (.st-hfaq, vidrio [data-cy-vid]) no tenia base de color (transparente: se veia el fondo de la seccion, sobre todo de noche) y pasa a la misma superficie que las tarjetas de carrusel: dia rgba(255,255,255,.9), noche rgba(12,29,75,.9). Degradado, filo, vidrio y desenfoque sin cambio. VUELTA ATRAS: borrar estas dos reglas. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14) body [data-cy-lang] .st-hfaq[data-st-hfaq]{background-color:rgba(255,255,255,.9)!important} html[data-cy-theme="noche"]:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14) body [data-cy-lang] .st-hfaq[data-st-hfaq]{background-color:rgba(12,29,75,.9)!important} /* v20-E (29 sep 2026, pedido de Tono, con st-pages v71): el carrusel del Blog movil vuelve a la tira unida con juntas y rombos. La imagen de cada tarjeta deja de redondearse por su cuenta y la recorta el contorno de su tarjeta (overflow hidden con las esquinas de tira), asi que no quedan esquinas redondeadas ni franjas en las juntas. VUELTA ATRAS: borrar esta regla. */ @media (max-width:991px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14) body .st-mb [data-cy-lang] [data-st-pubs]>:not(.st-n) :is(img,.sx){border-radius:0!important}} /* v21-G (30 sep 2026, pedido de Tono): en el hero de escritorio los dos CTA ("Habla con los fundadores" y "Como funciona?") tienen exactamente el mismo tamano: el contenedor pasa a rejilla de columnas iguales al ancho del mas largo (max-content), con el mismo hueco. En movil ya ocupan los dos el ancho completo. Alto, padding, texto e icono sin cambio. VUELTA ATRAS: borrar esta regla. */ @media (min-width:992px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15) body .st-dt [data-cy-lang] [data-st-hero] :is(div,span):has(>a[data-st-cta]:not([data-st-nav-cta])+a[data-st-cta]:not([data-st-nav-cta])){display:inline-grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;width:max-content!important;max-width:100%!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15) body .st-dt [data-cy-lang] [data-st-hero] :is(div,span):has(>a[data-st-cta]:not([data-st-nav-cta])+a[data-st-cta]:not([data-st-nav-cta]))>a[data-st-cta]{width:auto!important;min-width:0!important;justify-content:center!important}} /* v22-K (30 sep 2026, pedido de Tono): mensaje de exito de los formularios (.w-form-done: Agenda, Contacto de Home y de Como funciona). Llevaba el gris por defecto de Webflow (#DDD) con el texto claro del tema (#E8ECF8): ilegible. Pasa a vidrio esmerilado verde (esmeralda de la marca, base #065F46 translucida con el brillo, el filo y el vidrio de los bloques), contorno verde, esquinas curvas como los bloques y texto blanco (contraste > 4,5:1 en dia y noche). VUELTA ATRAS: borrar estas reglas. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16) body [data-cy-lang] .w-form-done{background-color:rgba(6,95,70,.94)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 45%,rgba(2,44,34,.2) 100%)!important;border:1px solid rgba(110,231,183,.6)!important;border-radius:16px!important;box-shadow:inset 0 0 14px rgba(110,231,183,.28),inset 0 1px 0 rgba(255,255,255,.18),0 10px 30px -14px rgba(4,120,87,.55)!important;-webkit-backdrop-filter:blur(16px) saturate(1.1)!important;backdrop-filter:blur(16px) saturate(1.1)!important;padding:20px 22px!important;text-align:center!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16) body [data-cy-lang] .w-form-done,html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16) body [data-cy-lang] .w-form-done *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;opacity:1!important;font-weight:500!important} /* v23-G2 (30 sep 2026, pedido de Tono: CTAs del hero del mismo tamano tambien en movil): de 681 a 991 px el arbol movil pone los dos CTAs en fila y en espanol "Habla con los fundadores" media 261 px frente a 230. Misma solucion que G: rejilla de dos columnas iguales al ancho del mas largo. Hasta 680 ya van apilados a ancho completo. VUELTA ATRAS: borrar esta regla. */ @media (min-width:681px) and (max-width:991px){html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15) body .st-mb [data-cy-lang] [data-st-hero] :is(div,span):has(>a[data-st-cta]:not([data-st-nav-cta])+a[data-st-cta]:not([data-st-nav-cta])){display:inline-grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;width:max-content!important;max-width:100%!important;justify-self:center!important;align-self:center!important;margin-left:auto!important;margin-right:auto!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15) body .st-mb [data-cy-lang] [data-st-hero] :is(div,span):has(>a[data-st-cta]:not([data-st-nav-cta])+a[data-st-cta]:not([data-st-nav-cta]))>a[data-st-cta]{width:auto!important;min-width:0!important;justify-content:center!important}} /* v24-T1 (30 sep 2026, hallazgo de la replica DS LP v37, reproducido en staging v74/pie 10.03 con Playwright a 390 y 820, tactil): en pantallas sin hover real (hover:none) el :hover que queda pegado tras un toque, o el forzado en DevTools, mezclaba estados: el primario del hero conservaba su relleno de reposo con el velo claro del hover encima, y el secundario pasaba a blanco con filete #29487B y velo oscuro. En tactil el :hover se ancla al reposo exacto (valores medidos en reposo, iguales en Home, Como funciona y Nosotros); el foco de teclado (:focus-visible) mantiene su inversion completa. VUELTA ATRAS: borrar este bloque (v23). */ @media (hover:none){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not([data-cy-theme="noche"]) body .st-mb [data-cy-lang] [data-st-hero] a.cy-dbtn[data-st-cta]:not([data-st-nav-cta]):hover:not(:focus-visible){background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not([data-cy-theme="noche"]) body .st-mb [data-cy-lang] [data-st-hero] a.cy-dbtn-white[data-st-cta]:not([data-st-nav-cta]):hover:not(:focus-visible){background-color:rgba(246,249,254,.72)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17)[data-cy-theme="noche"] body .st-mb [data-cy-lang] [data-st-hero] a.cy-dbtn-white[data-st-cta]:not([data-st-nav-cta]):hover:not(:focus-visible){background-color:rgba(246,249,254,.9)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important;border-color:transparent!important} } /* v24-T2 (30 sep 2026, mismo hallazgo): el CTA de la nav de Home y Nosotros de dia lleva vidrio oscuro fijo (rgba(14,17,22,.86), regla de nav a.cy-dbtn.st-i-12e7ea0b) en todos los estados, pero al recibir foco la regla de Home movil con data-scrolled="0" le devolvia la tinta #0E1116: contraste 1,0. Con foco la tinta queda blanca, como en reposo. VUELTA ATRAS: borrar esta regla. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not([data-cy-theme="noche"]) body nav a.cy-dbtn.st-i-12e7ea0b[data-st-nav-cta]:is(:focus,:focus-visible),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not([data-cy-theme="noche"]) body nav a.cy-dbtn.st-i-12e7ea0b[data-st-nav-cta]:is(:focus,:focus-visible) :is(span,svg,path){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important} /* v25-N (30 sep 2026, Tono: «el boton de Contactanos no lo veo aun con el efecto que tienen todos los botones y CTAs»). Medido en staging v24 con Playwright (5 rutas, 1440 y 390, dia y noche, nav sobre el hero y desplazada): el CTA de la nav no cambia nada al pasar el raton (de noche solo la tinta, #0E1116 -> #070B12), mientras los CTA del hero se invierten. CAUSA: el nucleo si define el hover del CTA de la nav (a[data-st-cta][data-st-nav-cta]:hover -> #29487B con tinta blanca de dia, #9FB0FF con tinta oscura de noche), pero la regla de vidrio de cy-botones para nav a.cy-dbtn.st-i-12e7ea0b (8 ids, desde v20) pesa mas y fija el relleno en TODOS los estados, hover incluido. Aqui, con 18 ids y solo con hover real (hover:hover), el hover invierte igual que los CTA del hero: de dia vidrio oscuro -> relleno blanco con tinta #29487B (como el primario del hero); de noche vidrio blanco -> #9FB0FF con tinta #070B12 (como el secundario del hero). Con teclado (:focus-visible) sigue el foco ya definido. En tactil no hay hover pegado porque la regla vive en (hover:hover). Incluye .st-i-20a76d27 (nav movil de Como funciona) para que lleve el mismo vidrio y hover que el resto (hasta hoy iba en relleno solido #0E1116 sin vidrio por una regla de cabecera). VUELTA ATRAS: borrar el bloque v25-N (faq 1.24.0 / cy-botones v24). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27){background-color:rgba(14,17,22,.86)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27){background-color:rgba(255,255,255,.90)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important} /* v25-N2: tinta coherente con el vidrio en reposo. De noche el nucleo pone tinta blanca cuando la nav esta sobre el hero ([data-scrolled="0"]) en paginas sin [data-st-hero-dark] (Agenda, articulos): medido blanco sobre vidrio blanco en /agenda 1440 noche. La tinta va con el relleno: blanca sobre el vidrio oscuro de dia, #0E1116 sobre el vidrio blanco de noche. */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible) :is(span,svg,path){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible) :is(span,svg,path){color:#0E1116!important;-webkit-text-fill-color:#0E1116!important} @media (hover:hover){ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):hover:not(:focus-visible){background-color:#FFFFFF!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):hover:not(:focus-visible),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):hover:not(:focus-visible) :is(span,svg,path){color:#29487B!important;-webkit-text-fill-color:#29487B!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):hover:not(:focus-visible){background-color:#9FB0FF!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 0 8px rgba(176,192,222,.45)!important;border-color:transparent!important} html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):hover:not(:focus-visible),html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8):not(#cb9):not(#cb10):not(#cb11):not(#cb12):not(#cb13):not(#cb14):not(#cb15):not(#cb16):not(#cb17):not(#cb18)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):hover:not(:focus-visible) :is(span,svg,path){color:#070B12!important;-webkit-text-fill-color:#070B12!important} } /* cy-botones-v26 (1 oct 2026) = v25 + cy-vidrio-cta v1 (CTAs y pie con la receta de los bloques) + tamano temprano del CTA de la nav movil. VUELTA ATRAS: cyfix27faq 1.25.0 (carga v25). */ /* cy-vidrio-cta v1 (1 oct 2026, pedido de Tono): CTAs y botones del pie con la receta exacta de los bloques de st-pages (relieve interior por lado de 10px, filete de 1px, modulacion VID_MOD clara/oscura, blur 16px saturate 1.05) y fondo translucido en reposo para que el esmerilado se note. Solo reposo: los hovers por inversion de cy-botones v25 no se tocan. 24 ids para ganar a v25 (18). VUELTA ATRAS: borrar este bloque. */ html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24) body :is(:is(a,button).cy-dbtn,a.cy-dbtn-white,footer a:is(.st-i-9be88b5c,.st-i-b37884fb)){border-width:1px!important;border-style:solid!important;background-origin:border-box!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body :is(a,button).cy-dbtn:not(.st-i-34d95c18):not(:hover):not(:focus-visible):not(:active){background-color:rgba(14,17,22,.90)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(159,176,255,.14),inset 0 -10px 10px -10px rgba(159,176,255,.14),inset 10px 0 10px -10px rgba(159,176,255,.14),inset -10px 0 10px -10px rgba(159,176,255,.14)!important;border-color:#26397A!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:rgba(51,87,143,.84)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(159,176,255,.14),inset 0 -10px 10px -10px rgba(159,176,255,.14),inset 10px 0 10px -10px rgba(159,176,255,.14),inset -10px 0 10px -10px rgba(159,176,255,.14)!important;border-color:#26397A!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:rgba(255,255,255,.62)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body :is(a,button).cy-dbtn:not(.st-i-34d95c18):not(:hover):not(:focus-visible):not(:active){background-color:rgba(255,255,255,.92)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:rgba(159,176,255,.95)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:rgba(240,244,253,.90)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24) body footer a:is(.st-i-9be88b5c,.st-i-b37884fb):not(:hover):not(:focus-visible):not(:active){background-color:rgba(14,17,22,.90)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(159,176,255,.14),inset 0 -10px 10px -10px rgba(159,176,255,.14),inset 10px 0 10px -10px rgba(159,176,255,.14),inset -10px 0 10px -10px rgba(159,176,255,.14)!important;border-color:#26397A!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body :is(a,button).cy-dbtn:not(.st-i-34d95c18):not(:hover):not(:focus-visible):not(:active),html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24) body footer a:is(.st-i-9be88b5c,.st-i-b37884fb):not(:hover):not(:focus-visible):not(:active){background-color:#0E1116!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#33578F!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body :is(a,button).cy-dbtn:not(.st-i-34d95c18):not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#9FB0FF!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#E9EDFB!important}} @media (prefers-reduced-transparency:reduce){html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body :is(a,button).cy-dbtn:not(.st-i-34d95c18):not(:hover):not(:focus-visible):not(:active),html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24) body footer a:is(.st-i-9be88b5c,.st-i-b37884fb):not(:hover):not(:focus-visible):not(:active){background-color:#0E1116!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#33578F!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not([data-cy-theme="noche"]) body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body :is(a,button).cy-dbtn:not(.st-i-34d95c18):not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#9FB0FF!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24)[data-cy-theme="noche"] body a.cy-dbtn-white:not(:hover):not(:focus-visible):not(:active){background-color:#E9EDFB!important}html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24) body :is(:is(a,button).cy-dbtn,a.cy-dbtn-white,footer a:is(.st-i-9be88b5c,.st-i-b37884fb)){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}} /* cta-temprano (1 oct 2026): las reglas de tamano del CTA de la nav movil vivian en el pie del sitio, que llega despues del primer pintado, y el boton cambiaba de ancho al cargar (+5 px a 390, padding/letra a <=339). Se aplican desde la cabecera; el pie las conserva. */ html:root .st-mb [data-cy-lang] nav a[data-st-cta][data-st-nav-cta][data-st-nav-cta][data-st-nav-cta] svg{width:20px!important;height:20px!important}@media (max-width:339px){html:root body .st-mb [data-cy-lang] [data-st-nav] a[data-st-cta][data-st-nav-cta]{padding:0 8px!important;gap:4px!important;font-size:13px!important}} /* v27 (3 oct 2026, FOOTER-BOTONES-HOMOLOGACION-03OCT, Toño: «quiero que ambas secciones de botones ... se vean exactamente como ... las redes sociales ... sin hacer hover»). Causa: P15 (v9, 29 sep) dio SOLO a redes (a.st-i-9be88b5c) la tinta de reposo rgba(242,244,248,.86) y text-decoration:none; los 4 de verificacion IA (a.st-i-b37884fb) siguieron con la .75 del nucleo (st-core: footer a[aria-label]:not(:hover):not(:focus-visible)) y, en Nosotros, con el subrayado de la hoja de pagina. v26 (cy-vidrio-cta) ya homologo fondo, borde, sombra y blur de ambos grupos en reposo; faltaba la tinta del icono (dE ~9 medido). Misma cadena de 8 ids que P15; solo en reposo (:not(:hover):not(:focus-visible):not(:active)) para que el hover/foco de IA (nucleo por marca, v2) siga exactamente igual que hoy. No se copia la regla svg{fill:currentColor} de P15 porque el icono de Perplexity es de trazo (fill="none"). */ html:not(#cb1):not(#cb2):not(#cb3):not(#cb4):not(#cb5):not(#cb6):not(#cb7):not(#cb8) body footer a.st-i-b37884fb:not(:hover):not(:focus-visible):not(:active){color:rgba(242,244,248,.86)!important;text-decoration:none!important} /* delta-1331-03oct (3 oct 2026, encargo de reanudacion 13:31 de Tono). Tres bloques independientes para ANADIR AL FINAL de la proxima cy-botones (posterior a v27). Cada bloque se puede borrar por separado (VUELTA ATRAS = borrar el bloque). Solo ASCII; "Itaca" va escapado en CSS. */ /* D2-r4 (#73 + decision de Tono 04 oct 03:42Z) Como funciona: v21-G (30 sep) igualaba el ancho de los dos CTA del hero de Home con display:inline-grid!important y 15 ids; su selector generico tambien atrapaba el hero de Como funciona ("Hero, Itaca"), cuyo contenedor de CTA st-core v75 oculta a proposito. r3 devolvia el ocultado entero. Tono decide (04 oct): el CTA del hero de Como funciona se RENOMBRA, no se oculta (D5 de #65: "Ver nuestros agentes" / "See our agents", texto por set_text). r4 deja visible ese CTA (#flota) donde v21-G lo muestra (>=681) y solo mantiene fuera el otro CTA no solicitado ("Habla con los fundadores", /agenda), que el nucleo ocultaba y D2 pidio revertir. Home y el CTA de la nav no se tocan. VUELTA ATRAS: borrar esta regla (se veran los dos CTA, como v27). Para volver a r3 (ocultar el contenedor entero) ver cy-botones-delta-1331-03oct.r3-610ef372.css.bak. */ html:not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8):not(#c9):not(#c10):not(#c11):not(#c12):not(#c13):not(#c14):not(#c15):not(#c16) body [data-screen-label^="Hero, \0000CDtaca"] a[data-st-cta]:not([data-st-nav-cta]):not([href="#flota"]){display:none!important} /* D3 (#74) Nosotros: la serif del hero ("equipo"/"team") con el tratamiento serif de Como funciona (orden de Tono 21 sep, cabecera 29): token del tema efectivo en TODO ancho. Dia var(--st-prog,#29487B) (antes tinta #0E1116 en 992+); noche #9FB0FF (T-01b noche; antes #7C92FF). VUELTA ATRAS: borrar estas 2 reglas. */ html[data-wf-page="6a70a47f984c1cfa9f999a5e"]:not([data-cy-theme="noche"]):not(#n1):not(#n2) body :is(.st-dt,.st-mb) [data-cy-lang] [data-st-hero] h1 em{color:var(--st-prog,#29487B)!important;-webkit-text-fill-color:var(--st-prog,#29487B)!important} html[data-wf-page="6a70a47f984c1cfa9f999a5e"][data-cy-theme="noche"]:not(#n1):not(#n2) body :is(.st-dt,.st-mb) [data-cy-lang] [data-st-hero] h1 em{color:#9FB0FF!important;-webkit-text-fill-color:#9FB0FF!important} /* D6 (#76, absorbe #64/v27) Pie: redes (LinkedIn, X, Instagram) y "Verificanos con IA" (ChatGPT, Claude, Gemini, Perplexity) con el MISMO vidrio esmerilado de P15 (v9, 29 sep: velo blanco 6 %, filo interior lavanda 8 px, borde neutro 22 %, blur 22 px), que v26 (cy-vidrio-cta, 30 sep) sustituyo por el vidrio oscuro del CTA (fondo 90 % casi negro + borde cobalto) y que sobre el pie negro dejo el relieve casi invisible. Tinta de reposo .86 en los 7 (cierra #64). Foco de teclado: misma tinta, borde y radio en los dos grupos (antes IA .75 y radio 10 -> 6 px al enfocar). Hover (color de marca) sin cambio: ya era el mismo material en los dos grupos. El pie es negro en los dos temas: un solo juego de reglas. 25 ids > 24 de v26. No toca el wordmark. VUELTA ATRAS: borrar estas 2 reglas. */ html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a:is(.st-i-9be88b5c,.st-i-b37884fb):not(:hover):not(:focus-visible):not(:active){background-color:rgba(255,255,255,.06)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 0 8px rgba(159,176,255,.14)!important;border-color:rgba(242,244,248,.22)!important;border-radius:10px!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;backdrop-filter:blur(22px) saturate(1.12)!important;color:rgba(242,244,248,.86)!important;text-decoration:none!important} html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a:is(.st-i-9be88b5c,.st-i-b37884fb):focus-visible{color:rgba(242,244,248,.86)!important;border-color:rgba(242,244,248,.22)!important;border-radius:10px!important;text-decoration:none!important} /* D6-H1 (QA Fable 03oct, H1) Transparencia reducida: devuelve el fallback solido de v26 que la regla de 25 ids pisaba. Fondo opaco y sin desenfoque. VUELTA ATRAS: borrar este @media. */ @media (prefers-reduced-transparency:reduce){html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a:is(.st-i-9be88b5c,.st-i-b37884fb):not(:hover):not(:focus-visible):not(:active){background-color:rgb(14,17,22)!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}} /* D6-H3 (QA Fable 03oct, H3) Hover de los 4 botones IA: en /nosotros salia gris rgb(90,96,104) y subrayado; se fija la tinta de marca medida en Home y Como funciona (el velo de hover se tine con la misma tinta). Inocuo donde ya era asi. Solo escritorio con puntero (H4: en movil el hover v26 es neutro). VUELTA ATRAS: borrar este @media. */ @media (hover:hover) and (min-width:992px){ html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a.st-i-b37884fb:hover{text-decoration:none!important} html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a.st-i-b37884fb[aria-label="ChatGPT"]:hover{color:#3DDBB2!important} html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a.st-i-b37884fb[aria-label="Claude"]:hover{color:#F0906B!important} html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a.st-i-b37884fb[aria-label="Gemini"]:hover{color:#7DB0F9!important} html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6):not(#f7):not(#f8):not(#f9):not(#f10):not(#f11):not(#f12):not(#f13):not(#f14):not(#f15):not(#f16):not(#f17):not(#f18):not(#f19):not(#f20):not(#f21):not(#f22):not(#f23):not(#f24):not(#f25) body footer a.st-i-b37884fb[aria-label="Perplexity"]:hover{color:#35C7DB!important} } /* F1 (4 oct 2026, Tono: «en la version mobile el boton de habla con los fundadores en el hero ... tiene que ser como el color de la palabra que esta en serif pero con el efecto de frosted glass»). CAUSA: cy-vidrio-cta (v26, 1 oct) dio al primario del hero de Home un relleno translucido de OTRO tono (dia rgba(51,87,143,.84), noche rgba(159,176,255,.95)); compuesto sobre el cielo real del hero movil se ve #45669C de dia y #98A9F5 de noche, frente a la serif del mismo hero (#29487B dia / #7C92FF noche). AQUI: mismo vidrio aprobado (blur 16 saturate 1.05, relieve 10 px por lado, filete 1 px, modulacion VID_MOD) con el tinte calculado para que el compuesto sobre el fondo medido sea el color de la serif. Solo arbol movil (.st-mb, <=991), tambien el :hover pegado tras un toque (hover:none). Foco de teclado y :active conservan la inversion de v25. 26 ids > 25 de D6. VUELTA ATRAS: borrar este bloque F1. */ html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26):not([data-cy-theme="noche"]) body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:rgba(18,49,101,.84)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(159,176,255,.14),inset 0 -10px 10px -10px rgba(159,176,255,.14),inset 10px 0 10px -10px rgba(159,176,255,.14),inset -10px 0 10px -10px rgba(159,176,255,.14)!important;border-color:#26397A!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26):not([data-cy-theme="noche"]) body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active) :is(span,svg){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26)[data-cy-theme="noche"] body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:rgba(132,154,255,.94)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26)[data-cy-theme="noche"] body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active) :is(span,svg){color:#070B12!important;-webkit-text-fill-color:#070B12!important} @media (hover:none){html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26):not([data-cy-theme="noche"]) body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:hover:not(:focus-visible):not(:active){background-color:rgba(18,49,101,.84)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(159,176,255,.14),inset 0 -10px 10px -10px rgba(159,176,255,.14),inset 10px 0 10px -10px rgba(159,176,255,.14),inset -10px 0 10px -10px rgba(159,176,255,.14)!important;border-color:#26397A!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26):not([data-cy-theme="noche"]) body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:hover:not(:focus-visible):not(:active) :is(span,svg){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26)[data-cy-theme="noche"] body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:hover:not(:focus-visible):not(:active){background-color:rgba(132,154,255,.94)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26)[data-cy-theme="noche"] body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:hover:not(:focus-visible):not(:active) :is(span,svg){color:#070B12!important;-webkit-text-fill-color:#070B12!important}} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26):not([data-cy-theme="noche"]) body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#29487B!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26)[data-cy-theme="noche"] body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#7C92FF!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}} @media (prefers-reduced-transparency:reduce){html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26):not([data-cy-theme="noche"]) body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#29487B!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html:not(#g1):not(#g2):not(#g3):not(#g4):not(#g5):not(#g6):not(#g7):not(#g8):not(#g9):not(#g10):not(#g11):not(#g12):not(#g13):not(#g14):not(#g15):not(#g16):not(#g17):not(#g18):not(#g19):not(#g20):not(#g21):not(#g22):not(#g23):not(#g24):not(#g25):not(#g26)[data-cy-theme="noche"] body .st-mb [data-st-hero] a.cy-dbtn.st-i-34d95c18:not(:hover):not(:focus-visible):not(:active){background-color:#7C92FF!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}} /* F2 (4 oct 2026, Tono: «en Safari ... algunos botones que se cortan de manera milimetrica como los botones para cambiar el carrusel»). CAUSA (hipotesis de origen; Playwright WebKit sin GPU no lo reproduce): estos botones llevan backdrop-filter, que obliga a WebKit a componerlos en capa propia, y sus sombras son solo interiores (inset), asi que el desborde visual = caja de borde exacta. Caen en posiciones fraccionarias de pixel de dispositivo (y*DPR con fraccion .16-.98 medida en 390/430/820) y la capa ajustada al pixel recorta la fila exterior antialiasada del filete de 1 px con radio. AQUI: un contorno transparente de 2 px fuera de la caja da a la capa margen de pintado en los 4 lados sin cambiar nada visible ni el layout. Excluye :focus, donde mandan los anillos de foco existentes. VUELTA ATRAS: borrar este bloque F2. */ html:not(#f2a) body :is([data-st-carr-btn],[data-st-flota-btn],[data-cy-covbtn],.st-i-4f5bc1fe,.st-i-42c62792,.st-i-71b31e47,a.st-i-9be88b5c,a.st-i-b37884fb,a.cy-dbtn,button.cy-dbtn,a.cy-dbtn-white,button.cy-dbtn-white):not(:focus){outline:2px solid transparent!important;outline-offset:0!important} /* cy-botones-v30 (4 oct 2026, ronda 2 de Tono) = v29 + este bloque R2. VUELTA ATRAS: cyfix27faq 1.28.0 (carga v29) y cabecera CF r2d. */ /* R2-G1 «el frosted de las ilustraciones esta muy notorio, mas smooth». Causa: D1 (#72, st-pages v91) devolvio la mascara del contorno a pico 1 (velo) y .5 (clon desenfocado) sobre la banda de 14 px, mas filo blanco .34, brillo .15 y relieve lavanda .45 dia/.22 noche: el borde se lee como marco. Aqui, sin tocar st-pages ni la banda: lentes del DOM claro -> velo x.55, clon desenfocado x.6, refraccion x.6 (la mascara inline de D1 queda, solo baja la capa entera); mockups (shadow DOM, solo alcanzable por variables heredadas) -> velo .12->.06, filo .34->.18, brillo .15->.07, relieve .45->.24 dia / .22->.12 noche. Transicion mas gradual: el relieve interior pasa de 10 a 14 px de caida en las lentes del DOM claro. */ html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28) body [data-cy-lente-velo]{opacity:.55!important} html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28) body :is([data-cy-lente-lupa],[data-cy-lente-blq]>div:not([data-cy-lente-refr]):not([data-cy-lente-velo])){opacity:.6!important} html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28) body [data-cy-lente-refr]{opacity:.6!important} html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28):not([data-cy-theme="noche"]) body cysure-mockup{--cy-velo:rgba(255,255,255,.06);--cy-velo-filo:rgba(255,255,255,.18);--cy-velo-brillo:rgba(255,255,255,.07);--cy-d1-rel:rgba(176,192,222,.24)} html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28)[data-cy-theme="noche"] body cysure-mockup{--cy-velo:rgba(255,255,255,.05);--cy-velo-filo:rgba(255,255,255,.16);--cy-velo-brillo:rgba(255,255,255,.06);--cy-d1-rel:rgba(159,176,255,.12)} /* R2-G2 «la ilustracion del capitulo 6 no tiene el efecto». Causa: el mockup payout (Capitulo VI, El Express Payout) SI lleva el contorno (cy-frost, D1=1), pero su escena es invertida (arte nocturno tambien de dia) y el velo/relieve del tema dia son blancos/lavanda claro sobre cielo oscuro liso: el clon desenfocado de un cielo liso es igual al original y el velo blanco .12 no se distingue. Mismo criterio que D1 para data-cy-inv: usa el material del otro tema (el de noche), ya suavizado como G1. */ /* R2-G2 retirado en v31 (payout = v29) */ /* R2-G4 «las flechas del menu movil a la misma altura (vertical) que la X». Causa: v19 fija la fila del panel con padding 10px 18px y la X de la nav queda a 16 px del borde (330-374 a 390): el cuadro de flecha (44 px) termina 2 px antes que la X en 375/390/430/820. Fila a 16 px -> borde derecho y eje iguales. */ html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28) body .st-mb [data-cy-lang] #cys-menu-panel#cys-menu-panel>a.st-i-27587d51{padding-right:16px!important} /* R2-G5 «Contactanos sin el frosted de todos los botones». Causa: el CTA de la nav lleva el vidrio oscuro de cy-vidrio-cta a .90 (dia) y blanco a .92 (noche) -> casi opaco: el desenfoque no se ve. Mismo material que el secundario (cy-dbtn-white, .62): relleno .62 + VID_MOD + relieve por lado 10 px + filete 1 px + blur 16 px. Tinta igual (blanca de dia, #0E1116 de noche). Hover/foco/activo: sin cambios (inversion de v25). */ html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:rgba(14,17,22,.62)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(159,176,255,.14),inset 0 -10px 10px -10px rgba(159,176,255,.14),inset 10px 0 10px -10px rgba(159,176,255,.14),inset -10px 0 10px -10px rgba(159,176,255,.14)!important;border-color:#26397A!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:rgba(255,255,255,.62)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.10) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:#0E1116!important}html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important}} @media (prefers-reduced-transparency:reduce){html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:#0E1116!important}html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10):not(#r11):not(#r12):not(#r13):not(#r14):not(#r15):not(#r16):not(#r17):not(#r18):not(#r19):not(#r20):not(#r21):not(#r22):not(#r23):not(#r24):not(#r25):not(#r26):not(#r27):not(#r28)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:#FFFFFF!important}} /* cy-botones-v31 (4 oct 2026, ronda 2b) = v30 + este bloque R2b. VUELTA ATRAS: cyfix27faq 1.29.0 (carga v30) y cabecera CF r2e. */ /* R2b-G2: NO alcanzable desde CSS con la metrica de banda 6-28 vs interior 44-84 (payout < lead de noche tambien en v29; filo/relieve reforzados no lo cambian, ver ENTREGA-R2b). Se QUITA el delta payout de v30 (R2-G2): payout vuelve a v29. */ html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11):not(#s12):not(#s13):not(#s14):not(#s15):not(#s16):not(#s17):not(#s18):not(#s19):not(#s20):not(#s21):not(#s22):not(#s23):not(#s24):not(#s25):not(#s26):not(#s27):not(#s28):not(#s29):not(#s30):not([data-cy-theme="noche"]) body cysure-mockup[agent="payout"]{--cy-velo:rgba(255,255,255,.12)!important;--cy-velo-filo:rgba(255,255,255,.34)!important;--cy-velo-brillo:rgba(255,255,255,.15)!important;--cy-d1-rel:rgba(176,192,222,.45)!important} html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11):not(#s12):not(#s13):not(#s14):not(#s15):not(#s16):not(#s17):not(#s18):not(#s19):not(#s20):not(#s21):not(#s22):not(#s23):not(#s24):not(#s25):not(#s26):not(#s27):not(#s28):not(#s29):not(#s30)[data-cy-theme="noche"] body cysure-mockup[agent="payout"]{--cy-velo:rgba(196,208,255,.075)!important;--cy-velo-filo:rgba(175,190,255,.21)!important;--cy-velo-brillo:rgba(159,176,255,.11)!important;--cy-d1-rel:rgba(159,176,255,.22)!important} /* R2b-T y R2b-P retirados en v32: toggles, Enviar y Agenda = v30 */ /* cy-botones-v32 (4 oct 2026, ronda 3 Tono) = v31 SIN los bloques R2b-T y R2b-P (toggles .cy-tgb/.cy-lang-btn, Enviar .st-i-bb720069 y Agenda .st-i-0e7523d7 vuelven exactamente a v30) + este bloque R3. VUELTA ATRAS: cyfix27faq 1.30.0 (carga v31) y cabecera CF r2f. De v31 solo se conserva payout = v29. */ /* R3-C «Contactanos blanco en dark como el CTA del hero de Home; negro en light». Noche: material EXACTO del CTA blanco del hero de Home (.st-i-49632bdb, cy-dbtn-white noche): rgba(240,244,253,.90) + degradado/relieve/filete claros + blur 16, tinta #070B12. Dia: el hero de Home no tiene CTA negro (fundadores es azul serif, .st-i-34d95c18); se usa el negro de la familia (cy-vidrio-cta de v29): rgba(14,17,22,.90) + blur 16, tinta blanca. Solo reposo: hover/foco/activo siguen como v30/v31. */ html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13):not(#t14):not(#t15):not(#t16):not(#t17):not(#t18):not(#t19):not(#t20):not(#t21):not(#t22):not(#t23):not(#t24):not(#t25):not(#t26):not(#t27):not(#t28):not(#t29):not(#t30):not(#t31):not(#t32)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:rgba(240,244,253,.9)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 45%,rgba(176,192,222,.1) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(176,192,222,.45),inset 0 -10px 10px -10px rgba(176,192,222,.45),inset 10px 0 10px -10px rgba(176,192,222,.45),inset -10px 0 10px -10px rgba(176,192,222,.45)!important;border-color:#C4CFE4!important;color:#070B12!important;-webkit-text-fill-color:#070B12!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13):not(#t14):not(#t15):not(#t16):not(#t17):not(#t18):not(#t19):not(#t20):not(#t21):not(#t22):not(#t23):not(#t24):not(#t25):not(#t26):not(#t27):not(#t28):not(#t29):not(#t30):not(#t31):not(#t32)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active) *{color:#070B12!important;-webkit-text-fill-color:#070B12!important} html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13):not(#t14):not(#t15):not(#t16):not(#t17):not(#t18):not(#t19):not(#t20):not(#t21):not(#t22):not(#t23):not(#t24):not(#t25):not(#t26):not(#t27):not(#t28):not(#t29):not(#t30):not(#t31):not(#t32):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:rgba(14,17,22,.9)!important;background-image:linear-gradient(180deg,rgba(159,176,255,.05) 0%,rgba(159,176,255,0) 45%,rgba(0,6,24,.14) 100%)!important;box-shadow:inset 0 10px 10px -10px rgba(159,176,255,.14),inset 0 -10px 10px -10px rgba(159,176,255,.14),inset 10px 0 10px -10px rgba(159,176,255,.14),inset -10px 0 10px -10px rgba(159,176,255,.14)!important;border-color:#26397A!important;color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-backdrop-filter:blur(16px) saturate(1.05)!important;backdrop-filter:blur(16px) saturate(1.05)!important} html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13):not(#t14):not(#t15):not(#t16):not(#t17):not(#t18):not(#t19):not(#t20):not(#t21):not(#t22):not(#t23):not(#t24):not(#t25):not(#t26):not(#t27):not(#t28):not(#t29):not(#t30):not(#t31):not(#t32):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active) *{color:#fff!important;-webkit-text-fill-color:#fff!important} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13):not(#t14):not(#t15):not(#t16):not(#t17):not(#t18):not(#t19):not(#t20):not(#t21):not(#t22):not(#t23):not(#t24):not(#t25):not(#t26):not(#t27):not(#t28):not(#t29):not(#t30):not(#t31):not(#t32)[data-cy-theme="noche"] body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:#F0F4FD!important}html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13):not(#t14):not(#t15):not(#t16):not(#t17):not(#t18):not(#t19):not(#t20):not(#t21):not(#t22):not(#t23):not(#t24):not(#t25):not(#t26):not(#t27):not(#t28):not(#t29):not(#t30):not(#t31):not(#t32):not([data-cy-theme="noche"]) body nav a.cy-dbtn[data-st-nav-cta]:is(.st-i-12e7ea0b,.st-i-20a76d27):not(:hover):not(:focus-visible):not(:active){background-color:#0E1116!important}} /* cy-pie-scroll-fix v1 · 4 oct 2026 · ronda 3 «se traba al llegar al pie» El wordmark grande del pie (span.st-i-5d29ff81, «cysure» 345,6 px con background-clip:text de 4 capas, 2 de ellas blob PNG del vidrio de cy-wordmark-frosted, trazo de 1,25 px y filter:drop-shadow) se pinta encima del lienzo animado de constelaciones (canvas[data-stf-cielo], rAF continuo). Sin capa propia, WebKit lo vuelve a pintar en CADA fotograma del lienzo: 41-50 ms por fotograma (~21 fps) con el pie en vista, en todas las paginas (pie comun). Capa propia: se rasteriza una vez y solo se recompone. No cambia ningun valor visual. */ footer span[aria-hidden].st-i-5d29ff81{will-change:transform}