/* LA PRESA — vos.css (T22). Vos and its screens. */
.vos { overflow-wrap: anywhere; color: var(--ink); }
.vos h2 { font-size: 19px; margin-bottom: 8px; }
:where(.vos .card > * + *) { margin-top: 8px; }
.vos-sec { margin-top: 24px; }
.vos-pie { margin: 12px 4px 0; }
.vos .tiles { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
.vos .t-big { line-height: 1.2; font-size: min(26px, 10.5vw); }
/* T24 #39 (QA VA-07): a grouped figure never splits («1 943 58» / «7» at 188 px); 10.5vw lets it fit */
.vos .nw { white-space: nowrap; }
.vos .kv, .vos .escalon, .vos .inc-item { flex-wrap: wrap; }
.vos .kv { font-size: 16px; }
.vos .escalon-body { flex-basis: 8em; }
.vos .inc-body { flex-basis: 140px; font-size: 16px; }
.vos .inc-body .btn { margin-top: 8px; max-width: 100%; }
/* Vos rows (p4): 56 tall; at 200% text they wrap */
.vos-grupo { margin-top: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); }
.vos-fila { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 8px 40px 8px 16px; background: none; border: 0; border-top: 1px solid var(--line); color: var(--ink); font-size: 16px; line-height: 1.3; text-align: left; cursor: pointer; }
.vos-fila:first-child { border-top: 0; }
.vos-fila:focus-visible { outline-offset: -3px; border-radius: 14px; }
.vos-fila::after { content: "›"; content: "›" / ""; position: absolute; right: 16px; top: 50%; margin-top: -12px; font-size: 24px; line-height: 1; color: var(--ink-dim); }
/* T24 #40: the rows' line icons (sprite ic-*), ink in both themes and in sober */
.vos-ico { flex: none; width: 24px; height: 24px; color: var(--ink); }
.vos-glifo { flex: none; display: inline-block; width: 24px; font-size: 20px; text-align: center; filter: grayscale(1) brightness(.5); }
html[data-tema="noche"] .vos-glifo { filter: grayscale(1) contrast(.55) brightness(1.5); }
.vos-txt { flex: 1 1 6.5em; min-width: 0; }
.vos-txt b, .vos-txt span { display: block; }
.vos-txt span { font-size: 13px; color: var(--ink-dim); margin-top: 1px; }
/* Numbers (p19), small units */
.vos small { font-size: 16px; }
.vos-num { font-size: min(52px, 15vw); font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--ink-strong); }
.vos-num small { font-size: .46em; }
.vos-txt .vos-min { margin: 2px 0; font-size: 26px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; color: var(--ink-strong); }
/* A tramo (p19): the tile, then its word and «Tramo N» */
.vos-tramo { order: -1; flex: none; min-width: 76px; text-align: center; font-size: 13px; color: var(--ink-dim); }
.vos-tramo b { display: block; margin-top: 4px; color: var(--ink); text-transform: capitalize; }
.vos-idx { display: block; position: relative; padding: 17px 6px 6px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); font-size: 20px; font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; color: var(--ink-strong); }
.vos-idx::before { content: ""; position: absolute; top: 6px; left: 8px; right: 8px; height: 6px; border-radius: 3px; background: var(--mood); }
.vos-idx small { font-size: 13px; }
.vos-barras { margin-top: 32px; }
.vos-barras .bar { background: var(--ink-dim); }
.vos-barras b { position: absolute; top: -20px; width: 100%; text-align: center; font-size: 13px; font-variant-numeric: tabular-nums; }
.vos-barras .bar i { bottom: -21px; font-size: 13px; }
.vos-tras { margin-top: 30px; }
.vos-barra { height: 8px; border-radius: 4px; background: var(--line); overflow: hidden; }
.vos-barra i { display: block; height: 100%; background: var(--accent); }
.vos-avance { display: flex; justify-content: space-between; gap: 12px; font-variant-numeric: tabular-nums; }
.vos-dato { padding-top: 8px; border-top: 1px solid var(--line); }
.vos h2 + .vos-dato { padding-top: 0; border-top: 0; }
.vos-dato b { display: block; font-size: 26px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.vos-nota { margin-top: 12px; padding: 12px 16px; border-radius: var(--r-md); background: var(--soft); }
.vos-carta { white-space: pre-wrap; font: inherit; background: var(--soft); border-radius: 12px; padding: min(14px, 4vw); margin-bottom: 12px; }
.vos-par { display: flex; flex-wrap: wrap; gap: 10px; }
.vos-par > * { flex: 1 1 8em; min-width: 0; }
.vos-sobria { border-color: var(--line-sobria); border-left: 4px solid var(--mood-sobria); }
.vos-error { color: var(--peligro); font-size: 14px; font-weight: 700; }
.vos-op { display: flex; align-items: center; gap: 12px; min-height: 48px; margin-top: 0; border-top: 1px solid var(--line); font-weight: 700; cursor: pointer; }
.vos-op input { flex: none; width: 22px; height: 22px; accent-color: var(--accent); }
/* 200% text: the whole hour (a tap opens the picker) */
@media (max-width: 260px) { .vos input[type=time] { padding-inline: 8px; } .vos input[type=time]::-webkit-calendar-picker-indicator { display: none; } }