@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--pausado{background:#34335a;color:#d9d8f5}.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)}.autor{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.autor strong{font-weight:600;color:var(--texto)}.rol-insignia{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.rol-insignia--partner{background:#3a3880;color:#e1e0f7}.rol-insignia--pm{background:#9057f738;color:var(--morado-texto);box-shadow:inset 0 0 0 1px #9057f78c}.rol-insignia--admin{background:var(--superficie-2);color:var(--texto-3)}.avance{border-color:#9057f773;background:linear-gradient(180deg,rgba(36,34,108,.55),var(--superficie) 70%)}.avance__cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;align-items:flex-end}.avance__quien{margin:0;color:var(--texto-3);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.avance__subtitulo{font-size:15px;font-weight:600;color:var(--texto-2);margin:0 0 10px}.avance__editar{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--linea)}.avance__nota{margin:0;padding-top:14px;border-top:1px solid var(--linea);color:var(--texto-3)}.etapa-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--morado-accion);color:#fff;white-space:nowrap}.etapa-chip--antes{background:var(--superficie-2);color:var(--texto-3);font-weight:500}.etapa-chip--ganada{background:var(--ok);color:#0f2a1c}.etapa-chip--perdida{background:var(--error-fondo);color:var(--error-texto);box-shadow:inset 0 0 0 1px var(--error)}.ruta{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.ruta__paso{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ruta__paso:before{content:"";position:absolute;top:17px;right:50%;width:100%;height:4px;background:#48475f;border-radius:2px}.ruta__paso:first-child:before{display:none}.ruta__paso--hecho:before,.ruta__paso--actual:before,.ruta__paso--ganada:before,.ruta__paso--perdida:before{background:var(--morado)}.ruta__nodo{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-weight:700;font-size:15px;background:var(--superficie-2);color:var(--texto-3);border:2px solid #5a5970}.ruta__paso--hecho .ruta__nodo{background:var(--morado);border-color:var(--morado);color:#fff}.ruta__paso--actual .ruta__nodo{background:#fff;border-color:var(--morado);color:var(--azul);box-shadow:0 0 0 6px #9057f759}.ruta__paso--ganada .ruta__nodo{background:var(--ok);border-color:var(--ok);color:#0f2a1c;box-shadow:0 0 0 6px #4fbf854d}.ruta__paso--perdida .ruta__nodo{background:var(--error-fondo);border-color:var(--error);color:var(--error-texto)}.ruta__nombre{font-size:13px;line-height:1.3;color:var(--texto-4);padding:0 4px}.ruta__paso--hecho .ruta__nombre{color:var(--texto-2)}.ruta__paso--actual .ruta__nombre,.ruta__paso--ganada .ruta__nombre,.ruta__paso--perdida .ruta__nombre{color:var(--texto);font-weight:700}.ruta--apagada{opacity:.55}.cambios-etapa{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--linea);border-radius:14px;overflow:hidden}.cambio-etapa{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,auto);gap:6px 16px;align-items:center;padding:12px 16px;background:#0000001f}.cambio-etapa+.cambio-etapa{border-top:1px solid var(--linea)}.cambio-etapa:last-child{background:#9057f71f}.cambio-etapa__fecha{font-size:13px;color:var(--texto-4)}.cambio-etapa__mov{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cambio-etapa__flecha{color:var(--morado-texto);font-weight:700}.cambio-etapa__autor{color:var(--texto-3);display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:flex-end}.timeline__punto--etapa{background:var(--morado)}.timeline__punto--ganada{background:var(--ok);border-color:var(--ok)}.timeline__punto--perdida{background:var(--error);border-color:var(--error)}.etiqueta--etapa{background:#9057f738;color:var(--morado-texto)}@media (max-width: 720px){.ruta{grid-template-columns:1fr;gap:0}.ruta__paso{flex-direction:row;text-align:left;gap:14px;padding:6px 0}.ruta__paso:before{top:auto;bottom:50%;right:auto;left:17px;width:4px;height:100%}.cambio-etapa{grid-template-columns:1fr}.cambio-etapa__autor{justify-content:flex-start}}.cambio-etapa__comentario{grid-column:2 / -1;color:var(--texto-2);font-style:italic;padding-left:10px;border-left:2px solid var(--morado)}.avance__campos{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:14px 18px;align-items:start}@media (max-width: 720px){.avance__campos{grid-template-columns:1fr}.cambio-etapa__comentario{grid-column:1}}.pausa-aviso{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:#2f2e55;border:1px solid #5a58a0;color:var(--texto)}.pausa-aviso>div{flex:1 1 260px}.pausa-aviso__icono{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#4a4890;font-size:18px;flex:none}.ruta--pausa .ruta__paso--actual .ruta__nodo{background:#4a4890;color:#fff;border-color:#8f8db8;box-shadow:0 0 0 6px #8f8db84d}.ruta--pausa .ruta__paso--hecho .ruta__nodo,.ruta--pausa .ruta__paso--hecho:before,.ruta--pausa .ruta__paso--actual:before{filter:saturate(.45)}.icono-pausa{display:inline-flex;gap:3px;height:12px;align-items:stretch}.icono-pausa span{width:4px;border-radius:1px;background:currentColor}.pausa-aviso__icono .icono-pausa,.ruta__nodo .icono-pausa{height:14px}.vista-previa-barra{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:-8px 0 24px;padding:14px 18px;border-radius:14px;background:#4a2fa0;border:1px solid var(--morado);box-shadow:0 8px 24px #00000059;color:#fff}.vista-previa-barra__ojo{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff26;font-size:18px;flex:none}