/* AXELIA LOGIN IPS 2026 — CSS aislado para demostración y adaptación visual QA.
   No modifica la semántica de formularios, acciones, tokens ni validadores. */
:root{--ax-navy:#061c43;--ax-deep:#031532;--ax-blue:#0c63c8;--ax-cyan:#2aa9f4;--ax-ink:#10254a;--ax-muted:#7182a1;--ax-outline:#dce5f1;--ax-focus:#398bfb;--ax-white:#fff}
body.ax26-demo *,body.ax26-demo *::before,body.ax26-demo *::after,body.ax26-live-ready *,body.ax26-live-ready *::before,body.ax26-live-ready *::after{box-sizing:border-box}
body.ax26-demo{margin:0;min-height:100vh;background:#edf4fe;color:var(--ax-ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.ax26-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(520px,.88fr);background:#eaf3ff}
.ax26-brand{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 74% 37%,#1464b5 0,#0c326a 34%,#071e46 72%,#041632 100%);color:white;padding:clamp(34px,4vw,76px) clamp(32px,5.2vw,90px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}
.ax26-brand:before{content:"";position:absolute;z-index:-1;inset:-40% -60% -15% 0;background:linear-gradient(112deg,transparent 35%,rgba(49,149,255,.13) 48%,transparent 58%);transform:rotate(-8deg);pointer-events:none}
.ax26-brand:after{content:"";position:absolute;z-index:-1;left:-33%;bottom:-36%;width:120%;aspect-ratio:1;border:1px solid rgba(86,170,252,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(25,95,170,.025),0 0 0 210px rgba(25,95,170,.025);pointer-events:none}
.ax26-brand-art{position:absolute;pointer-events:none;user-select:none;width:min(96%,800px);right:-19%;top:6%;bottom:0;object-fit:contain;opacity:.73;z-index:-1;filter:drop-shadow(0 0 40px rgba(1,136,255,.12));animation:ax26-drift 16s ease-in-out infinite alternate}
@keyframes ax26-drift{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-10px,9px,0)}}
.ax26-brand-inner{position:relative;z-index:1;max-width:550px}
.ax26-mark{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.23em;font-weight:750;color:#e0efff;text-transform:uppercase}
.ax26-mark:before{content:"";display:block;width:32px;height:3px;border-radius:10px;background:#21b6ff;box-shadow:0 0 16px #1b9dff}
.ax26-brand-caption{font-size:11px;letter-spacing:.27em;text-transform:uppercase;font-weight:600;color:#82b8eb;margin:14px 0 0}
.ax26-hero{margin-top:clamp(65px,10vh,138px)}
.ax26-hero h1{color:#fff;margin:0;line-height:1.02;font-size:clamp(57px,6vw,103px);letter-spacing:-.065em;font-weight:850;text-shadow:0 8px 30px rgba(0,0,0,.16)}
.ax26-hero h1 span{color:#53bcff}
.ax26-hero h2{font-size:clamp(23px,2.5vw,41px);font-weight:570;letter-spacing:-.035em;margin:9px 0 0;color:#eaf4ff}
.ax26-accent{width:53px;height:4px;background:linear-gradient(90deg,#30c8ff,#0b79f4);border-radius:8px;box-shadow:0 0 18px rgba(0,171,255,.6);margin:25px 0}
.ax26-hero p{font-weight:400;font-size:clamp(14px,1.25vw,17px);color:#b9d1ed;max-width:440px;line-height:1.65;margin:0}
.ax26-features{margin-top:clamp(36px,5vw,60px);display:grid;gap:24px;position:relative}
.ax26-feature{display:flex;gap:16px;align-items:center;max-width:355px}
.ax26-feature-ico{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:17px;border:1px solid rgba(71,171,255,.25);background:linear-gradient(135deg,rgba(12,104,216,.62),rgba(8,58,126,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 15px 30px rgba(0,0,0,.09)}
.ax26-feature-ico svg{width:26px;height:26px;stroke:#c5eafe;stroke-width:1.85;fill:none;stroke-linejoin:round;stroke-linecap:round}
.ax26-feature-name{display:block;font-size:16px;line-height:1.2;font-weight:680;color:#f5faff}
.ax26-feature-desc{display:block;color:#adc8e9;font-size:12px;margin-top:5px;line-height:1.4}
.ax26-brand-bottom{padding-top:40px;position:relative;z-index:1;display:flex;gap:12px;align-items:center;color:#8cb2dc;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:600}
.ax26-brand-bottom svg{height:18px;width:18px;stroke:#40adf4;fill:none;stroke-width:1.7}
.ax26-auth-side{min-width:0;display:grid;place-items:center;position:relative;overflow:hidden;padding:32px 28px;background:radial-gradient(circle at 85% 5%,#c5defb,transparent 38%),linear-gradient(135deg,#ecf5ff 0,#f8fbff 56%,#dbeafc 100%)}
.ax26-auth-side:before{content:"";position:absolute;right:-18%;top:-25%;width:69%;aspect-ratio:1;border-radius:20%;border:1px solid rgba(35,129,237,.12);transform:rotate(-32deg)}
.ax26-auth-side:after{content:"";position:absolute;left:-23%;bottom:-33%;width:80%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(35,129,237,.11);box-shadow:0 0 0 65px rgba(65,141,233,.026)}
.ax26-card{position:relative;z-index:1;width:min(100%,520px);padding:clamp(29px,3.5vw,54px);background:#fff;border:1px solid rgba(255,255,255,.89);border-radius:31px;box-shadow:0 26px 80px rgba(22,55,107,.14),0 2px 10px rgba(22,55,107,.035)}
.ax26-logo-wrap{text-align:center;margin-bottom:30px}
.ax26-logo{width:112px;height:104px;max-width:100%;object-fit:contain;display:inline-block}
.ax26-title{margin:5px 0 6px;font-size:clamp(22px,2vw,28px);color:#0b2451;letter-spacing:-.045em;font-weight:740;line-height:1.2;text-align:center}
.ax26-subtitle{color:#7283a1;text-align:center;font-size:14px;margin:0}
.ax26-form{margin-top:34px}
.ax26-field{margin-bottom:19px}
.ax26-label{display:block;color:#19315c;font-size:13px;font-weight:710;margin-bottom:9px}
.ax26-input-wrap{position:relative;display:flex;align-items:center;min-height:54px;border:1px solid #d9e5f3;border-radius:12px;background:#f7faff;transition:border-color .2s,box-shadow .2s,background-color .2s}
.ax26-input-wrap:focus-within{border-color:var(--ax-focus);background:#fff;box-shadow:0 0 0 4px rgba(56,139,251,.12)}
.ax26-leading{width:20px;height:20px;stroke:#6580a5;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-left:17px}
.ax26-input{display:block;flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#102c53!important;padding:16px 14px!important;height:auto!important;font:inherit;font-size:14px!important;line-height:20px!important;letter-spacing:0!important}
.ax26-input::placeholder{color:#92a2ba;opacity:1}
.ax26-eye{display:grid;place-items:center;flex:0 0 52px;align-self:stretch;border:0;border-left:1px solid #e5edf5;border-radius:0 12px 12px 0;background:transparent;cursor:pointer;color:#526d92}
.ax26-eye:hover{background:#eff6ff;color:#0b5cbb}
.ax26-eye svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ax26-eye:focus-visible,.ax26-submit:focus-visible{outline:3px solid #6eb5ff;outline-offset:3px}
.ax26-caps{font-size:11px;color:#a15b08;min-height:17px;margin:5px 0 0}
.ax26-submit{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:22px;border:0;border-radius:12px;color:#fff;background:linear-gradient(105deg,#123e80 0%,#0a59b5 70%,#0675e6 100%);box-shadow:0 12px 27px rgba(10,83,168,.22);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}
.ax26-submit:hover{filter:brightness(1.08);box-shadow:0 16px 30px rgba(10,83,168,.3);transform:translateY(-1px)}
.ax26-submit:active{transform:translateY(0)}
.ax26-submit svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ax26-help{border-top:1px solid #e7edf5;margin-top:28px;padding-top:21px;display:flex;gap:9px;align-items:flex-start;justify-content:center;text-align:center;color:#7385a0;font-size:12px;line-height:1.65}
.ax26-help svg{height:16px;width:16px;flex:0 0 16px;stroke:#7c91af;fill:none;stroke-width:1.8;margin-top:2px}
.ax26-error{display:none;border-radius:9px;background:#fff3f2;border:1px solid #f8cfcc;padding:11px;color:#9c342f;font-size:12px;margin:0 0 15px}
.ax26-error.is-visible{display:block}
.ax26-preview-flag{position:fixed;bottom:12px;right:13px;z-index:3;color:#557295;font-size:10px;line-height:1.4;background:rgba(255,255,255,.94);border:1px solid #d6e3f4;padding:6px 10px;border-radius:99px;box-shadow:0 5px 20px rgba(30,70,140,.1)}
@media(max-width:1180px){.ax26-layout{grid-template-columns:minmax(0,1fr) minmax(465px,.95fr)}.ax26-brand{padding:44px}.ax26-brand-art{right:-32%;width:110%;opacity:.42}.ax26-card{padding:36px}.ax26-feature{gap:12px}.ax26-features{gap:17px}}
@media(max-width:900px){.ax26-layout{display:block}.ax26-brand{min-height:0;padding:36px 24px 30px}.ax26-brand-art{width:430px;top:-90px;right:-105px;opacity:.36}.ax26-hero{margin-top:32px}.ax26-hero h1{font-size:57px}.ax26-hero h2{font-size:26px}.ax26-hero p{font-size:14px}.ax26-accent{margin:15px 0}.ax26-features{display:none}.ax26-brand-bottom{padding-top:23px}.ax26-auth-side{padding:24px 16px 58px;overflow:visible}.ax26-card{width:min(100%,500px);border-radius:23px}.ax26-preview-flag{position:static;text-align:center;display:block;background:none;border:0;box-shadow:none;transform:translateY(-34px)}}
@media(max-width:420px){.ax26-brand{padding:25px 20px}.ax26-mark{font-size:10px;letter-spacing:.18em}.ax26-brand-caption{font-size:9px;letter-spacing:.15em}.ax26-hero h1{font-size:47px}.ax26-hero h2{font-size:23px}.ax26-card{padding:28px 22px}.ax26-logo{width:89px;height:82px}.ax26-logo-wrap{margin-bottom:18px}.ax26-title{font-size:21px}.ax26-form{margin-top:24px}}
@media(prefers-reduced-motion:reduce){body.ax26-demo *,body.ax26-live-ready *,body.ax26-demo *::before,body.ax26-live-ready *::before,body.ax26-demo *::after,body.ax26-live-ready *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Adaptador para la vista REAL de ASP.NET Core (no sustituye el formulario original).
   Se activa solo si el JS encuentra el formulario de login y contenedor esperado. */
body.ax26-live-ready{background:#eef6ff!important;overflow-x:hidden!important;min-height:100vh!important}
body.ax26-live-ready:before{content:"";position:fixed;inset:0 auto 0 0;width:55%;z-index:0;pointer-events:none;background:radial-gradient(circle at 82% 39%,#155cac 0,#0d3269 35%,#061d45 70%,#041431 100%)}
body.ax26-live-ready .ax26-live-visual{position:fixed;left:0;top:0;width:55%;height:100vh;z-index:1;padding:clamp(30px,3.2vw,52px) clamp(35px,4.8vw,80px);overflow:auto;color:white;font-family:Inter,"Segoe UI",system-ui,sans-serif}
body.ax26-live-ready .ax26-live-visual .ax26-brand-art{position:absolute;right:-27%;top:6%;width:110%;height:87%;opacity:.48}
body.ax26-live-ready .ax26-live-visual .ax26-hero{margin-top:clamp(38px,8vh,120px)}
body.ax26-live-ready .ax26-live-visual .ax26-hero h1{font-size:clamp(50px,5.5vw,92px)}
body.ax26-live-ready .ax26-live-visual .ax26-hero h2{font-size:clamp(22px,2.1vw,34px)}
body.ax26-live-ready .ax26-live-visual .ax26-feature-name{font-size:14px}
body.ax26-live-ready .ax26-live-visual .ax26-features{gap:16px;margin-top:35px}
body.ax26-live-ready .ax26-live-visual .ax26-brand-bottom{padding-top:28px}
body.ax26-live-ready .ax26-live-card{position:fixed!important;top:50%!important;left:calc(55% + 22.5%)!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(420px,39vw)!important;max-height:94vh!important;overflow-y:auto!important;background:white!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 26px 80px rgba(22,55,107,.16)!important;border-radius:28px!important;padding:clamp(24px,2.7vw,45px)!important;z-index:5!important;color:#142b4f!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important}
body.ax26-live-ready .ax26-live-card img{max-width:114px!important;max-height:106px!important;object-fit:contain!important}
body.ax26-live-ready .ax26-live-card input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),body.ax26-live-ready .ax26-live-card input[type=password]{border:1px solid #d9e5f3!important;background:#f7faff!important;border-radius:10px!important;min-height:43px!important;color:#102c53!important}
body.ax26-live-ready .ax26-live-card input:focus{outline:2px solid #9ec8ff!important;outline-offset:1px!important}
body.ax26-live-ready .ax26-live-card button[type=submit],body.ax26-live-ready .ax26-live-card input[type=submit]{background:linear-gradient(105deg,#123e80,#0765cf)!important;border:0!important;color:#fff!important;border-radius:10px!important;min-height:43px!important;font-weight:700!important;box-shadow:0 10px 22px rgba(10,83,168,.2)!important}
body.ax26-live-ready .ax26-live-card button[type=submit]:focus-visible,body.ax26-live-ready .ax26-live-card input[type=submit]:focus-visible{outline:3px solid #6eb5ff!important;outline-offset:3px!important}
.ax26-live-card .ax26-caps{color:#a15b08!important}
@media(max-width:980px){body.ax26-live-ready{padding:0 0 28px!important;min-height:100vh!important}body.ax26-live-ready:before{width:100%;height:270px;bottom:auto}body.ax26-live-ready .ax26-live-visual{position:relative;width:100%;height:240px;padding:27px 24px 20px;overflow:hidden}body.ax26-live-ready .ax26-live-visual .ax26-brand-art{top:-135px;right:-170px;width:570px;opacity:.32}body.ax26-live-ready .ax26-live-visual .ax26-hero{margin-top:31px}body.ax26-live-ready .ax26-live-visual .ax26-hero h1{font-size:48px}body.ax26-live-ready .ax26-live-visual .ax26-hero h2{font-size:22px}body.ax26-live-ready .ax26-live-visual .ax26-hero p{display:none}body.ax26-live-ready .ax26-live-visual .ax26-features,body.ax26-live-ready .ax26-live-visual .ax26-brand-bottom{display:none}body.ax26-live-ready .ax26-live-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:min(calc(100% - 28px),490px)!important;max-height:none!important;overflow:visible!important;margin:0 auto 22px!important;padding:30px!important;border-radius:22px!important}}
@media(max-width:420px){body.ax26-live-ready .ax26-live-card{padding:23px!important}}


/* ==============================================================
   AXELIA MOTION V2 — canvas, palabras flotantes y cámara PTZ SVG.
   Efectos solo en el panel azul; no modifican campos ni autenticación.
   =============================================================== */
.ax26-brand,body.ax26-live-ready .ax26-live-visual{isolation:isolate}
.ax26-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none!important;display:block;opacity:.85}
.ax26-floating-words{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none!important;user-select:none}
.ax26-float-word{position:absolute;display:block;white-space:nowrap;letter-spacing:.2em;font-size:clamp(9px,.72vw,12px);font-weight:700;color:#c3ebff;opacity:.29;text-shadow:0 0 20px rgba(72,183,255,.7);border:1px solid rgba(68,170,252,.15);border-radius:20px;background:rgba(15,84,163,.11);padding:7px 11px;animation:ax26-ambient-float 20s ease-in-out infinite alternate;will-change:transform}
.ax26-float-word:nth-child(1){top:14%;left:66%;animation-duration:23s;animation-delay:-8s}
.ax26-float-word:nth-child(2){top:34%;left:72%;animation-duration:19s;animation-delay:-4s}
.ax26-float-word:nth-child(3){top:48%;left:61%;animation-duration:25s;animation-delay:-12s}
.ax26-float-word:nth-child(4){top:64%;left:70%;animation-duration:22s;animation-delay:-2s}
.ax26-float-word:nth-child(5){top:78%;left:57%;animation-duration:18s;animation-delay:-7s}
.ax26-float-word:nth-child(6){top:88%;left:81%;animation-duration:24s;animation-delay:-11s}
@keyframes ax26-ambient-float{0%{transform:translate3d(-8px,14px,0) rotate(-4deg);opacity:.15}45%{opacity:.32}100%{transform:translate3d(20px,-25px,0) rotate(3deg);opacity:.23}}
.ax26-hero h1 .ax26-letter{display:inline-block;color:#fff;animation:ax26-letter-bob 7.2s ease-in-out infinite;will-change:transform}
.ax26-hero h1 .ax26-letter-accent{color:#53bcff}
.ax26-hero h1 .ax26-letter:nth-child(2){animation-delay:-1.1s}
.ax26-hero h1 .ax26-letter:nth-child(3){animation-delay:-2.3s}
.ax26-hero h1 .ax26-letter:nth-child(4){animation-delay:-3.1s}
.ax26-hero h1 .ax26-letter:nth-child(5){animation-delay:-4.2s}
.ax26-hero h1 .ax26-letter:nth-child(6){animation-delay:-5.5s}
@keyframes ax26-letter-bob{0%,100%{transform:translateY(0)}48%{transform:translateY(-6px)}77%{transform:translateY(2px)}}
/* En QA el fondo conserva su integridad y se ubica detrás del texto. */
body.ax26-live-ready .ax26-live-visual{overflow:hidden}
body.ax26-live-ready .ax26-live-visual .ax26-brand-inner,body.ax26-live-ready .ax26-live-visual .ax26-brand-bottom{position:relative;z-index:2}
@media(max-width:980px){body.ax26-live-ready .ax26-live-visual .ax26-floating-words{opacity:.43}}
@media(max-width:900px){.ax26-layout{overflow:hidden}.ax26-auth-side{overflow:hidden}.ax26-floating-words{opacity:.45}.ax26-float-word:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.ax26-float-word,.ax26-hero h1 .ax26-letter{animation:none!important;transform:none!important}.ax26-particle-canvas{display:none!important}}


/* AXELIA V3 — Corrección de superposiciones (28 OCT 2026)
   1. SVG sin etiquetas de posición fija (sin cajas ACCESOS/SEGURO/IDENTIDAD).
   2. Palabras decorativas confinadas al tercio derecho; no invaden los mensajes.
   3. La ilustración se atenúa gradualmente hacia el bloque de texto.
*/
.ax26-brand-art{
  right:-21%;width:min(89%,760px);opacity:.70;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.33) 28%,#000 53%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.33) 28%,#000 53%);
}
.ax26-floating-words{
  left:max(61%,445px);right:2%;top:0;bottom:0;
  overflow:hidden;z-index:0;pointer-events:none;
}
.ax26-float-word{
  width:max-content;max-width:calc(100% - 34px);
  color:#e6f6ff;letter-spacing:.12em;font-size:clamp(9px,.65vw,11px);
  line-height:1.25;text-align:center;
  background:rgba(2,25,63,.71);border:1px solid rgba(96,197,255,.24);
  border-radius:22px;padding:7px 11px;
  overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 1px 8px rgba(0,0,0,.3);
  box-shadow:0 5px 16px rgba(0,17,47,.12);
}
.ax26-float-word:nth-child(1){top:15%;left:3%}
.ax26-float-word:nth-child(2){top:29%;left:10%}
.ax26-float-word:nth-child(3){top:43%;left:2%}
.ax26-float-word:nth-child(4){top:57%;left:11%}
.ax26-float-word:nth-child(5){top:71%;left:2%}
.ax26-float-word:nth-child(6){top:85%;left:9%}
@keyframes ax26-ambient-float{
  0%{transform:translate3d(0px,5px,0);opacity:.40}
  50%{opacity:.63}
  100%{transform:translate3d(9px,-10px,0);opacity:.47}
}
/* Respetar la anchura efectiva cuando el panel corporativo se comprime. */
@media(max-width:1280px){
  .ax26-floating-words{left:max(66%,390px);right:1.5%}
  .ax26-float-word{font-size:9px;padding:6px 8px;letter-spacing:.06em}
  .ax26-float-word:nth-child(n+5){display:none}
}
@media(max-width:900px){
  .ax26-floating-words{display:none!important}
  .ax26-brand-art{right:-105px;width:430px;top:-90px;opacity:.30;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 55%);
    mask-image:linear-gradient(to right,transparent 0%,#000 55%)}
}
/* La versión inyectada en el Razor debe tener el mismo espacio seguro. */
body.ax26-live-ready .ax26-live-visual .ax26-brand-art{right:-21%;width:105%;opacity:.52;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.32) 30%,#000 54%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.32) 30%,#000 54%)}
@media(max-width:980px){
  body.ax26-live-ready .ax26-live-visual .ax26-floating-words{display:none!important}
  body.ax26-live-ready .ax26-live-visual .ax26-brand-art{top:-135px;right:-170px;width:570px;opacity:.30}
}
@media(prefers-reduced-motion:reduce){
  .ax26-float-word{animation:none!important;transform:none!important;opacity:.48!important}
}


/* ==============================================================
   AXELIA V4 | HALO DE PALABRAS ALREDEDOR DEL ESCUDO (28/10/2026)
   El SVG mantiene cámara y escudo sin etiquetas incrustadas.
   Las seis etiquetas se disponen en distintas posiciones de un
   anillo elíptico alrededor de la ilustración, nunca en una columna.
   No capturan clics, no ocultan el login ni cambian autenticación.
   =============================================================== */
.ax26-brand-art{
  right:-9%;width:min(83%,760px);opacity:.70;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 22%,#000 44%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 22%,#000 44%);
}
.ax26-floating-words{
  inset:0;left:0;right:0;top:0;bottom:0;
  z-index:0;overflow:hidden;pointer-events:none!important;
}
.ax26-float-word{
  /* La zona azul ahora se aprovecha por completo, no solo el tercio derecho. */
  --ax-anchor:0%;--ax-float-x:12px;--ax-float-y:10px;
  width:max-content;max-width:min(190px,21%);
  color:#e4f5ff;opacity:.7;
  font-size:clamp(9px,.65vw,11px);font-weight:700;
  letter-spacing:.105em;line-height:1.2;
  text-align:center;white-space:nowrap;
  padding:7px 12px;border:1px solid rgba(112,207,255,.31);
  background:rgba(4,32,76,.66);border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(219,242,255,.09),0 5px 15px rgba(0,15,41,.13);
  text-shadow:0 0 12px rgba(115,212,255,.5);
  animation:ax26-orbit-float 19s ease-in-out infinite alternate;
  will-change:transform;isolation:isolate;
}
/* Distribución elíptica equilibrada alrededor del escudo:
   superior, superior-izquierda, derecha, inferior-derecha, inferior e inferior-izquierda. */
.ax26-float-word:nth-child(1){left:70%;right:auto;top:14.5%;--ax-anchor:-50%;animation-duration:21s;animation-delay:-5s}
.ax26-float-word:nth-child(2){left:55%;right:auto;top:27%;--ax-anchor:-50%;animation-duration:25s;animation-delay:-11s;--ax-float-x:-12px}
.ax26-float-word:nth-child(3){left:auto;right:3.5%;top:44%;--ax-anchor:0%;animation-duration:24s;animation-delay:-15s}
.ax26-float-word:nth-child(4){left:auto;right:4%;top:66%;--ax-anchor:0%;animation-duration:22s;animation-delay:-3s;--ax-float-y:-12px}
.ax26-float-word:nth-child(5){left:72%;right:auto;top:83%;--ax-anchor:-50%;animation-duration:26s;animation-delay:-8s}
.ax26-float-word:nth-child(6){left:55%;right:auto;top:70%;--ax-anchor:-50%;animation-duration:23s;animation-delay:-17s;--ax-float-x:-9px}
/* El texto queda horizontal, mientras se desplaza suavemente en su arco. */
@keyframes ax26-orbit-float{
  0%{transform:translate3d(calc(var(--ax-anchor) - var(--ax-float-x)),calc(-1 * var(--ax-float-y)),0);opacity:.51}
  28%{opacity:.73}
  51%{transform:translate3d(calc(var(--ax-anchor) + 5px),9px,0);opacity:.82}
  77%{opacity:.72}
  100%{transform:translate3d(calc(var(--ax-anchor) + var(--ax-float-x)),var(--ax-float-y),0);opacity:.56}
}
/* Laptop: mantener un anillo más compacto, sin entrar en los textos informativos. */
@media (min-width:901px) and (max-width:1500px){
  .ax26-brand-art{right:-9%;width:min(83%,650px);opacity:.65}
  .ax26-float-word{font-size:9px;letter-spacing:.065em;padding:6px 9px;max-width:25%}
  .ax26-float-word:nth-child(1){left:71%;top:14%}
  .ax26-float-word:nth-child(2){left:57%;top:26%}
  .ax26-float-word:nth-child(3){right:2%;top:51%}
  .ax26-float-word:nth-child(4){right:2%;top:70%}
  .ax26-float-word:nth-child(5){left:71%;top:87%}
  .ax26-float-word:nth-child(6){left:60%;top:75%}
}
@media (min-width:901px) and (max-width:1180px){
  .ax26-float-word:nth-child(2),.ax26-float-word:nth-child(4){display:none}
}
@media(max-width:900px){
  .ax26-floating-words{display:none!important}
  .ax26-brand-art{right:-105px;width:430px;top:-90px;opacity:.30}
}
/* La misma composición acompaña a la vista Razor QA cuando exista espacio. */
body.ax26-live-ready .ax26-live-visual .ax26-brand-art{right:-9%;width:83%;opacity:.53;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 24%,#000 45%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 24%,#000 45%)}
@media(max-width:980px){
  body.ax26-live-ready .ax26-live-visual .ax26-floating-words{display:none!important}
  body.ax26-live-ready .ax26-live-visual .ax26-brand-art{top:-135px;right:-170px;width:570px;opacity:.3}
}
@media(prefers-reduced-motion:reduce){
  .ax26-float-word{animation:none!important;transform:translateX(var(--ax-anchor))!important;opacity:.66!important;will-change:auto}
}