/* Nota de voz de publicaciones: grabador del formulario y reproductor del modal de producto. */
.tx-voice-note{border:1px dashed #c9a7de;background:#fcf8ff;border-radius:16px;padding:12px;display:grid;gap:10px}
.tx-voice-note-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center}
.tx-voice-note-head>i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#006eff;color:#fff}
.tx-voice-note-head b{display:block}
.tx-voice-note-head small{color:#667085;font-size:.78rem}
.tx-voice-note audio{width:100%;height:40px}
.tx-voice-note-actions{display:flex;gap:8px;flex-wrap:wrap}
.tx-voice-note-btn{background:#fff;border:1px solid #006eff;color:#006eff;border-radius:999px;font-weight:700}
.tx-voice-note-btn:hover{background:#006eff;color:#fff}
.tx-voice-note-rec{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 8px 6px 14px;border:1px solid #fecdca}
.tx-voice-note-rec b{font-variant-numeric:tabular-nums;flex:1}
.tx-voice-note-dot{width:12px;height:12px;border-radius:50%;background:#f04438;animation:txVoiceDot 1s ease-in-out infinite}
@keyframes txVoiceDot{50%{opacity:.25}}
.tx-product-audio{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;margin:8px 20px 0;padding:6px 8px;background:#f4ecfa;border-radius:14px}
.tx-product-audio.d-none{display:none!important}
.tx-product-audio>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#006eff;color:#fff}
.tx-product-audio audio{width:100%;height:38px}