/* =========================================================
   MIPTEC — Sistema de marca 2026 · Tokens + UI (botones, tarjetas, marcos)
   Fuentes: Saira Condensed (títulos), Saira (texto), IBM Plex Mono (datos)
   ========================================================= */

:root {
  /* Primarios oficiales (lámina del diseñador 2025) */
  --mt-azul-noche: #051F39;
  --mt-azul-miptec: #00315B;
  --mt-cian: #00A7CE;
  --mt-turquesa: #0091A2;
  --mt-amarillo-rayo: #FAED0C;
  /* Secundarios (tomados del isotipo y del logotipo) */
  --mt-azul-acero: #056087;
  --mt-azul-wordmark: #005778;
  --mt-azul-profundo: #001E3A;
  --mt-azul-tormenta: #0A2762;
  --mt-ambar: #F0A31F;
  --mt-naranja: #E88400;
  /* Neutros y texto */
  --mt-blanco: #FFFFFF;
  --mt-hielo: #EEF8F9;
  --mt-niebla: #C9DCE4;
  --mt-gris-acero: #4A6275;   /* texto secundario sobre claro (6.4:1) */
  --mt-gris-claro: #A9C3CF;   /* texto secundario sobre oscuro (9:1) */
  --mt-cian-texto: #00779A;   /* enlaces sobre claro (5.1:1) */
  --mt-cian-claro: #4CC3DE;   /* enlaces sobre oscuro (8:1) */
  /* Degradados */
  --mt-g-tormenta: linear-gradient(135deg, #051F39 0%, #00315B 100%);
  --mt-g-descarga: linear-gradient(135deg, #00315B 0%, #00A7CE 100%);
  --mt-g-nucleo: linear-gradient(180deg, #0091A2 0%, #056087 100%);
  --mt-g-rayo: linear-gradient(180deg, #FCED00 0%, #F6C810 48%, #F0A31F 100%);
  --mt-g-energia: linear-gradient(135deg, #FAED0C 0%, #E88400 100%);
  --mt-g-wordmark: linear-gradient(180deg, #005778 0%, #0B3150 100%);
  --mt-g-circuito: radial-gradient(circle at 50% 45%, #0A4E7A 0%, #051F39 55%, #020C18 100%);
  --mt-g-plasma: linear-gradient(120deg, #051F39 0%, #00315B 40%, #0091A2 75%, #00A7CE 100%);
  --mt-g-alto-voltaje: linear-gradient(90deg, #00315B 0%, #00A7CE 60%, #FAED0C 100%);
  --mt-g-hielo: linear-gradient(160deg, #FFFFFF 0%, #DDF1F7 100%);
  /* Tipografía */
  --mt-font-display: "Saira Condensed", "Bahnschrift SemiCondensed", "Arial Narrow", sans-serif;
  --mt-font-text: "Saira", "Aptos", "Segoe UI", Arial, sans-serif;
  --mt-font-mono: "IBM Plex Mono", Consolas, monospace;
  /* Geometría */
  --mt-chaflan-sm: 8px; --mt-chaflan-md: 16px; --mt-chaflan-lg: 32px;
  --mt-radio: 4px;
  --mt-sombra: 0 10px 30px rgba(1, 12, 26, .35);
  --mt-brillo: 0 0 0 1px rgba(0, 167, 206, .35), 0 0 24px rgba(0, 167, 206, .25);
}

.mt-chaflan { clip-path: polygon(var(--c, 16px) 0, 100% 0, 100% calc(100% - var(--c, 16px)), calc(100% - var(--c, 16px)) 100%, 0 100%, 0 var(--c, 16px)); }

/* ================= BOTONES ANIMADOS ================= */
.mt-btn {
  --c: 10px;
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  font: 700 16px/1 var(--mt-font-display); letter-spacing: .08em; text-transform: uppercase;
  padding: 16px 28px; border: 0; cursor: pointer; text-decoration: none; isolation: isolate; overflow: hidden;
  transition: transform .2s ease, box-shadow .3s ease, filter .3s ease;
}
.mt-btn:focus-visible { outline: 3px solid var(--mt-amarillo-rayo); outline-offset: 3px; }
.mt-btn:active { transform: translateY(1px) scale(.99); }
.mt-btn svg { width: 18px; height: 18px; flex: none; }

/* 1 · Energía — degradado que fluye + destello que barre */
.mt-btn--energia { color: #fff; background: linear-gradient(90deg, #00315B, #056087 25%, #0091A2 50%, #056087 75%, #00315B); background-size: 200% 100%; animation: mt-flow 4s linear infinite; clip-path: polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c)); }
.mt-btn--energia::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, transparent 35%, rgba(76,195,222,.55) 50%, transparent 65%); transform: translateX(-120%); animation: mt-sweep 2.8s ease-in-out infinite; }
.mt-btn--energia:hover { box-shadow: 0 0 28px rgba(0,167,206,.55); }

/* 2 · Rayo — amarillo/ámbar con pulso de luz (CTA de conversión) */
.mt-btn--rayo { color: var(--mt-azul-noche); background: linear-gradient(90deg, #FAED0C, #F6C810 25%, #F0A31F 50%, #F6C810 75%, #FAED0C); background-size: 200% 100%; animation: mt-flow 5s ease infinite, mt-pulse-y 2.2s ease-in-out infinite; clip-path: polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c)); }
.mt-btn--rayo:hover { filter: brightness(1.06) saturate(1.1); }

/* 3 · Circuito — borde eléctrico que gira alrededor del botón */
@property --mt-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.mt-btn--circuito { color: #fff; background: var(--mt-azul-noche); border-radius: var(--mt-radio); }
.mt-btn--circuito::before { content: ""; position: absolute; inset: -2px; z-index: -2; border-radius: inherit; background: conic-gradient(from var(--mt-ang), transparent 0 70%, #00A7CE 80%, #FAED0C 88%, transparent 92%); animation: mt-spin 2.6s linear infinite; }
.mt-btn--circuito::after { content: ""; position: absolute; inset: 2px; z-index: -1; border-radius: 2px; background: var(--mt-azul-noche); box-shadow: inset 0 0 0 1px rgba(0,167,206,.35); }
.mt-btn--circuito:hover::before { animation-duration: 1s; }

/* 4 · Plasma — degradado multicolor en movimiento (sobre fondos oscuros) */
.mt-btn--plasma { color: #fff; border-radius: 999px; background: linear-gradient(90deg, #00315B, #056087, #0091A2, #056087, #00315B); background-size: 200% 100%; animation: mt-flow 6s linear infinite; box-shadow: 0 0 0 1px rgba(76,195,222,.5); }
.mt-btn--plasma:hover { box-shadow: 0 0 0 1px #4CC3DE, 0 0 26px rgba(0,167,206,.6); }

/* 5 · Hexagonal — botón de ícono con anillo pulsante */
.mt-btn--hex { width: 64px; height: 72px; padding: 0; justify-content: center; color: var(--mt-amarillo-rayo); background: var(--mt-g-tormenta); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.mt-btn--hex svg { width: 26px; height: 26px; animation: mt-flicker 3s infinite; }
.mt-btn--hex::before { content: ""; position: absolute; inset: 3px; z-index: -1; clip-path: inherit; background: var(--mt-g-tormenta); }
.mt-btn--hex { background: linear-gradient(180deg, #00A7CE, #056087); }

/* 6 · Neón — contorno cian que se enciende */
.mt-btn--neon { color: #4CC3DE; background: transparent; border: 2px solid #00A7CE; border-radius: var(--mt-radio); text-shadow: 0 0 8px rgba(76,195,222,.6); animation: mt-neon 3.5s infinite; }
.mt-btn--neon:hover { color: var(--mt-azul-noche); background: #4CC3DE; text-shadow: none; box-shadow: 0 0 30px rgba(0,167,206,.7); }

/* 7 · Secundario claro — para documentos y web clara */
.mt-btn--claro { color: var(--mt-azul-miptec); background: #fff; border: 2px solid var(--mt-azul-miptec); border-radius: var(--mt-radio); }
.mt-btn--claro::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--mt-g-alto-voltaje); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.mt-btn--claro:hover::after { transform: scaleX(1); }

@keyframes mt-flow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
@keyframes mt-sweep { 0%, 45% { transform: translateX(-120%); } 75%, 100% { transform: translateX(120%); } }
@keyframes mt-pulse-y { 0%, 100% { box-shadow: 0 0 0 0 rgba(250,237,12,.0); } 50% { box-shadow: 0 0 26px 2px rgba(240,163,31,.55); } }
@keyframes mt-spin { to { --mt-ang: 360deg; } }
@keyframes mt-flicker { 0%, 100% { opacity: 1; } 46% { opacity: 1; } 48% { opacity: .35; } 50% { opacity: 1; } 52% { opacity: .55; } 54% { opacity: 1; } }
@keyframes mt-neon { 0%, 100% { box-shadow: 0 0 0 rgba(0,167,206,0); } 50% { box-shadow: 0 0 18px rgba(0,167,206,.55), inset 0 0 12px rgba(0,167,206,.25); } }

/* ================= TARJETAS ================= */
.mt-card { --c: 18px; position: relative; color: #fff; background: linear-gradient(160deg, rgba(10,78,122,.55), rgba(5,31,57,.92)); box-shadow: inset 0 0 0 1px rgba(0,167,206,.35); clip-path: polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c)); padding: 24px; font-family: var(--mt-font-text); }
.mt-card::before { content: ""; position: absolute; left: 0; top: 0; width: 64px; height: 3px; background: var(--mt-g-alto-voltaje); }
.mt-card h3 { font: 700 22px/1.1 var(--mt-font-display); margin: 8px 0 6px; letter-spacing: .01em; }
.mt-card p { margin: 0; color: #A9C3CF; font-size: 14px; line-height: 1.55; }
.mt-eyebrow { font: 600 12px/1 var(--mt-font-display); letter-spacing: .18em; text-transform: uppercase; color: #4CC3DE; }
.mt-codigo { font: 500 12px/1 var(--mt-font-mono); color: #FAED0C; letter-spacing: .04em; }

/* producto */
.mt-card--producto { padding: 0; }
.mt-card--producto .media { aspect-ratio: 4/3; background: var(--mt-g-circuito); display: grid; place-items: center; overflow: hidden; }
.mt-card--producto .media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.mt-card--producto:hover .media img { transform: scale(1.05); }
.mt-card--producto .body { padding: 18px 22px 22px; }
.mt-specs { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; margin-top: 14px; font-size: 13px; }
.mt-specs dt { color: #A9C3CF; } .mt-specs dd { margin: 0; font-family: var(--mt-font-mono); color: #fff; }
.mt-sello { position: absolute; top: 14px; right: 14px; font: 700 11px/1 var(--mt-font-display); letter-spacing: .12em; color: var(--mt-azul-noche); background: var(--mt-g-rayo); padding: 6px 9px; clip-path: polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px); }

/* servicio con ícono hexagonal */
.mt-hexicon { width: 56px; height: 64px; display: grid; place-items: center; clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); background: linear-gradient(180deg, #00A7CE, #056087); }
.mt-hexicon > span { width: 50px; height: 58px; display: grid; place-items: center; clip-path: inherit; background: var(--mt-g-tormenta); }
.mt-hexicon svg, .mt-hexicon img { width: 26px; height: 26px; }
.mt-card--servicio { transition: transform .3s ease, box-shadow .3s ease; }
.mt-card--servicio:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px #00A7CE, 0 14px 40px rgba(0,167,206,.25); }
.mt-link { display: inline-flex; gap: 6px; margin-top: 14px; color: #4CC3DE; font: 600 14px/1 var(--mt-font-text); text-decoration: none; }
.mt-link:hover { color: #FAED0C; }

/* KPI */
.mt-card--kpi .num { font: 800 54px/1 var(--mt-font-display); background: var(--mt-g-rayo); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mt-card--kpi .unit { font: 600 18px var(--mt-font-display); color: #FAED0C; margin-left: 4px; }
.mt-bar { height: 6px; margin-top: 16px; background: rgba(0,167,206,.18); border-radius: 3px; overflow: hidden; }
.mt-bar > i { display: block; height: 100%; width: var(--v, 70%); background: var(--mt-g-alto-voltaje); animation: mt-grow 2.4s cubic-bezier(.5,0,.2,1) both; }
@keyframes mt-grow { from { width: 0; } }

/* garantía */
.mt-card--garantia { text-align: center; background: radial-gradient(circle at 50% 30%, #0A4E7A, #051F39 70%); }
.mt-card--garantia .big { font: 800 72px/.9 var(--mt-font-display); color: #fff; }
.mt-card--garantia .big small { display: block; font-size: 22px; letter-spacing: .2em; color: #FAED0C; }

/* proyecto con marco HUD */
.mt-card--proyecto { padding: 0; min-height: 260px; display: flex; align-items: flex-end; background: #051F39 var(--img, none) center / cover; }
.mt-card--proyecto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,31,57,.95) 10%, rgba(5,31,57,.1) 70%); }
.mt-card--proyecto .body { position: relative; z-index: 1; padding: 22px; }
.mt-hud { position: absolute; inset: 12px; z-index: 2; pointer-events: none; background:
  linear-gradient(#00A7CE,#00A7CE) left top / 22px 2px, linear-gradient(#00A7CE,#00A7CE) left top / 2px 22px,
  linear-gradient(#00A7CE,#00A7CE) right top / 22px 2px, linear-gradient(#00A7CE,#00A7CE) right top / 2px 22px,
  linear-gradient(#00A7CE,#00A7CE) left bottom / 22px 2px, linear-gradient(#00A7CE,#00A7CE) left bottom / 2px 22px,
  linear-gradient(#00A7CE,#00A7CE) right bottom / 22px 2px, linear-gradient(#00A7CE,#00A7CE) right bottom / 2px 22px; background-repeat: no-repeat; }

/* cita */
.mt-card--cita blockquote { margin: 0; font: 600 italic 19px/1.45 var(--mt-font-text); color: #fff; }
.mt-card--cita cite { display: block; margin-top: 14px; font: 500 12px var(--mt-font-mono); color: #4CC3DE; font-style: normal; }

/* tarjeta clara (documentos / web clara) */
.mt-card--clara { color: #051F39; background: #fff; box-shadow: inset 0 0 0 1px #C9DCE4, 0 8px 24px rgba(5,31,57,.08); }
.mt-card--clara p { color: #4A6275; } .mt-card--clara .mt-eyebrow { color: #00779A; } .mt-card--clara .mt-codigo { color: #E88400; }

/* ================= MARCOS ================= */
.mt-marco-chaflan { --c: 28px; padding: 3px; background: linear-gradient(135deg, #00A7CE, #056087 60%, #FAED0C); clip-path: polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c)); }
.mt-marco-chaflan > * { display: block; width: 100%; clip-path: inherit; }
.mt-marco-hex { aspect-ratio: .866; clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); background: linear-gradient(180deg,#00A7CE,#056087); padding: 4px; }
.mt-marco-hex > * { width: 100%; height: 100%; object-fit: cover; clip-path: inherit; display: block; }

@media (prefers-reduced-motion: reduce) {
  .mt-btn, .mt-btn::before, .mt-btn::after, .mt-btn svg, .mt-bar > i { animation: none !important; }
}

/* ================= LUZ INTERACTIVA (v2) =================
   Requiere miptec-ui.js: sigue el cursor (--mx/--my), envuelve el texto y crea la chispa al hacer clic.
   Sin JS los botones funcionan igual, solo sin la luz que sigue al cursor. */
.mt-btn { --mx: 50%; --my: 50%; }
.mt-btn > .mt-txt, .mt-btn > svg { position: relative; z-index: 2; }
.mt-luz { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; border-radius: inherit;
  opacity: 0; transition: opacity .25s ease;
  background: radial-gradient(150px circle at var(--mx) var(--my), rgba(255,255,255,.42), rgba(0,211,247,.30) 32%, rgba(0,67,175,.16) 55%, transparent 72%);
  mix-blend-mode: screen; }
.mt-btn:hover .mt-luz, .mt-btn:focus-visible .mt-luz { opacity: 1; }
.mt-btn--rayo .mt-luz { background: radial-gradient(150px circle at var(--mx) var(--my), rgba(255,255,255,.65), rgba(255,236,120,.35) 35%, transparent 70%); mix-blend-mode: soft-light; }
.mt-btn--claro .mt-luz { background: radial-gradient(160px circle at var(--mx) var(--my), rgba(0,167,206,.22), rgba(0,67,175,.10) 45%, transparent 72%); mix-blend-mode: multiply; }
.mt-chispa { position: absolute; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255,255,255,.95), rgba(0,211,247,.6) 40%, rgba(250,237,12,.25) 65%, transparent 72%);
  animation: mt-chispa .65s ease-out forwards; }
@keyframes mt-chispa { from { transform: scale(0); opacity: .95; } to { transform: scale(26); opacity: 0; } }
.mt-btn:hover { transform: translateY(-1px); }

/* Botón LUZ: vidrio oscuro; el borde degradado se enciende donde está el cursor */
.mt-btn--luz { color: #fff; background: rgba(5,31,57,.72); border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(169,195,207,.22); backdrop-filter: blur(6px); }
.mt-btn--luz::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 2px; pointer-events: none;
  background: radial-gradient(180px circle at var(--mx) var(--my), #FAED0C, #00D3F7 35%, #0043AF 60%, transparent 75%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: .35; transition: opacity .25s ease; }
.mt-btn--luz:hover::before, .mt-btn--luz:focus-visible::before { opacity: 1; }
.mt-btn--luz:hover { box-shadow: inset 0 0 0 1px rgba(0,211,247,.35), 0 10px 34px rgba(0,167,206,.35); }

/* Botón AURORA: degradado completo que se desplaza hacia el cursor */
.mt-btn--aurora { color: #fff; border-radius: 999px;
  background: radial-gradient(220px circle at var(--mx) var(--my), #00D3F7, transparent 60%), linear-gradient(110deg, #001529, #0043AF 55%, #00315B);
  box-shadow: 0 0 0 1px rgba(0,211,247,.45); transition: box-shadow .3s ease, transform .2s ease; }
.mt-btn--aurora:hover { box-shadow: 0 0 0 1px #00D3F7, 0 0 34px rgba(0,211,247,.55), 0 0 60px rgba(0,67,175,.45); }

@media (prefers-reduced-motion: reduce) {
  .mt-chispa { display: none; }
  .mt-btn:hover { transform: none; }
}

/* ===== MIPTEC sitio 2026 — base G07 Circuito nocturno + secciones claras ===== */
:root{--noche:#051F39;--noche2:#020C18;--azul:#00315B;--cian:#00A7CE;--cian2:#4CC3DE;--turq:#0091A2;--rayo:#FAED0C;--blanco:#FFFFFF;--hielo:#EEF8F9;--txt:#E6F0F7;--mut:#A9C3CF;--mut2:#7F97AD;--line:rgba(76,195,222,.22);--line2:rgba(76,195,222,.12);
--f-display:"Saira Condensed","Arial Narrow",sans-serif;--f-body:"Saira","Segoe UI",Roboto,sans-serif;--f-mono:"IBM Plex Mono",Consolas,monospace;
--wrap:1200px;--pad:clamp(16px,4vw,40px);--r:14px;--sh:0 10px 40px rgba(0,0,0,.35);--grad2:linear-gradient(135deg,#00A7CE,#FAED0C);
--g07:radial-gradient(circle at 50% 45%, #0A4E7A 0%, #051F39 55%, #020C18 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-body);font-size:17px;line-height:1.6;color:var(--txt);background:#051F39 var(--g07) fixed}
img{max-width:100%;height:auto;display:block}a{color:var(--cian2);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;margin:0 0 .5em;color:#fff;letter-spacing:.2px}
h1{font-size:clamp(32px,4.6vw,56px);font-weight:800;text-transform:uppercase}
h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;text-transform:uppercase}
h3{font-size:clamp(20px,2.2vw,25px);font-weight:600}
p{margin:0 0 1em}ul,ol{padding-left:1.3em;margin:0 0 1em}li{margin:.3em 0}
.gt{color:#fff}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sec{padding:clamp(48px,7vw,92px) 0;position:relative}
.sec.alt{background:rgba(2,12,24,.38)}
.eyebrow{font-family:var(--f-mono);font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--cian2);margin:0 0 14px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--grad2);animation:eb 2.4s ease-in-out infinite}
@keyframes eb{0%,100%{width:28px;opacity:1}50%{width:44px;opacity:.6}}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--mut);max-width:70ch}
.sec-head{max-width:820px;margin-bottom:clamp(24px,4vw,40px)}
/* ---- sección clara ---- */
.sec.light{background:linear-gradient(165deg,#FFFFFF 0%,#EEF8F9 60%,#E3F1F7 100%);color:#1F3A55}
.sec.light h1,.sec.light h2,.sec.light h3,.sec.light h4{color:#051F39}.sec.light p,.sec.light li{color:#2F4A66}.sec.light .lead{color:#3F5B78}.sec.light a{color:#00779A}
.sec.light .eyebrow{color:#00779A}
.sec.light:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 400px at 85% 0%,rgba(0,167,206,.10),transparent 60%)}
.sec.light .wrap{position:relative}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #D7E6EE;box-shadow:0 4px 24px rgba(0,31,57,.08)}
.hdr .wrap{display:flex;align-items:center;gap:14px;height:74px;max-width:1400px;min-width:0}
.logo img{height:52px;width:auto}.logo{margin-right:auto;display:flex;align-items:center}
.nav{display:flex;gap:2px;align-items:center;flex-wrap:nowrap;min-width:0}.nav a{color:#0B2340;font-weight:600;font-size:clamp(13.5px,1.02vw,15px);padding:10px clamp(7px,.75vw,12px);border-radius:8px;white-space:nowrap;position:relative}.nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--grad2);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav a:hover:after,.nav a.on:after{transform:scaleX(1)}.nav a:hover,.nav a.on{color:#00315B;text-decoration:none}
.burger{display:none;background:none;border:1px solid #CFE3EC;border-radius:10px;width:46px;height:46px;color:#00315B;cursor:pointer;align-items:center;justify-content:center}
.hdr .mt-btn--wa{flex-shrink:0}@media (max-width:1480px){.hdr .mt-btn--wa .mt-txt{display:none}.hdr .mt-btn--wa{padding:12px 14px}}
@media (max-width:1250px){.nav a{padding:10px 7px;font-size:13.5px}.logo img{height:44px}}
@media (max-width:1120px){.burger{display:flex}.nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;flex-direction:column;align-items:stretch;padding:12px var(--pad) 20px;border-bottom:1px solid #D7E6EE;box-shadow:0 20px 40px rgba(0,31,57,.15);gap:4px}.nav.open{display:flex}.nav a{padding:13px 12px;font-size:17px;border-bottom:1px solid #E6EFF4}.nav a:after{display:none}}
/* ---- botones del manual: ajustes para el sitio ---- */
.mt-btn{font-family:var(--f-display)}
.sec.light .mt-btn--aurora{background:radial-gradient(220px circle at var(--mx) var(--my),#00A7CE,transparent 60%),linear-gradient(110deg,#001529,#0043AF 55%,#00315B)}.sec.light .mt-btn--aurora .mt-txt{text-shadow:0 1px 8px rgba(0,21,41,.9)}
.mt-btn--s{padding:11px 18px;font-size:14px}
.mt-btn--wa{color:#fff;background:linear-gradient(90deg,#0043AF,#00A7CE 50%,#0043AF);background-size:200% 100%;animation:mt-flow 5s linear infinite;border-radius:999px;box-shadow:0 0 0 1px rgba(0,211,247,.45),0 8px 22px rgba(0,67,175,.35)}.mt-btn--wa:hover{box-shadow:0 0 0 1px #00D3F7,0 0 26px rgba(0,211,247,.6)}
.mt-btn--wa svg,.mt-btn svg.wa{width:20px;height:20px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sec.light .mt-btn--neon{color:#00315B;border-color:#00315B;text-shadow:none;animation:none}.sec.light .mt-btn--neon:hover{background:#00315B;color:#fff;box-shadow:0 10px 30px rgba(0,49,91,.3)}
.sec.light .mt-btn--luz{background:#fff;color:#00315B;box-shadow:inset 0 0 0 1px rgba(0,49,91,.25)}
span.mt-btn{cursor:pointer}
.sec.light a.mt-btn--aurora,.sec.light a.mt-btn--plasma,.sec.light a.mt-btn--energia,.sec.light a.mt-btn--circuito,.sec.light a.mt-btn--wa,.sec.light a.mt-btn--hex{color:#fff}.sec.light a.mt-btn--hex{color:var(--rayo)}.sec.light a.mt-btn--rayo{color:#051F39}.sec.light a.mt-btn--luz,.sec.light a.mt-btn--neon{color:#00315B}.sec.light a.mt-btn--neon:hover{color:#fff}
/* hero */
.hero{position:relative;overflow:hidden;min-height:calc(100vh - 74px);display:flex;align-items:center;background:#020C18}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center right;opacity:.85}
.hero .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,24,.97) 0%,rgba(5,31,57,.86) 40%,rgba(5,31,57,.3) 72%,rgba(5,31,57,.08) 100%)}
.hero .bolt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 0;pointer-events:none;opacity:.9;mix-blend-mode:screen;z-index:1}
.hero .flash{position:absolute;inset:0;background:radial-gradient(900px 600px at 68% 20%,rgba(168,225,255,.55),rgba(0,167,206,.18) 45%,transparent 70%);opacity:0;animation:hflash 2.8s steps(1) infinite;pointer-events:none;z-index:1;mix-blend-mode:screen}
@keyframes hflash{0%{opacity:.5}3%{opacity:.12}9%{opacity:.38}12%{opacity:0}14%{opacity:.22}20%{opacity:0}}
.hero .wrap{position:relative;z-index:2;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.hero h1{margin-bottom:14px}.hero .lead{margin-bottom:22px;font-size:clamp(16px,1.3vw,18px)}
.hero .pic{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh),0 0 0 1px var(--line);background:#0A2D52;aspect-ratio:4/3;position:relative}.hero .pic img{width:100%;height:100%;object-fit:cover}.hero .pic img.fit{object-fit:contain;background:#061B33}
.hero .pic:after{content:"";position:absolute;inset:0;border:1px solid rgba(76,195,222,.35);border-radius:var(--r);pointer-events:none;animation:picglow 4s ease-in-out infinite}
@keyframes picglow{0%,100%{box-shadow:inset 0 0 0 0 rgba(0,167,206,0)}50%{box-shadow:inset 0 0 40px rgba(0,167,206,.25)}}
.hero-art{position:relative;height:clamp(340px,38vw,520px)}
.hero-art img{position:absolute;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 24px rgba(0,167,206,.35));animation:float 6s ease-in-out infinite}
.hero-art .triple{left:-8%;top:0;width:116%;height:auto;transform:rotate(-8deg);animation-delay:-1s}
.hero-art .punta{right:2%;top:22%;height:78%;width:auto;transform:rotate(18deg);animation-delay:0s}
.hero-art .bobina{left:8%;top:26%;height:38%;width:auto;transform:rotate(-12deg);animation-delay:-4s}
.hero-art .electrodo{left:26%;bottom:0;width:38%;animation-delay:-2s}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -14px}}
@media (max-width:900px){.hero-art{height:340px}.hero-art .electrodo{width:46%}.hero-art .bobina{left:40%;height:36%}}
.hero.compact{min-height:380px}.hero.compact .wrap{grid-template-columns:1fr}
@media (max-width:900px){.hero{min-height:0}.hero .wrap{grid-template-columns:1fr}.hero .pic{max-height:360px}.hero .bolt{object-position:70% 0;opacity:.7}}
.crumbs{font-size:13.5px;color:var(--mut2);margin-bottom:16px;font-family:var(--f-mono)}.crumbs a{color:var(--mut)}.crumbs span{margin:0 6px}
/* onda animada bajo el hero / divisores */
.wave{position:relative;background:transparent;margin-top:-1px;line-height:0}.wave img{width:100%;height:auto;opacity:.95}
.divider{display:flex;justify-content:center;padding:6px 0 0}.divider img{width:min(100%,900px);height:90px;object-fit:cover;opacity:.9}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:28px 0 0}
.stat{background:linear-gradient(160deg,rgba(10,78,122,.55),rgba(5,31,57,.92));border:1px solid var(--line);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden}
.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad2)}
.stat:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(76,195,222,.14) 50%,transparent 60%);transform:translateX(-120%);animation:mt-sweep 5s ease-in-out infinite}
.stat b{display:block;font-family:var(--f-display);font-size:clamp(28px,3vw,38px);font-weight:800;color:#fff;line-height:1}.stat span{font-size:13.5px;color:var(--mut);display:block;margin-top:6px}
.sec.light .stat{background:#fff;border-color:#CFE3EC;box-shadow:0 6px 24px rgba(0,49,91,.08)}.sec.light .stat b{color:#00315B}.sec.light .stat span{color:#4A6275}
/* cards */
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.card{--c:18px;background:linear-gradient(160deg,rgba(10,78,122,.5),rgba(5,31,57,.92));box-shadow:inset 0 0 0 1px rgba(0,167,206,.3);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;position:relative}
.card:before{content:"";position:absolute;left:0;top:0;width:64px;height:3px;background:var(--grad2);z-index:3}
.card:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px rgba(76,195,222,.75),0 20px 50px rgba(0,167,206,.18)}
.card .img{aspect-ratio:4/3;overflow:hidden;background:#061B33}.card .img img.fit{object-fit:contain}.sec.light .card .img:has(img.fit){background:#E3EEF4}.card .img.imgfit{background:#061B33}.card .img.imgfit img{object-fit:contain;padding:8px}.sec.light .card .img.imgfit{background:#EAF3F8}.card .img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .img img{transform:scale(1.05)}
.card .bd{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{margin:0}.card p{color:var(--mut);margin:0;font-size:15.5px}.card .more{margin-top:auto;padding-top:12px}
.card a.cover{position:absolute;inset:0;z-index:4}
.sec.light .card{background:#fff;box-shadow:inset 0 0 0 1px #CFE3EC,0 8px 26px rgba(0,49,91,.08)}.sec.light .card:hover{box-shadow:inset 0 0 0 1px #00A7CE,0 20px 50px rgba(0,49,91,.16)}.sec.light .card p{color:#4A6275}.sec.light .card h3{color:#051F39}
.tag{display:inline-block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--rayo);background:rgba(250,237,12,.1);border:1px solid rgba(250,237,12,.3);padding:3px 9px;border-radius:6px}
.tag.c{color:var(--cian2);background:rgba(0,167,206,.12);border-color:rgba(0,167,206,.35)}
.sec.light .tag{color:#8A6A00;background:rgba(250,237,12,.18);border-color:rgba(240,163,31,.5)}.sec.light .tag.c{color:#00779A;background:rgba(0,167,206,.1);border-color:rgba(0,167,206,.4)}
.ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#00315B,#051F39);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff;flex:none;box-shadow:0 0 0 0 rgba(0,167,206,0);transition:box-shadow .3s}.ico svg{width:26px;height:26px}
.card:hover .ico,.it:hover .ico{box-shadow:0 0 22px rgba(0,167,206,.5)}
.ico svg .a{stroke:var(--cian2)}.ico svg .y{stroke:var(--rayo)}.ico svg .af{fill:var(--cian2)}.ico svg .yf{fill:var(--rayo)}.ico svg .mf{fill:#fff}
.icard .bd{padding-top:22px}.icard .ico{margin-bottom:6px}
/* feature list */
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.feat .it{display:flex;gap:14px;align-items:flex-start}.feat .it h3{font-size:19px;margin:4px 0 4px}.feat .it p{color:var(--mut);font-size:15px;margin:0}
.sec.light .feat .it p{color:#4A6275}
/* two col */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}@media (max-width:860px){.two{grid-template-columns:1fr}}
.two .pic{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh)}.two .pic img.fit{background:#061B33}.sec.light .two .pic{border-color:#CFE3EC;box-shadow:0 14px 40px rgba(0,49,91,.14)}
/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:15.5px;margin:0 0 1.2em;background:rgba(2,12,24,.35);border-radius:10px;overflow:hidden}
.tbl th,.tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line2);vertical-align:top}.tbl th{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.6px;font-size:14px;color:var(--cian2);background:rgba(0,49,91,.5)}.tbl tr:last-child td{border-bottom:0}.tbl td:first-child{color:#fff;font-weight:600}
.sec.light .tbl{background:#fff;box-shadow:0 0 0 1px #CFE3EC}.sec.light .tbl th{background:#E3F1F7;color:#00315B}.sec.light .tbl td{border-color:#E3EEF4;color:#2F4A66}.sec.light .tbl td:first-child{color:#051F39}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* faq */
.faq details{border:1px solid var(--line);border-radius:12px;background:rgba(5,31,57,.55);margin:0 0 10px;padding:0 20px;transition:border-color .2s}.faq details[open],.faq details:hover{border-color:rgba(76,195,222,.6)}.faq summary{cursor:pointer;font-family:var(--f-display);font-size:19px;font-weight:600;color:#fff;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:26px;color:var(--cian2);flex:none;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--mut);padding-bottom:16px;margin:0}
.sec.light .faq details{background:#fff;border-color:#CFE3EC}.sec.light .faq summary{color:#051F39}.sec.light .faq details p{color:#3F5B78}.sec.light .faq summary:after{color:#00779A}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}.gal figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0A2D52;transition:transform .25s}.gal figure:hover{transform:translateY(-4px)}.gal img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .6s}.gal img.fit{object-fit:contain;background:#061B33}.sec.light .gal img.fit{background:#E3EEF4}.gal figure:hover img{transform:scale(1.05)}.gal figcaption{font-size:13.5px;color:var(--mut);padding:10px 12px}
.sec.light .gal figure{background:#fff;border-color:#CFE3EC}.sec.light .gal figcaption{color:#4A6275}
/* cta band */
.cta-wrap{padding:clamp(40px,6vw,80px) 0}
.cta{background:linear-gradient(120deg,#00315B 0%,#0043AF 45%,#00A7CE 100%);border-radius:18px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1.3fr auto;gap:28px;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,67,175,.35)}
.cta:before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(250,237,12,.25),transparent 65%)}
.cta .anim{position:absolute;right:8%;top:-10%;height:130%;width:auto;opacity:.5;mix-blend-mode:screen;pointer-events:none}
.cta>*{position:relative}
.cta h2{margin-bottom:8px}.cta p{color:#E8F7FC;margin:0;max-width:60ch}.cta .ctas{flex-direction:column;align-items:flex-start}
@media (max-width:760px){.cta{grid-template-columns:1fr}.cta .anim{display:none}}
/* prose */
.prose{max-width:800px}.prose h2{margin-top:1.6em;font-size:clamp(24px,2.8vw,32px)}.prose h3{margin-top:1.3em}.prose p,.prose li{color:#D8E6F0}.prose .tbl{margin-top:.6em}.prose blockquote{border-left:4px solid var(--cian);margin:1.2em 0;padding:8px 18px;background:rgba(0,167,206,.08);border-radius:0 10px 10px 0;color:#fff}
.sec.light .prose p,.sec.light .prose li{color:#2F4A66}.sec.light .prose blockquote{background:rgba(0,167,206,.08);color:#051F39}
.direct{background:linear-gradient(160deg,rgba(0,167,206,.16),rgba(0,67,175,.14));border:1px solid var(--line);border-left:5px solid var(--cian);border-radius:12px;padding:18px 22px;margin:0 0 28px;font-size:18px;color:#fff}
.sec.light .direct{background:#fff;color:#051F39;border-color:#CFE3EC;border-left-color:#00A7CE;box-shadow:0 8px 26px rgba(0,49,91,.08)}
.meta{font-family:var(--f-mono);font-size:13px;color:var(--mut2);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px}.sec.light .meta{color:#4A6275}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}@media (max-width:980px){.article-grid{grid-template-columns:1fr}}
.aside{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px}.box{background:rgba(5,31,57,.6);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.box h3{font-size:17px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.box ul{list-style:none;padding:0;margin:0}.box li{padding:7px 0;border-bottom:1px solid var(--line2)}.box li:last-child{border:0}
.sec.light .box{background:#fff;border-color:#CFE3EC}
/* product */
.specs .tbl td:first-child{width:38%}
.chk{list-style:none;padding:0}.chk li{padding-left:28px;position:relative;margin:.45em 0}.chk li:before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--grad2)}.chk li:after{content:"";position:absolute;left:5px;top:.72em;width:6px;height:3px;border-left:2px solid #051F39;border-bottom:2px solid #051F39;transform:rotate(-45deg)}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;color:#DCEAF3;background:rgba(0,49,91,.35)}
.sec.light .pill{border-color:#BFD9E5;background:#fff;color:#00315B}
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.rel a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:rgba(5,31,57,.5);color:#fff;font-weight:600}.rel a:hover{border-color:var(--cian);text-decoration:none;background:rgba(0,167,206,.12)}.rel a small{display:block;color:var(--mut);font-weight:400;font-size:13px}
.sec.light .rel a{background:#fff;border-color:#CFE3EC;color:#051F39}.sec.light .rel a small{color:#4A6275}
.notice{border:1px dashed rgba(250,237,12,.45);background:rgba(250,237,12,.06);border-radius:10px;padding:10px 14px;font-size:14px;color:#F6F0B0}.sec.light .notice{color:#6B5300;background:rgba(250,237,12,.15);border-color:rgba(240,163,31,.6)}
/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}label{display:block;font-size:14px;color:var(--mut);margin-bottom:6px;font-weight:600}
input,textarea,select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(2,12,24,.6);color:#fff;font:inherit;font-size:16px}input:focus,textarea:focus{outline:2px solid var(--cian);border-color:var(--cian)}textarea{min-height:130px;resize:vertical}
.sec.light label{color:#2F4A66}.sec.light input,.sec.light textarea{background:#fff;color:#051F39;border-color:#BFD9E5}
.hp{position:absolute;left:-9999px}
@media (max-width:640px){.form{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.nap{display:flex;flex-direction:column;gap:14px}.nap .it{display:flex;gap:14px;align-items:flex-start}.nap .it b{display:block;color:#fff}.nap .it span{color:var(--mut);font-size:15px}
.sec.light .nap .it b{color:#051F39}.sec.light .nap .it span{color:#4A6275}
.map{border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:#0A2D52}.map iframe{width:100%;height:100%;border:0}
/* geo */
.geo-list{columns:3;column-gap:24px;list-style:none;padding:0}.geo-list li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--line2)}@media (max-width:860px){.geo-list{columns:2}}@media (max-width:520px){.geo-list{columns:1}}
.sec.light .geo-list li{border-color:#E3EEF4}
/* steps */
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:12px}.steps li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;background:rgba(5,31,57,.5);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.steps li:before{content:counter(s,decimal-leading-zero);font-family:var(--f-display);font-size:30px;font-weight:800;color:var(--cian2);line-height:1}
.sec.light .steps li{background:#fff;border-color:#CFE3EC}.sec.light .steps li:before{color:#00A7CE}
.raytek{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;background:linear-gradient(160deg,rgba(0,67,175,.25),rgba(5,31,57,.6));border:1px solid var(--line);border-radius:18px;padding:24px;overflow:hidden;position:relative}.raytek img{border-radius:12px}@media (max-width:700px){.raytek{grid-template-columns:1fr}}
.sec.light .raytek{background:#fff;border-color:#CFE3EC;box-shadow:0 14px 40px rgba(0,49,91,.1)}
.raytek .pulse{position:absolute;right:-40px;bottom:-60px;width:260px;opacity:.35;pointer-events:none}
.logos-row{display:flex;flex-wrap:wrap;gap:10px}.logos-row span{font-family:var(--f-mono);font-size:12.5px;letter-spacing:1px;border:1px solid var(--line);padding:6px 12px;border-radius:8px;color:#DCEAF3}.sec.light .logos-row span{border-color:#BFD9E5;color:#00315B;background:#fff}
.small{font-size:14px;color:var(--mut2)}.sec.light .small{color:#4A6275}
.hl{color:var(--rayo)}
/* footer */
.ftr{background:#020C18;border-top:1px solid var(--line2);padding:56px 0 28px;font-size:15px;color:var(--mut);position:relative}
.ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}@media (max-width:900px){.ftr .cols{grid-template-columns:1fr 1fr}}@media (max-width:540px){.ftr .cols{grid-template-columns:1fr}}
.ftr h4{font-size:15px;text-transform:uppercase;letter-spacing:1.2px;color:var(--cian2);margin-bottom:12px}.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin:6px 0}.ftr a{color:#C9DBE8}.ftr .logo img{height:44px;margin-bottom:14px}
.ftr .bottom{border-top:1px solid var(--line2);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13.5px;color:var(--mut2)}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4CC3DE,#0043AF 55%,#001E3A);display:flex;align-items:center;justify-content:center;color:#fff;isolation:isolate;box-shadow:0 10px 30px rgba(0,67,175,.5),inset 0 0 0 1px rgba(0,211,247,.5)}
.wa-float:before{content:"";position:absolute;inset:-3px;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 60%,#00D3F7 75%,#FAED0C 85%,transparent 95%);animation:mt-spin 2.4s linear infinite}
.wa-float:after{content:"";position:absolute;inset:3px;border-radius:50%;z-index:-1;background:radial-gradient(circle at 35% 30%,#2A8FD6,#0043AF 55%,#001E3A)}
.wa-float svg{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(0,211,247,.8));position:relative}
.wa-float span.led{position:absolute;top:9px;left:14px;width:16px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(1px);transform:rotate(-30deg)}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,167,206,.6),inset 0 0 0 1px #00D3F7}.wa-float:hover:before{animation-duration:1s}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:99}
/* reveal on scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
.grid>.rv:nth-child(2){transition-delay:.08s}.grid>.rv:nth-child(3){transition-delay:.16s}.grid>.rv:nth-child(4){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hero .bolt,.hero .flash,.wave,.divider,.cta .anim{display:none}.stat:after,.eyebrow:before,.hero .pic:after{animation:none}}