/* StreamBol · web pública: misma noche del panel, más aire. */
:root{--fondo:#0b1324;--superficie:#121c33;--borde:#223150;--texto:#e6edf7;--suave:#8ea0bf;--cian:#38bdf8;--cian-osc:#0ea5e9;--ambar:#f59e0b;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--cian);text-decoration:none}a:hover{text-decoration:underline}
code{background:#182542;padding:.1em .35em;border-radius:5px;font-size:.9em}pre{background:#060b17;border:1px solid var(--borde);border-radius:10px;padding:1rem;overflow:auto;font-size:.85rem;line-height:1.5}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:10px;font-weight:650;color:var(--texto);background:#182542;border:1px solid transparent}
.btn:hover{text-decoration:none;filter:brightness(1.12)}.btn--azul{background:var(--cian-osc);color:#06202e}.btn--linea{background:transparent;border-color:var(--borde)}.btn--grande{padding:.85rem 1.5rem;font-size:1.05rem}
.web__cab{display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,3rem);max-width:1200px;margin:0 auto}
.web__marca{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.25rem;color:var(--texto)}.web__nav{display:flex;gap:1rem;align-items:center}
.web__pie{text-align:center;color:var(--suave);padding:2rem 1rem;font-size:.9rem;border-top:1px solid var(--borde);margin-top:3rem}
.portada{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;max-width:1200px;margin:2rem auto 0;padding:1rem clamp(1rem,4vw,3rem)}
.portada__eti{color:var(--cian);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin:0 0 .5rem}
.portada h1{font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.02em}.portada h1 span{color:var(--cian)}
.portada__sub{color:var(--suave);font-size:1.1rem;max-width:560px}.portada__acciones{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.portada__ondas{display:flex;align-items:center;justify-content:center;gap:5px;height:260px}
.portada__ondas i{display:block;width:8px;border-radius:4px;background:linear-gradient(180deg,var(--cian),var(--ambar));height:30%;animation:onda 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.09s);opacity:.9}
@keyframes onda{0%,100%{height:18%}50%{height:calc(40% + (var(--i) - 14) * (var(--i) - 14) * -0.25%)}}
.bloques{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;max-width:1200px;margin:3rem auto 0;padding:0 clamp(1rem,4vw,3rem)}
.bloque{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:1.4rem}.bloque h3{margin:0 0 .4rem;font-size:1.1rem}.bloque p{margin:0;color:var(--suave)}
.docs{display:grid;grid-template-columns:200px 1fr;gap:2rem;max-width:1200px;margin:1rem auto;padding:1rem clamp(1rem,4vw,3rem)}
.docs__indice{position:sticky;top:1rem;align-self:start;display:flex;flex-direction:column;gap:.4rem}.docs__indice a{color:var(--suave)}
.docs__cuerpo h1{font-size:2rem;margin:0 0 .5rem}.docs__cuerpo h2{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--borde);font-size:1.4rem}.docs__cuerpo h3{font-size:1rem;color:var(--cian);margin:1.4rem 0 .4rem}
.docs table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0}.docs th,.docs td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--borde);vertical-align:top}.docs th{color:var(--suave);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.reproductor{display:flex;justify-content:center;padding:3rem 1rem}.reproductor__caja{width:min(520px,100%);background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:2rem;text-align:center}
.reproductor audio{width:100%;margin:1rem 0}.texto-suave{color:var(--suave)}.aviso--error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);padding:.7rem;border-radius:9px;color:#fecaca}
@media (max-width:860px){.portada{grid-template-columns:1fr}.portada__ondas{height:120px}.docs{grid-template-columns:1fr}.docs__indice{position:static;flex-direction:row;flex-wrap:wrap;gap:.8rem}}