/* ── Reset mínimo ─────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── Fondo completo ───────────────────────────────────────── */ #ns { position: fixed; inset: 0; background: radial-gradient(ellipse at 50% 38%, #1e3a5f 0%, #1B2539 55%, #0d1620 100%); display: flex; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; z-index: 99999; overflow: hidden; } /* ── Burbujas decorativas (CSS puro) ──────────────────────── */ .ns-bubble { position: absolute; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(72,180,217,.45), rgba(26,122,175,.08)); border: 1px solid rgba(72,180,217,.18); animation: ns-rise linear infinite; pointer-events: none; } @keyframes ns-rise { 0% { transform: translateY(0) scale(1); opacity: .12; } 80% { opacity: .12; } 100% { transform: translateY(-110vh) scale(1.1); opacity: 0; } } /* ── Tarjeta central ──────────────────────────────────────── */ #ns-card { position: relative; z-index: 2; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1); border-radius: 24px; padding: 44px 36px 36px; max-width: 460px; width: 92%; text-align: center; } /* ── Marca ────────────────────────────────────────────────── */ #ns-brand { color: #48B4D9; font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 28px; } /* ── Animación engranajes ─────────────────────────────────── */ #ns-svg { display: block; margin: 0 auto 28px; } .g-big { transform-box: fill-box; transform-origin: center; animation: ns-cw 9s linear infinite; } .g-small { transform-box: fill-box; transform-origin: center; animation: ns-ccw 6s linear infinite; } .g-tiny { transform-box: fill-box; transform-origin: center; animation: ns-cw 3.8s linear infinite; } @keyframes ns-cw { to { transform: rotate(360deg); } } @keyframes ns-ccw { to { transform: rotate(-360deg); } } /* ── Textos ───────────────────────────────────────────────── */ #ns-title { color: #fff; font-size: 22px; font-weight: 700; line-height: 1.25; margin-bottom: 10px; } #ns-desc { color: rgba(255,255,255,.6); font-size: 14px; line-height: 1.7; margin-bottom: 24px; } /* ── Pasos ────────────────────────────────────────────────── */ #ns-steps { background: rgba(255,255,255,.05); border-radius: 14px; padding: 16px 20px; text-align: left; list-style: none; display: flex; flex-direction: column; gap: 8px; } #ns-steps li { color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.55; padding-left: 18px; position: relative; } #ns-steps li::before { content: '›'; position: absolute; left: 0; color: #48B4D9; font-weight: 700; font-size: 15px; } #ns-steps strong { color: rgba(255,255,255,.9); } #ns-steps code { background: rgba(72,180,217,.15); color: #48B4D9; border-radius: 4px; padding: 1px 5px; font-size: 12px; } /* ── Footer ───────────────────────────────────────────────── */ #ns-footer { color: rgba(255,255,255,.25); font-size: 11px; margin-top: 24px; letter-spacing: .04em; }

CIAGUABC

JavaScript está desactivado

Esta página necesita JavaScript para funcionar.
Actívalo en tu navegador para continuar.

Chrome / Edge / Brave: Configuración → Privacidad y seguridad → Configuración del sitio → JavaScript → Permitir
Firefox: Escribe about:config en la barra de dirección, busca javascript.enabled y actívalo
Safari: Safari → Preferencias → Seguridad → activar Habilitar JavaScript