:root{--bg: #161826;--surface: #1c1e2c;--surface-alta: #23263a;--texto: #f2f1f8;--texto-suave: #a9a6c2;--acento: #9184d9;--acento-fuerte: #5b4eb8;--calido: #d9b184;--linea: #2c2f45}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;background:var(--bg);color:var(--texto);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}h1,h2{font-weight:500;margin:0;letter-spacing:-.01em}button{font-family:inherit;font-weight:500;cursor:pointer}.cabecera{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:linear-gradient(to bottom,#161826f2,#16182600);pointer-events:none}.cabecera>*{pointer-events:auto}.marca{display:flex;align-items:baseline;gap:10px}.marca-nombre{font-size:17px;font-weight:500}.marca-lema{font-size:12px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.12em}.boton-cta{border:1px solid var(--acento);background:transparent;color:var(--texto);padding:10px 18px;border-radius:999px;font-size:13px;transition:background .15s ease}.boton-cta:hover{background:#9184d926}.scroll-alto{position:relative;height:400vh}.lienzo-fijo{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.narrativa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.narrativa-bloque{position:absolute;right:40px;bottom:8%;max-width:360px;text-align:right;opacity:0}.narrativa-etiqueta{font-size:11px;color:var(--calido);text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px}.narrativa-bloque h1{font-size:30px;line-height:1.12;color:var(--texto);text-shadow:0 2px 18px rgba(12,13,21,.55)}.narrativa-bloque p{margin-top:12px;font-size:13px;line-height:1.6;color:var(--texto);max-width:340px;margin-left:auto;text-shadow:0 2px 14px rgba(12,13,21,.6)}.pista-scroll{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:10;font-size:12px;color:var(--texto-suave);background:var(--surface);border:1px solid var(--linea);padding:8px 16px;border-radius:999px;transition:opacity .6s ease}.pista-scroll--oculta{opacity:0}.portada{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#16182659,#0c0d15eb 70%);opacity:1;transition:opacity 1.1s ease,backdrop-filter 1.1s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.portada--fuera{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.portada-centro{text-align:center;transform:translateY(-4%);animation:portada-sube 1.6s cubic-bezier(.22,.61,.36,1) both}.portada-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.28em;color:var(--calido);margin:0 0 18px}.portada-titulo{font-size:clamp(48px,9vw,104px);font-weight:600;letter-spacing:-.02em;line-height:1;background:linear-gradient(120deg,var(--texto) 20%,var(--acento) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.portada-sub{margin:20px auto 0;max-width:420px;font-size:15px;line-height:1.6;color:var(--texto-suave)}@keyframes portada-sube{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:translateY(-4%)}}.globo-saludo-ancla{pointer-events:none}.globo-saludo{position:relative;white-space:nowrap;background:var(--texto);color:#201c33;font-weight:600;font-size:15px;padding:9px 16px;border-radius:14px;box-shadow:0 8px 24px #00000059;animation:globo-late 2.6s ease-in-out infinite}.globo-saludo:after{content:"";position:absolute;left:50%;bottom:-5px;width:12px;height:12px;background:var(--texto);border-radius:2px;transform:translate(-50%) rotate(45deg)}@keyframes globo-late{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.04)}}.pm-ancla{pointer-events:none;-webkit-user-select:none;user-select:none}.pm-panel{width:340px;background:linear-gradient(180deg,#1f2233,#191b28);border:1px solid #2c2f45;border-radius:16px;box-shadow:0 24px 60px #00000073;overflow:hidden;font-family:Inter,sans-serif;color:var(--texto);animation:pm-entra .5s cubic-bezier(.22,.61,.36,1) both}@keyframes pm-entra{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.pm-barra-top{display:flex;align-items:center;gap:9px;padding:13px 16px;background:#ffffff08;border-bottom:1px solid #262a3f}.pm-punto{width:11px;height:11px;border-radius:50%;flex:none}.pm-app{font-size:15px;font-weight:600}.pm-estado{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--texto-suave)}.pm-panel>.pm-lista,.pm-panel>.pm-grafico,.pm-panel>.pm-chat,.pm-panel>.pm-tarjetas,.pm-panel>.pm-diente{padding:16px}.pm-desc{margin:0;padding:0 16px 16px;font-size:12px;line-height:1.55;color:var(--texto-suave)}.pm-lista{display:flex;flex-direction:column;gap:8px}.pm-fila{display:flex;align-items:center;gap:10px;background:#191c2b;border-radius:9px;padding:10px 12px;border-left:3px solid var(--pm-acento)}.pm-hora{font-size:12px;color:var(--texto-suave);font-variant-numeric:tabular-nums;min-width:38px}.pm-nombre{font-size:13px;font-weight:500;flex:1}.pm-pill{font-size:10px;padding:3px 9px;border-radius:999px;font-weight:600}.pm-kpi{display:flex;flex-direction:column;margin-bottom:14px}.pm-kpi-num{font-size:30px;font-weight:700;line-height:1}.pm-kpi-lbl{font-size:11px;color:var(--texto-suave);margin-top:4px}.pm-barras{display:flex;align-items:flex-end;gap:8px;height:96px}.pm-barra{flex:1;border-radius:4px 4px 0 0;animation:pm-sube .7s ease both;transform-origin:bottom}@keyframes pm-sube{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.pm-chat{display:flex;flex-direction:column;gap:8px}.pm-burbuja{max-width:78%;font-size:12.5px;padding:9px 13px;border-radius:13px;background:#262a3f;align-self:flex-start}.pm-burbuja.mia{align-self:flex-end;color:#14131d;font-weight:500}.pm-tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pm-card{background:#191c2b;border:1px solid #2c2f45;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.pm-avatar{width:20px;height:20px;border-radius:50%}.pm-linea{height:5px;border-radius:3px;background:#2c2f45}.pm-diente{display:flex;flex-direction:column;gap:6px;align-items:center}.pm-arcada{display:flex;gap:5px}.pm-tooth{width:26px;height:30px;border-radius:6px 6px 4px 4px;background:#e7e4f0}.pm-nota{font-size:11px;color:var(--texto-suave);margin:6px 0 0}.spin{position:absolute;left:50%;bottom:8%;transform:translate(-50%);z-index:12;width:min(680px,88vw);pointer-events:none;--spin-color: var(--acento)}.spin--situacion{--spin-color: #a9a6c2}.spin--problema{--spin-color: #e0a04f}.spin--implicacion{--spin-color: #e0685f}.spin--solucion{--spin-color: #7bd4a8}.spin-caja{text-align:center;animation:spin-entra .5s cubic-bezier(.22,.61,.36,1) both}@keyframes spin-entra{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.spin-modulo{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--texto-suave);margin-bottom:10px}.spin-beat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--spin-color);border:1px solid var(--spin-color);border-radius:999px;padding:4px 12px;margin-bottom:12px}.spin-linea{margin:0 auto;max-width:640px;font-size:clamp(20px,3vw,30px);font-weight:600;line-height:1.28;color:var(--texto);text-shadow:0 3px 22px rgba(12,13,21,.7)}.spin--solucion .spin-linea{color:#eafff4}.spin-pasos{display:flex;justify-content:center;gap:8px;margin-top:18px}.spin-paso{width:26px;height:3px;border-radius:999px;background:#ffffff2e;transition:background .3s ease}.spin-paso.hecho{background:#fff6}.spin-paso.activo{background:var(--spin-color)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0d0e16b3;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-fondo.abierto{opacity:1;pointer-events:auto}.modal{position:relative;background:var(--surface);border:1px solid var(--linea);border-radius:16px;padding:32px;max-width:380px}.modal h2{font-size:20px;margin-bottom:12px}.modal p{font-size:14px;color:var(--texto-suave);line-height:1.6;margin-bottom:22px}.modal-cerrar{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--texto-suave);font-size:16px;width:32px;height:32px;border-radius:50%}.modal-cerrar:hover{background:var(--surface-alta);color:var(--texto)}.boton-cta--modal{display:inline-block;background:var(--acento-fuerte);border-color:var(--acento-fuerte);text-decoration:none;color:var(--texto)}.boton-cta--modal:hover{background:var(--acento)}