/* Conteudix Áudio — player */

.cxa-player{
  --cxa-accent:#10B981;
  --cxa-bg:#0F1320;
  --cxa-surface:#171c2b;
  --cxa-text:#e8ecf4;
  --cxa-muted:#9aa3b8;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:var(--cxa-bg);
  color:var(--cxa-text);
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
  padding:14px 16px;
  margin:0 0 28px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.cxa-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}

.cxa-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:none;cursor:pointer;background:rgba(255,255,255,.06);color:var(--cxa-text);
  border-radius:10px;padding:10px 12px;font-size:14px;line-height:1;
  transition:background .15s ease,transform .1s ease;
}
.cxa-btn:hover{background:rgba(255,255,255,.12);}
.cxa-btn:active{transform:scale(.96);}
.cxa-btn:focus-visible{outline:2px solid var(--cxa-accent);outline-offset:2px;}
.cxa-btn[disabled]{opacity:.5;cursor:not-allowed;}

.cxa-toggle{background:var(--cxa-accent);color:#04130c;font-weight:600;padding:11px 18px;}
.cxa-toggle:hover{filter:brightness(1.05);background:var(--cxa-accent);}
.cxa-toggle .cxa-label{white-space:nowrap;}

.cxa-ic{display:inline-flex;}
.cxa-ic-pause{display:none;}
.cxa-player[data-state="playing"] .cxa-ic-play{display:none;}
.cxa-player[data-state="playing"] .cxa-ic-pause{display:inline-flex;}

.cxa-player[data-state="idle"] .cxa-stop{display:none;}

.cxa-meta{display:flex;align-items:center;gap:10px;flex:1 1 160px;min-width:140px;}
.cxa-progress{position:relative;flex:1;height:6px;background:rgba(255,255,255,.10);border-radius:99px;overflow:hidden;cursor:pointer;}
.cxa-progress-fill{position:absolute;inset:0;width:0%;background:var(--cxa-accent);border-radius:99px;transition:width .25s ease;}
.cxa-time{font-size:12px;color:var(--cxa-muted);min-width:34px;text-align:right;font-variant-numeric:tabular-nums;}

.cxa-badge{
  font-size:10px;font-weight:700;letter-spacing:.04em;
  background:color-mix(in srgb,var(--cxa-accent) 22%,transparent);
  color:var(--cxa-accent);
  border:1px solid color-mix(in srgb,var(--cxa-accent) 45%,transparent);
  padding:3px 7px;border-radius:6px;line-height:1;
}

.cxa-gear{margin-left:auto;padding:10px;}

.cxa-panel{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cxa-panel[hidden]{display:none;}
.cxa-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--cxa-muted);}
.cxa-field strong{color:var(--cxa-text);font-weight:600;}
.cxa-field input[type="range"]{accent-color:var(--cxa-accent);width:100%;}
.cxa-voice{background:var(--cxa-surface);color:var(--cxa-text);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;font-size:13px;}

.cxa-error{margin:12px 0 0;font-size:13px;color:#ffb4b4;}

.cxa-reading{
  background:color-mix(in srgb,var(--cxa-accent) 18%,transparent);
  box-shadow:-4px 0 0 var(--cxa-accent);
  border-radius:4px;transition:background .2s ease;
}

@media (max-width:560px){
  .cxa-panel{grid-template-columns:1fr;}
  .cxa-toggle .cxa-label{font-size:13px;}
  .cxa-gear{margin-left:0;}
}
@media (prefers-reduced-motion:reduce){
  .cxa-progress-fill,.cxa-btn{transition:none;}
}