/* saltouruguay.com — El río frente al puerto de Salto (/es/live/rio/ y /live/river/), 6-oct-2026.
   Carga después de study.css + live.css + energia.css (la escala del puerto es la misma de la portada). Tokens de Study;
   agua #63D6C6, puerto #8CB8FF, alerta #F2A33A, seguridad #FF624D (los mismos de energia.css). Gráficos SVG propios de rio.js:
   marcas finas, cuadrícula de línea fina y continua, 2 px en las líneas, tooltip con guía vertical, tabla gemela plegada. */
.rio{--agua:#63D6C6;--puerto:#8CB8FF;--alerta:#F2A33A;--seg:#FF624D;--gris:rgba(237,240,247,.38);--grid:rgba(237,240,247,.09)}
.rio .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
@media (max-width:1023px){.rio .hero-grid{grid-template-columns:1fr}}
/* cabecera: el número de hoy */
.rh-now{display:flex;flex-direction:column;gap:10px;padding:26px 28px;background:var(--bg-2);border:1px solid var(--ln);border-top:3px solid var(--agua);border-radius:16px}
.rh-k{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}
.rh-big{font-size:clamp(3.6rem,2.4rem + 4vw,6.2rem);font-weight:800;line-height:.95;letter-spacing:-.03em;font-variation-settings:"wdth" 110;color:var(--fg)}
.rh-big small{margin-left:8px;font-size:.36em;font-weight:600;letter-spacing:0;color:var(--fg-2)}
.rh-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.92rem;color:var(--fg-2)}
.rh-row .rio-estado{margin-top:0}
.rh-at{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.rh-hoy{margin-top:4px;font-size:.95rem;line-height:1.55;color:var(--fg-2)}
.rh-hoy b{color:var(--fg)}
.rh-now .rio-nav{margin-top:6px}
/* cifras rápidas al costado (como tx-quick) */
.rh-side .tx-quick li{align-items:flex-start}
.rh-side .tx-quick li span{line-height:1.45}
.rh-side .tx-quick b{color:var(--fg)}
.rh-side .tx-quick b.puerto{color:var(--puerto)}.rh-side .tx-quick b.alerta{color:var(--alerta)}.rh-side .tx-quick b.seg{color:var(--seg)}.rh-side .tx-quick b.agua{color:var(--agua)}
/* secciones de tinta con gráficos */
.rio .tinta{background:var(--bg);color:var(--fg)}
.rc-card{position:relative;background:var(--bg-2);border:1px solid var(--ln);border-radius:16px;padding:18px 22px 20px;min-width:0}
.rc-card + .rc-card{margin-top:18px}
.rc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;margin-bottom:10px}
.rc-title{font-size:1.05rem;font-weight:600;color:var(--fg)}
.rc-sub{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.rc-leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:6px 0 10px;list-style:none;font-size:.8rem;color:var(--fg-2)}
.rc-leg li{display:flex;align-items:center;gap:8px}
.rc-leg i{display:inline-block;width:18px;height:0;border-top:2px solid var(--agua);border-radius:2px}
.rc-leg i.band{height:10px;border:0;background:rgba(99,214,198,.22);border-radius:2px}
.rc-leg i.gris{border-top-color:var(--gris)}.rc-leg i.gband{height:10px;border:0;background:rgba(237,240,247,.14)}
.rc-leg i.puerto{border-top-color:var(--puerto)}.rc-leg i.alerta{border-top-color:var(--alerta)}.rc-leg i.seg{border-top-color:var(--seg)}
.rc-leg i.bar{width:10px;height:14px;border:0;background:var(--agua);border-radius:3px 3px 0 0}
.rc-plot{position:relative;width:100%}
.rc-plot svg{display:block;width:100%;height:auto;overflow:visible}
.rc-plot .grid{stroke:var(--grid);stroke-width:1}
.rc-plot .axis{stroke:rgba(237,240,247,.22);stroke-width:1}
.rc-plot .tick{fill:var(--fg-3);font-family:var(--mono);font-size:11px}
.rc-plot .band{fill:rgba(99,214,198,.20)}
.rc-plot .line{fill:none;stroke:var(--agua);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.rc-plot .gband{fill:rgba(237,240,247,.12)}
.rc-plot .gline{fill:none;stroke:var(--gris);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.rc-plot .thr{stroke-width:1;stroke-dasharray:none;opacity:.9}
.rc-plot .thr.puerto{stroke:var(--puerto)}.rc-plot .thr.alerta{stroke:var(--alerta)}.rc-plot .thr.seg{stroke:var(--seg)}
.rc-plot .thr-t{font-family:var(--mono);font-size:11px;fill:var(--fg-3)}
.rc-plot .bar{fill:var(--agua)}
.rc-plot .bar.parcial{fill:rgba(99,214,198,.55)}
.rc-plot .bar:hover,.rc-plot .bar.hot{fill:#8FEBDF}
.rc-plot .hit{fill:transparent;cursor:crosshair}
.rc-plot .cross{stroke:rgba(237,240,247,.5);stroke-width:1;pointer-events:none}
.rc-plot .dot{fill:var(--agua);stroke:var(--bg-2);stroke-width:2}
.rc-plot .lab{fill:var(--fg-2);font-size:12px}
.rc-plot .lab b,.rc-plot .lab.big{fill:var(--fg);font-weight:700}
.rc-plot .end{font-family:var(--mono);font-size:11px;fill:var(--fg-2)}
/* teléfono: el SVG se dibuja en 600 unidades (rio.js) y la letra sube para que, escalada, quede en unos 9-10 px */
.rc-plot svg.mob .tick,.rc-plot svg.mob .thr-t,.rc-plot svg.mob .end{font-size:15px}
.rc-plot svg.mob .lab{font-size:17px}
.rc-plot svg.mob .dot{r:6px}
.rc-tip{position:absolute;z-index:5;pointer-events:none;min-width:120px;max-width:260px;padding:8px 10px;border-radius:10px;background:#0B0E17;border:1px solid var(--ln-2);box-shadow:0 10px 30px rgba(0,0,0,.4);font-size:.8rem;line-height:1.45;color:var(--fg-2);translate:-50% 0}
.rc-tip b{display:block;font-size:.98rem;color:var(--fg)}
.rc-tip i{display:inline-block;width:12px;height:0;border-top:2px solid var(--agua);margin-right:6px;vertical-align:middle}
.rc-tip i.gris{border-top-color:var(--gris)}
.rc-tip[hidden]{display:none}
.rc-note{margin-top:10px;font-size:.78rem;line-height:1.6;color:var(--fg-3)}
.rc-note b{color:var(--fg-2);font-weight:600}
/* tabla gemela */
.rc-table{margin-top:12px}
.rc-table summary{cursor:pointer;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-text)}
.rc-table summary::marker{color:var(--fg-3)}
.rio-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.88rem}
.rio-table th,.rio-table td{padding:8px 10px;border-top:1px solid var(--ln);text-align:left;vertical-align:top}
.rio-table th{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:600}
.rio-table td.n,.rio-table th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rio-table td b{color:var(--fg)}
.rio-table tr.hoy td{background:rgba(99,214,198,.08)}
.rio-table small{display:block;color:var(--fg-3);font-size:.78em}
.rio-table .src a{color:var(--acc-text)}
.rt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* grandes crecidas (papel) */
.rio-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-bottom:22px}
.rio-top .rt{padding:18px 20px;background:var(--bg-2);border:1px solid var(--ln);border-radius:14px}
.rio-top .rt b{display:block;font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--fg)}
.rio-top .rt b small{font-size:.5em;font-weight:600;color:var(--fg-2);margin-left:4px}
.rio-top .rt span{display:block;margin-top:8px;font-size:.82rem;line-height:1.5;color:var(--fg-2)}
.rio-top .rt .mono{display:block;margin-bottom:8px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
/* escala de hitos */
.hitos{list-style:none;display:grid;gap:0;border-top:1px solid var(--ln)}
.hitos li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--ln);font-size:.95rem;line-height:1.55;color:var(--fg-2)}
.hitos b{font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}
.hitos b.puerto{color:#1F55D6}.hitos b.alerta{color:#9A5A00}.hitos b.seg{color:#B4300A}
.hitos small{display:block;font-size:.76rem;color:var(--fg-3)}
.hitos li.hoy{background:rgba(99,214,198,.14);margin:0 -10px;padding-inline:10px;border-radius:8px}
.hitos li.hoy small.ahora{color:#0B7A69;font-weight:600}
/* preguntas frecuentes (SEO: FAQPage) */
.rio-faq{display:grid;gap:0;max-width:80ch;border-top:1px solid var(--ln)}
.rio-q{padding:16px 0;border-bottom:1px solid var(--ln)}
.rio-q dt{font-weight:600;font-size:1.05rem;line-height:1.4;color:var(--fg)}
.rio-q dd{margin:8px 0 0;font-size:.98rem;line-height:1.65;color:var(--fg-2)}
/* texto */
.rio-prose{max-width:76ch;font-size:1.02rem;line-height:1.7;color:var(--fg-2)}
.rio-prose p + p{margin-top:12px}
.rio-prose a{color:var(--acc-text)}
.rio-prose b{color:var(--fg)}
.rio-src{margin-top:24px;font-size:.8rem;line-height:1.7;color:var(--fg-3);max-width:80ch}
.rio-src a{color:var(--acc-text)}
.rio-open{margin-top:14px;font-size:.84rem;line-height:1.6;color:var(--fg-2)}
.rio-open code{font-family:var(--mono);font-size:.82em;padding:1px 6px;border-radius:6px;background:var(--bg-3);color:var(--fg)}
@media (max-width:640px){.rc-card{padding:14px 12px 16px}.rh-now{padding:20px 18px}.hitos li{grid-template-columns:72px minmax(0,1fr);font-size:.9rem}.rio-table{font-size:.82rem}.rio-table th,.rio-table td{padding:7px 6px}}
@media (prefers-reduced-motion:reduce){.rc-plot .bar{transition:none}}