.audio-page{padding:0 32px}.audio-page .frame{border-bottom:1px solid var(--color-line);gap:32px;padding:96px 64px 112px;display:grid}.audio-page header{gap:20px;max-width:720px;display:grid}.audio-page h1{letter-spacing:-.03em;font-size:54px;line-height:56px}.audio-lead{font-family:var(--font-serif), Georgia, serif;max-width:46ch;font-size:19px;font-weight:300;line-height:29px}.audio-page h2{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:24px;font-weight:500;line-height:28px}.audio-upload{border-block:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.audio-upload>div{gap:8px;display:grid}.audio-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.audio-time{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:14px}.audio-controls>.audio-time{color:var(--color-text);min-width:112px;font-size:15px}.audio-page input:not([type=file]){background:var(--color-surface-sunken);border:1px solid var(--color-line-control);border-radius:var(--radius-sm);width:96px;height:40px;font-family:var(--font-mono), ui-monospace, monospace;padding:0 12px;font-size:15px}.audio-page input:focus{border-color:var(--color-link);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.audio-page label{font-size:14px;font-weight:500}.secondary.signal{border-color:var(--color-signal);color:var(--color-signal-text)}.secondary.signal:hover{background:var(--color-signal-soft)}.secondary.signal:active{background:var(--color-signal-soft);border-color:var(--color-signal-text)}.audio-player{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);gap:20px;padding:28px 32px 32px;display:grid;position:relative}.audio-player:focus-visible{outline-offset:4px}.audio-player h2{letter-spacing:-.01em;font-size:20px;line-height:26px}.audio-player>.audio-time{margin-top:-14px}.audio-play{background:var(--color-primary);width:48px;height:48px;color:var(--color-on-primary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.audio-play:hover{background:var(--color-primary-hover);color:var(--color-on-primary-hover)}.audio-play:disabled{background:var(--color-surface-raised);color:var(--color-text-faded);cursor:wait}.audio-onda{position:relative}.audio-onda-marca{background:var(--color-signal);pointer-events:none;width:7px;height:7px;margin-left:-3.5px;position:absolute;bottom:-4px}.audio-onda-cabeza{background:var(--color-signal);pointer-events:none;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-4px}.audio-vacio{border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);padding:28px 24px}.audio-vacio p{font-family:var(--font-serif), Georgia, serif;color:var(--color-text-muted);font-size:17px;font-weight:300;line-height:26px}.audio-list li.audio-marca{justify-content:flex-start}.audio-pausa,.audio-preparando{flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:15px;line-height:22px;display:flex}.audio-pausa{color:var(--color-text)}.audio-pausa:before,.audio-preparando:before{content:"";background:var(--color-warning);border-radius:50%;width:6px;height:6px;transform:translateY(-2px)}.audio-preparando{color:var(--color-text-muted)}.audio-preparando:before{background:var(--color-text)}.audio-error{color:var(--color-danger-text);gap:10px;font-size:15px;line-height:22px;display:flex}.audio-error:before{content:"";background:var(--color-danger);flex-shrink:0;width:7px;height:7px;margin-top:7px}.audio-progress{border-bottom:1px solid var(--color-line);gap:12px;padding-bottom:28px;display:grid}.audio-progress progress{appearance:none;background:var(--color-line);border:0;border-radius:2px;width:100%;height:4px;overflow:hidden}.audio-progress progress::-webkit-progress-bar{background:var(--color-line)}.audio-progress progress::-webkit-progress-value{background:var(--color-text)}.audio-progress progress::-moz-progress-bar{background:var(--color-text)}.audio-history{gap:12px;margin-top:24px;display:grid}.audio-list{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none}.audio-list li{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.audio-list li>button:not(.audio-chip){text-align:left;cursor:pointer;color:var(--color-text);overflow-wrap:anywhere;background:0 0;border:0;padding:12px 0;font-size:15px}.audio-list li>button:not(.audio-chip):hover{color:var(--color-link)}.audio-list span{color:var(--color-text-muted);font-size:14px}.audio-chip{border:1px solid var(--color-line-control);border-radius:var(--radius-xs);font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;padding:3px 7px;font-size:13px}.audio-chip:hover,.audio-chip:focus-visible{background:var(--color-signal-soft);border-color:var(--color-signal)}.audio-chip:active{background:var(--color-signal-strong);border-color:var(--color-signal-strong);color:var(--color-on-signal)}.audio-list .audio-state{color:var(--color-text);align-items:center;gap:8px;font-size:14px;display:inline-flex}.audio-state:before{content:"";background:var(--color-text);border-radius:50%;width:6px;height:6px}.audio-state-listo:before{background:var(--color-success)}.audio-state-fallido:before{background:var(--color-danger);border-radius:0;width:7px;height:7px}.audio-state-cancelado:before,.audio-state-abandonado:before{background:var(--color-text-faded)}@media (max-width:900px){.audio-page{padding:0 16px}.audio-page .frame{padding:56px 20px 72px}.audio-page h1{font-size:40px;line-height:44px}.audio-upload{flex-direction:column;align-items:stretch}.audio-player{padding:20px}}