/* Conector MCP (24-oct-2026): /conector (página pública) y /conectar (consentimiento OAuth). Encima de estilo.css; solo variables del tema. */
.cx-body{background:var(--bg);color:var(--ink)}
.cx-wrap{max-width:620px;margin:0 auto;padding:0 16px 48px}
.cx-wrap.cx-ancho{max-width:900px}
.cx-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0}
.cx-cab-der{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cx-cab-der .idioma button,.cx-cab-der .badge{min-height:44px}
.cx-cab-der .link-badge{display:inline-flex;align-items:center}
#btnEntrar,#btnRegistro,#btnCuenta{display:none}
.cx-kicker{display:inline-block;font:600 13px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.cx-body h1{font-family:var(--display);font-size:clamp(32px,6.4vw,56px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px}
.cx-body h2{font-family:var(--display);font-size:clamp(22px,4vw,30px);letter-spacing:-.01em;margin:44px 0 12px;scroll-margin-top:24px}
.cx-body h3{font-size:18px;margin:8px 0 6px}
.cx-body p,.cx-body li{line-height:1.6}
.cx-body main a,.cx-pie a{color:var(--accent)}
.cx-lead{font-size:clamp(17px,2.6vw,20px);color:var(--muted);max-width:62ch}
.cx-nota{color:var(--muted);font-size:14px}
.cx-heroe{padding:36px 0 8px}
.cx-url{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--sombra)}
.cx-url code{font:500 clamp(15px,2.4vw,18px)/1.3 var(--mono);color:var(--ink);word-break:break-all;flex:1 1 220px}
.cx-url button{min-height:44px;min-width:88px}
.cx-etq{color:var(--muted);font-size:13px;width:100%}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.cx-item{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:18px 18px 14px}
.cx-item p{color:var(--muted);margin:0}
.cx-ic{font-size:26px}
.cx-pasos{counter-reset:paso;list-style:none;padding:0;margin:0}
.cx-pasos li{counter-increment:paso;position:relative;padding:10px 0 10px 48px}
.cx-pasos li::before{content:counter(paso);position:absolute;left:0;top:8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font:700 15px/1 var(--display)}
.cx-pie{margin-top:56px;color:var(--muted);font-size:14px}
.cx-pie a{display:inline-block;padding:12px 6px;margin:-12px -2px;border-radius:8px}

/* /conectar: una tarjeta al centro, una decisión por pantalla */
.cx-tarjeta{margin:24px 0 0;padding:clamp(22px,5vw,40px);border-radius:var(--r-lg);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--sombra-2)}
.cx-tarjeta h1{font-size:clamp(28px,5.6vw,40px)}
.cx-tarjeta h2{font-size:18px;margin:26px 0 8px;font-family:var(--body);font-weight:700}
.cx-quien{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r);background:var(--bg-2);margin:16px 0 4px}
.cx-quien strong{font-size:18px}
.cx-logo{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:22px}
.cx-host{color:var(--muted);font-family:var(--mono);font-size:13px;word-break:break-all}
.cx-permisos{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cx-permisos li{position:relative;padding:12px 14px 12px 42px;border:1.5px solid var(--line);border-radius:14px}
.cx-permisos li::before{content:"✓";position:absolute;left:14px;top:11px;color:var(--ok);font-weight:700}
.cx-aviso{padding:12px 14px;border-radius:14px;background:var(--warn-soft);color:var(--ink);border:1.5px solid color-mix(in srgb,var(--warn) 40%,transparent)}
.cx-cuenta{margin:22px 0 4px}
.cx-cuenta strong{display:block;font-size:18px;margin-top:2px}
.cx-acciones{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
.cx-acciones button{min-height:48px;min-width:140px}
.cx-sk{height:120px;border-radius:var(--r);background:linear-gradient(90deg,var(--bg-2),var(--line),var(--bg-2));background-size:200% 100%;animation:cx-brillo 1.4s linear infinite}
@keyframes cx-brillo{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.cx-sk{animation:none}}