/* ComoVa source: agua — comova/agua, comova/agua-historial */
.cv-agua { margin: 0 0 1.5rem; }
.cv-agua-block { margin: 0 0 1.25rem; }
.cv-agua-lead { font-size: 1.05rem; line-height: 1.55; }
.cv-agua-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cv-agua-table { width: 100%; border-collapse: collapse; font-size: .94em; }
.cv-agua-table th, .cv-agua-table td { padding: .45rem .5rem; border-bottom: 1px solid var(--cv-border); text-align: left; vertical-align: middle; }
.cv-agua-table thead th { font-size: .85em; color: var(--cv-muted); font-weight: 600; }
.cv-agua-table tr.cv-agua-total th, .cv-agua-table tr.cv-agua-total td { border-top: 2px solid var(--cv-border); font-weight: 600; }
.cv-agua-pct { min-width: 120px; }
.cv-agua-pct strong { display: block; }
.cv-agua-bar { position: relative; display: block; height: 8px; margin-top: 4px; border-radius: 4px; background: var(--cv-surface-2); border: 1px solid var(--cv-border); }
.cv-agua-bar i { position: absolute; left: 0; top: 0; bottom: 0; background: #0ea5e9; border-radius: 4px; }
.cv-agua-bar b { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--cv-text); opacity: .7; }
.cv-agua-chart { margin: .5rem 0 1rem; }
.cv-agua-plot { display: flex; gap: 6px; }
.cv-agua-y { display: flex; flex-direction: column; justify-content: space-between; height: 140px; font-size: .72rem; color: var(--cv-muted); flex: 0 0 auto; }
.cv-agua-y em { font-style: normal; line-height: 1; }
.cv-agua-bars { list-style: none; margin: 0; padding: 0; flex: 1 1 auto; min-width: 0; height: 140px; display: flex; align-items: flex-end; gap: 1px; border-bottom: 1px solid var(--cv-border); background: linear-gradient(to top, transparent calc(50% - .5px), var(--cv-border) calc(50% - .5px), var(--cv-border) calc(50% + .5px), transparent calc(50% + .5px)); }
.cv-agua-bars li { position: relative; flex: 1 1 0; min-width: 0; height: 100%; display: flex; align-items: flex-end; }
.cv-agua-bars i { display: block; width: 100%; background: #0ea5e9; border-radius: 2px 2px 0 0; }
.cv-agua-bars b { position: absolute; left: 0; right: 0; height: 2px; background: var(--cv-text); opacity: .55; }
.cv-agua-chart figcaption { display: flex; justify-content: space-between; gap: 8px; font-size: .78rem; margin-top: 4px; }
.cv-agua-chart figcaption span:nth-child(2) { text-align: center; }
.cv-src-note { font-size: .82rem; margin: .5rem 0 0; }
@media (prefers-color-scheme: dark) { .cv-agua-bar i, .cv-agua-bars i { background: #38bdf8; } }