@font-face{font-family:Overused Grotesk;src:url(/fonts/OverusedGrotesk-VF.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--morado: #9057f7;--morado-accion: #7c45f2;--morado-texto: #c9aeff;--azul: #24226c;--claro: #f5f5f5;--oscuro: #262626;--fondo: var(--oscuro);--lateral: #1e1e1e;--superficie: #2e2e2e;--superficie-2: #353535;--linea: #3d3d3d;--borde-campo: #555555;--texto: var(--claro);--texto-2: #d6d6d6;--texto-3: #bdbdbd;--texto-4: #a8a8a8;--ok-fondo: #1f3a2c;--ok-texto: #9fe6be;--ok: #4fbf85;--aviso-fondo: #3d321a;--aviso-texto: #f5cf7a;--aviso: #e0a93a;--error-fondo: #3f2422;--error-texto: #ffb4ab;--error: #ff8a80;--pend-fondo: #352b52;--pend-texto: #d2bcff;--radio: 18px;--fuente: "Overused Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--morado-texto)}a:hover{color:var(--texto)}:focus-visible{outline:2px solid var(--morado);outline-offset:3px}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-variant-numeric:tabular-nums}.muted{color:var(--texto-3)}.small{font-size:14px}.xsmall{font-size:13px}.app{min-height:100vh;display:flex;flex-wrap:wrap}.lateral{flex:1 1 240px;max-width:100%;background:var(--lateral);border-right:1px solid var(--linea);padding:28px 20px;display:flex;flex-direction:column;gap:32px}@media (min-width: 900px){.app{flex-wrap:nowrap}.lateral{flex:0 0 260px;position:sticky;top:0;height:100vh;overflow-y:auto}}.lateral__pie{padding-top:16px;border-top:1px solid var(--linea)}.salir{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--borde-campo);background:transparent;color:var(--texto);font:inherit;font-size:15px;cursor:pointer}.salir:hover{border-color:var(--error);color:var(--error-texto)}.req{color:var(--morado-texto);margin-left:2px}.lateral__logo{width:112px;margin-left:8px}.usuario{display:flex;gap:12px;align-items:center;padding:0 8px;font-size:14px;line-height:1.35}.usuario strong{display:block;font-weight:600}.avatar{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border-radius:10px;color:#e0e0e0;text-decoration:none}.nav a.active{background:var(--azul);color:#fff;font-weight:600}.nav .badge{font-size:13px}.lateral__pie{margin-top:auto}.contenido{flex:999 1 560px;min-width:0;padding:48px clamp(20px,4vw,56px) 80px}.pagina{max-width:1080px;display:flex;flex-direction:column;gap:28px}.encabezado{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.encabezado h1{font-size:40px;line-height:1.1;letter-spacing:-.015em}.encabezado p{margin-top:12px;color:var(--texto-3);max-width:64ch}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px}.tarjeta--compacta{padding:22px 24px;gap:14px;border-radius:var(--radio)}.tarjeta h2{font-size:20px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:0;background:var(--morado-accion);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}.boton:hover{filter:brightness(1.08);color:#fff}.boton:disabled{background:var(--linea);color:#9e9e9e;cursor:not-allowed;filter:none}.boton--contorno{background:transparent;border:1px solid var(--morado);color:var(--texto);font-weight:600}.boton--contorno:hover{color:var(--texto);background:#9057f71f}.boton--peligro{background:transparent;border:1px solid var(--error);color:var(--error-texto);font-weight:600}.boton--claro{background:var(--claro);color:var(--oscuro)}.boton--claro:hover{color:var(--oscuro)}.boton--chico{min-height:40px;padding:0 16px;font-size:14px}.boton--bloque{width:100%}.enlace-boton{background:none;border:0;padding:8px 0;color:var(--morado-texto);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}.chip{display:inline-block;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.chip--pendiente{background:var(--pend-fondo);color:var(--pend-texto)}.chip--aprobado{background:var(--ok-fondo);color:var(--ok-texto)}.chip--vence{background:var(--aviso-fondo);color:var(--aviso-texto)}.chip--rechazado{background:var(--error-fondo);color:var(--error-texto)}.chip--neutro{background:var(--superficie-2);color:var(--texto-2)}.etiqueta{padding:2px 10px;border-radius:999px;border:1px solid var(--borde-campo);font-size:12px;font-weight:600;color:var(--texto-2)}.filtros{display:flex;flex-wrap:wrap;gap:8px}.filtro{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--borde-campo);background:transparent;color:var(--texto);font:inherit;font-size:15px;cursor:pointer}.filtro[aria-pressed=true]{background:var(--azul);border-color:var(--morado)}.campo-grupo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.campo-grupo .opcional{font-weight:400;color:var(--texto-4)}.campo-grupo .ayuda{font-size:13px;font-weight:400;color:var(--texto-4)}.campo-grupo .error{font-size:13px;font-weight:400;color:var(--error-texto)}.campo{min-height:46px;width:100%;padding:0 14px;border-radius:10px;border:1px solid var(--borde-campo);background:var(--oscuro);color:var(--texto);font:inherit;font-size:15px;font-weight:400}.campo[aria-invalid=true]{border-color:var(--error)}textarea.campo{padding:12px 14px;min-height:110px;resize:vertical}input[type=date].campo{color-scheme:dark}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.casilla{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--texto-2)}.casilla input{margin-top:4px;width:18px;height:18px;accent-color:var(--morado);flex:none}.aviso{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;font-size:15px}.aviso--ok{background:var(--ok-fondo);color:var(--ok-texto)}.aviso--error{background:var(--error-fondo);color:var(--error-texto)}.aviso--info{background:var(--superficie-2);color:var(--texto-3)}.aviso--marca{background:var(--azul);color:#e1e0f7}.aviso--aviso{background:var(--aviso-fondo);color:var(--aviso-texto)}.aviso__punto{flex:none;width:10px;height:10px;border-radius:50%;background:currentColor;margin-top:7px}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metrica{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:20px 22px}.metrica--marca{background:var(--azul);border-color:var(--azul)}.metrica__valor{font-size:44px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.metrica__etq{margin-top:10px;font-size:14px;color:var(--texto-3)}.barra{flex:1;height:6px;border-radius:999px;background:var(--linea);overflow:hidden}.barra>span{display:block;height:100%}.meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px;color:var(--texto-3)}.meta strong{color:var(--texto);font-weight:600}.nota{padding:12px 14px;border-radius:10px;background:var(--superficie-2);font-size:14px;color:var(--texto-2)}.nota strong{color:var(--texto);font-weight:600}.vacio{padding:32px;border:1px dashed #4a4a4a;border-radius:var(--radio);text-align:center;color:var(--texto-3)}.fila-acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center}dl.datos{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 24px}dl.datos dt{color:var(--texto-4);font-size:13px}dl.datos dd{margin:2px 0 0;font-size:15px}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:14px}.timeline__eje{position:relative}.timeline__eje:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#55537f}.timeline li:first-child .timeline__eje:before{top:11px}.timeline li:last-child .timeline__eje:before{bottom:calc(100% - 11px)}.timeline__punto{position:relative;z-index:1;display:block;width:12px;height:12px;margin:5px 0 0 2px;border-radius:50%;border:2px solid var(--morado);background:var(--superficie)}.timeline__cuerpo{display:flex;flex-direction:column;gap:4px;padding-bottom:22px}.timeline li:last-child .timeline__cuerpo{padding-bottom:0}.acceso{min-height:100vh;display:flex;flex-wrap:wrap}.acceso__marca{flex:1 1 560px;position:relative;overflow:hidden;background:var(--azul);display:flex;flex-direction:column;justify-content:space-between;padding:56px 64px;min-height:420px}.acceso__marca h1{font-size:64px;line-height:1.02;letter-spacing:-.02em}.acceso__marca p{margin-top:20px;font-size:19px;color:#d9d8ee;max-width:44ch}.acceso__grano{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.22;pointer-events:none}.acceso__anillos{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:420px;height:630px;pointer-events:none}.acceso__form{flex:1 1 480px;display:flex;align-items:center;justify-content:center;padding:56px 32px}.acceso__caja{width:100%;max-width:420px;display:flex;flex-direction:column;gap:28px}.acceso__caja h2{font-size:34px}.separador{display:flex;align-items:center;gap:14px;color:#9e9e9e;font-size:14px}.separador:before,.separador:after{content:"";flex:1;height:1px;background:#444}.otp{font-size:28px;letter-spacing:.5em;text-align:center;min-height:60px}.simulacion{padding:12px 14px;border:1px dashed #4a4a4a;border-radius:12px;font-size:13px;color:var(--texto-4)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:440px;background:var(--superficie);border:1px solid var(--linea);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px}.cuenta-opcion{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--borde-campo);background:transparent;color:var(--texto);font:inherit;text-align:left;cursor:pointer}.cuenta-opcion:hover{border-color:var(--morado)}.estado{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.estado__caja{max-width:480px;background:var(--lateral);border:1px solid var(--linea);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:14px}.estado__icono{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}@media (max-width: 640px){.acceso__marca{padding:40px 28px}.acceso__marca h1{font-size:44px}.encabezado h1{font-size:32px}.tarjeta{padding:22px}}.ayuda-boton{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:10px;border:1px dashed #4a4a4a;background:transparent;color:var(--texto-2);font:inherit;font-size:15px;cursor:pointer;text-align:left}.ayuda-boton:hover{border-color:var(--morado);color:var(--texto)}.ayuda-boton__icono{flex:none;width:24px;height:24px;border-radius:50%;background:var(--morado-accion);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.tuto{width:100%;max-width:620px;max-height:92vh;overflow-y:auto;background:var(--superficie);border:1px solid var(--linea);border-radius:24px;padding:28px 32px;display:flex;flex-direction:column;gap:18px}.tuto__cabecera{display:flex;justify-content:space-between;align-items:center}.tuto__progreso{display:flex;gap:6px}.tuto__progreso span{flex:1;height:6px;border-radius:999px;background:var(--linea)}.tuto__progreso span.activo{background:var(--morado)}.tuto__titulo{font-size:28px;line-height:1.2;outline:none}.tuto__texto{font-size:18px;line-height:1.6;color:var(--texto-2)}.tuto__visual{background:var(--oscuro);border-radius:16px;padding:22px}.tuto__acciones{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:4px}.tuto__bienvenida{display:flex;align-items:center;gap:18px;font-size:18px}.tuto__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:17px}.tuto__lista li{display:flex;align-items:center;gap:12px}.tuto__icono{flex:none;width:30px;height:30px;border-radius:50%;background:var(--azul);border:1px solid var(--morado);display:flex;align-items:center;justify-content:center;font-weight:700}.tuto__flujo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.tuto__flujo li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:15px}.tuto__flujo li span:last-child{font-size:14px;color:var(--texto-3)}.tuto__nodo{width:44px;height:44px;border-radius:50%;background:var(--azul);border:2px solid var(--morado);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.tuto__nodo--ok{background:var(--ok-fondo);border-color:var(--ok);color:var(--ok-texto)}.tuto__estados{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.tuto__estados li{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:center;font-size:16px;color:var(--texto-2)}.tuto__estados .chip{justify-self:start;font-size:14px}.tuto__aviso{display:flex;gap:16px;align-items:center}.tuto__aviso div{display:flex;flex-direction:column;gap:4px;font-size:16px;color:var(--texto-2)}.tuto__aviso strong{color:var(--texto);font-size:17px}.tuto__campana{font-size:34px}.tuto__ayuda{display:flex;flex-direction:column;gap:14px;font-size:16px;color:var(--texto-2)}.tuto__url{align-self:flex-start;padding:12px 18px;border-radius:999px;background:var(--claro);color:var(--oscuro);font-size:18px;font-weight:600}@media (max-width: 640px){.tuto{padding:22px}.tuto__titulo{font-size:24px}.tuto__texto{font-size:17px}.tuto__estados li{grid-template-columns:1fr;gap:4px}.tuto__flujo{grid-template-columns:1fr}}.tuto__metricas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tuto__metrica{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:var(--superficie);border:1px solid var(--linea)}.tuto__metrica strong{font-size:17px}.tuto__metrica span{font-size:14px;color:var(--texto-3)}.tuto__metrica--marca{background:var(--azul);border-color:var(--azul)}.tuto__metrica--marca span{color:#d9d8ee}.tuto__decision{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tuto__decision>div{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.tuto__decision p{font-size:15px;line-height:1.5;color:var(--texto-2)}@media (max-width: 640px){.tuto__decision,.tuto__metricas{grid-template-columns:1fr}}.tuto__etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;font-size:16px}.tuto__etapas li{display:flex;align-items:center;gap:10px}@media (max-width: 640px){.tuto__etapas{grid-template-columns:1fr}}.etapas-grafica{display:flex;flex-direction:column;gap:12px}.etapas-grafica__fila{display:grid;grid-template-columns:200px minmax(0,1fr) 32px 100px;gap:14px;align-items:center;font-size:14px}@media (max-width: 640px){.etapas-grafica__fila{grid-template-columns:1fr 32px}.etapas-grafica__fila .barra,.etapas-grafica__fila>span:last-child{display:none}}.chip--ganado{background:var(--ok);color:#0f2a1c}.toast{position:fixed;right:20px;bottom:20px;z-index:80;max-width:420px;display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:14px;background:var(--error-fondo);color:var(--error-texto);border:1px solid var(--error);box-shadow:0 10px 30px #00000073;font-size:15px}.toast .enlace-boton{color:#ffd2cc;padding:0}.cargando{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--texto-3)}