/* Sesión 2 · Identidad propia: degradado azul-violeta, retícula de puntos, marca de la sesión en el marco y
   antetítulos con el color de cada capítulo. La sesión 1 conserva su verde; aquí manda el azul de Claude Code. */
:root{
 --grad:linear-gradient(100deg,#2ED3C6 0%,#4C9BFF 52%,#9D8CFF 100%);
 --cap:#7FB2FF;--s2a:#2ED3C6;--s2b:#4C9BFF;--s2c:#9D8CFF;
 --vidrio-borde:rgba(127,178,255,.16);
}
html,body{background:#04050B}
.orb.a{opacity:.36;background:radial-gradient(circle at 35% 40%,var(--o1,#1E6FD6),transparent 60%),radial-gradient(circle at 70% 70%,#16204F,transparent 65%)}
.orb.b{opacity:.3;background:radial-gradient(circle at 50% 50%,var(--o2,#5B4FD6),transparent 62%),radial-gradient(circle at 30% 30%,#16204F,transparent 70%)}
.vig{background:radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(2,3,10,.78) 100%)}
.grano{opacity:.04}
:focus-visible{outline-color:#7FB2FF}

/* marco: la sesión en curso, a la derecha */
.marco span{color:#C9D3EA}
.s2-ses{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:17px;color:var(--muted)}
.s2-ses b{font-weight:500;color:#DCE5FA}
.s2-sb{display:flex;gap:5px}
.s2-sb i{width:26px;height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
.s2-sb i.ya{background:rgba(46,211,198,.55)}
.s2-sb i.on{background:var(--grad);box-shadow:0 0 12px rgba(76,155,255,.6)}

/* antetítulo en píldora, con el color del capítulo */
.eye{width:max-content;max-width:100%;padding:7px 16px 7px 12px;border-radius:999px;background:color-mix(in srgb,var(--cap) 11%,transparent);border:1px solid color-mix(in srgb,var(--cap) 34%,transparent);color:color-mix(in srgb,var(--cap) 45%,#fff);transition:color .6s,background .6s,border-color .6s}
.eye i{width:8px;height:8px;background:var(--cap);box-shadow:0 0 10px var(--cap)}

/* vidrio y pasos con el tono de la sesión */
.vidrio{border-color:var(--vidrio-borde);background:linear-gradient(180deg,rgba(140,170,255,.07),rgba(140,170,255,.018))}
.pp i.ya{background:rgba(127,178,255,.5)}
.pp i.on{background:#7FB2FF}
.cap .b{background:rgba(160,180,230,.13)}
/* la píldora del antetítulo es más alta que el antetítulo de la sesión 1: menos margen para no reducir las diapositivas */
.eye{margin-bottom:12px}
/* números y acentos que en la sesión 1 eran teal pasan al degradado de la sesión 2 */
.s2-carta .frente .n{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-scene="claudemd"] .src{max-width:none}