/* Precise Audio Player - estilos */

.precap-player{display:flex;align-items:center;gap:14px;width:100%;max-width:600px;padding:10px 0;font-family:"Inter",Sans-serif;box-sizing:border-box}

.precap-player audio{display:none}

.precap-play-btn{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1.5px solid #d9d9d9;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .15s ease,transform .1s ease}
.precap-play-btn:hover{border-color:#adadad}
.precap-play-btn:active{transform:scale(.95)}
.precap-play-btn svg{display:block;width:12px;height:12px}

/* El triángulo de "play" se desplaza 1px a la derecha a propósito:
   un triángulo centrado matemáticamente se percibe corrido a la
   izquierda (el lado plano pesa más visualmente que la punta). */
.precap-play-btn .precap-icon-play{transform:translateX(1px)}

.precap-time-current{flex:0 0 auto;font-size:13px;color:#6b6b6b;min-width:30px}

/* Contenedor de la barra de progreso: línea + relleno + punto, con
   un input[range] invisible encima solo para manejar clic/arrastre. */
.precap-progress-wrap{position:relative;flex:1 1 auto;height:14px;display:flex;align-items:center}

.precap-progress-track{position:absolute;left:0;right:0;top:50%;height:2px;background:#dcdcdc;border-radius:2px;transform:translateY(-50%);pointer-events:none}

/* IMPORTANTE: el relleno debe medir lo mismo (2px) y estar centrado
   igual que la línea de fondo, si no se ve como una barra gruesa. */
.precap-progress-fill{position:absolute;left:0;top:50%;height:2px;width:0%;background:#1a1a1a;border-radius:2px;transform:translateY(-50%);pointer-events:none}

.precap-progress-thumb{position:absolute;top:50%;left:0%;width:10px;height:10px;border-radius:50%;background:#1a1a1a;transform:translate(-50%,-50%);pointer-events:none;will-change:left}

.precap-progress-input{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;border:none;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;opacity:0}
.precap-progress-input::-webkit-slider-runnable-track{background:transparent;border:none}
.precap-progress-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:transparent;border:none;cursor:pointer}
.precap-progress-input::-moz-range-track{background:transparent;border:none}
.precap-progress-input::-moz-range-thumb{width:14px;height:14px;background:transparent;border:none;cursor:pointer}
.precap-progress-input::-moz-range-progress{background:transparent}

.precap-time-remaining{flex:0 0 auto;font-size:13px;color:#6b6b6b;min-width:45px;text-align:right}