
:root{
  --vozbr-bg:#090b12;
  --vozbr-panel:#121521;
  --vozbr-panel2:#181b29;
  --vozbr-card:#0e1018;
  --vozbr-border:rgba(255,255,255,.12);
  --vozbr-text:#ffffff;
  --vozbr-muted:#aeb5ca;
  --vozbr-cyan:#00f5d4;
  --vozbr-blue:#0ea5ff;
  --vozbr-purple:#a78bfa;
}
#vozbr-app *{box-sizing:border-box}
#vozbr-app{
  width:100%;
  font-family:Inter,Arial,sans-serif;
}
.vozbr-studio{
  max-width: calc(100vw - 40px);
  min-height:820px;
  margin:20px auto;
  background:linear-gradient(180deg,#0a0c14,#07080d);
  color:var(--vozbr-text);
  border:1px solid var(--vozbr-border);
  border-radius:24px;
  overflow:hidden;
  display:grid;
  grid-template-columns:260px minmax(720px,1fr) 380px;
  box-shadow:0 25px 80px rgba(0,0,0,.45);
}
.vozbr-sidebar{
  background:linear-gradient(180deg,#171a28,#111421);
  padding:26px 18px;
  border-right:1px solid var(--vozbr-border);
}
.vozbr-brand{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:30px;
}
.vozbr-brand-icon{
  width:44px;
  height:44px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--vozbr-cyan),var(--vozbr-blue));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#001;
  font-weight:900;
  font-size:22px;
}
.vozbr-brand-title{
  font-size:24px;
  font-weight:900;
  line-height:1;
}
.vozbr-brand-sub{
  color:var(--vozbr-muted);
  font-size:12px;
  margin-top:4px;
}
.vozbr-nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.vozbr-nav button{
  border:0;
  width:100%;
  color:#d9ddff;
  background:transparent;
  text-align:left;
  padding:14px 14px;
  border-radius:14px;
  font-weight:700;
  cursor:pointer;
}
.vozbr-nav button.active,.vozbr-nav button:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
.vozbr-main{
  padding:36px 44px;
  overflow:auto;
}
.vozbr-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:24px;
}
.vozbr-title{
  font-size:42px;
  font-weight:900;
  margin:0 0 8px;
  background:linear-gradient(90deg,var(--vozbr-cyan),var(--vozbr-blue));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.vozbr-desc{
  margin:0;
  color:var(--vozbr-muted);
  font-size:14px;
}
.vozbr-api-status{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(0,245,212,.3);
  color:var(--vozbr-cyan);
  background:rgba(0,245,212,.08);
  font-weight:800;
  font-size:12px;
}
.vozbr-label{
  display:block;
  color:#c9d1ff;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  margin:18px 0 8px;
}
.vozbr-input,.vozbr-select,.vozbr-textarea{
  width:100%;
  background:#10131e !important;
  color:#fff !important;
  border:1px solid var(--vozbr-border) !important;
  border-radius:16px !important;
  padding:15px 16px !important;
  outline:none !important;
  box-shadow:none !important;
}
.vozbr-textarea{
  min-height:260px;
  font-size:18px;
  line-height:1.6;
  resize:vertical;
}
.vozbr-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.vozbr-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 16px;
}
.vozbr-chip{
  border:1px solid rgba(0,245,212,.3);
  color:var(--vozbr-cyan);
  background:rgba(0,245,212,.06);
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  font-size:12px;
  cursor:pointer;
}
.vozbr-chip:hover{
  background:rgba(0,245,212,.16);
}
.vozbr-actions{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:12px;
  margin-top:18px;
}
.vozbr-btn{
  border:0;
  border-radius:16px;
  padding:17px 20px;
  font-weight:900;
  cursor:pointer;
  color:#001;
  background:linear-gradient(90deg,var(--vozbr-cyan),var(--vozbr-blue));
  box-shadow:0 12px 28px rgba(14,165,255,.2);
}
.vozbr-btn.secondary{
  color:var(--vozbr-cyan);
  border:1px solid var(--vozbr-cyan);
  background:transparent;
  box-shadow:none;
}
.vozbr-counter{
  color:var(--vozbr-muted);
  font-size:12px;
  margin-top:8px;
}
.vozbr-player-card{
  margin-top:24px;
  background:#0a0c12;
  border:1px solid var(--vozbr-border);
  border-radius:18px;
  padding:18px;
}
.vozbr-player-top{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.vozbr-audio-title{
  font-weight:900;
}
.vozbr-small{
  color:var(--vozbr-muted);
  font-size:12px;
}
.vozbr-player-card audio{
  width:100%;
  margin-top:10px;
}
.vozbr-downloads{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.vozbr-downloads a,.vozbr-mini-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:12px;
  border:1px solid var(--vozbr-border);
  background:#171a28;
  color:#fff;
  text-decoration:none;
  padding:12px 14px;
  font-weight:900;
  cursor:pointer;
}
.vozbr-tools{
  background:linear-gradient(180deg,#171a28,#111421);
  border-left:1px solid var(--vozbr-border);
  padding:24px 18px;
  overflow:auto;
}
.vozbr-tools h3{
  margin:0 0 6px;
  font-size:18px;
}
.vozbr-tools p{
  margin:0 0 18px;
  color:var(--vozbr-muted);
  font-size:12px;
}
.vozbr-voice-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:18px;
}
.vozbr-voice-card{
  border:1px solid var(--vozbr-border);
  background:#0d1018;
  border-radius:14px;
  padding:12px;
  cursor:pointer;
}
.vozbr-voice-card.active{
  border-color:var(--vozbr-cyan);
  background:rgba(0,245,212,.08);
}
.vozbr-voice-card strong{
  display:block;
  font-size:13px;
}
.vozbr-voice-card span{
  color:var(--vozbr-muted);
  font-size:11px;
}
.vozbr-slider{
  margin:18px 0;
}
.vozbr-slider-row{
  display:flex;
  justify-content:space-between;
  color:#d9ddff;
  font-size:12px;
  font-weight:900;
  margin-bottom:8px;
}
.vozbr-slider input{
  width:100%;
  accent-color:var(--vozbr-purple);
}
.vozbr-presets{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}
.vozbr-preset{
  border:1px solid var(--vozbr-border);
  background:#10131e;
  color:#fff;
  border-radius:14px;
  padding:13px;
  text-align:left;
  cursor:pointer;
  font-weight:800;
}
.vozbr-alert{
  padding:13px 14px;
  border-radius:14px;
  background:rgba(255,193,7,.12);
  border:1px solid rgba(255,193,7,.35);
  color:#ffe7a0;
  margin:14px 0;
  display:none;
}
.vozbr-loading{
  opacity:.65;
  pointer-events:none;
}
@media(max-width:1150px){
  .vozbr-studio{grid-template-columns:1fr}
  .vozbr-sidebar,.vozbr-tools{border:0}
  .vozbr-grid-2,.vozbr-actions{grid-template-columns:1fr}
}

.vozbr-voice-list{
  max-height:330px;
  overflow:auto;
  padding-right:6px;
}
.vozbr-tools{
  min-width:360px;
}
.vozbr-main{
  min-width:0;
}
body .entry-content,
body .wp-block-post-content,
body .elementor-widget-container{
  overflow:visible !important;
}
#vozbr-app{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  width:100vw;
  max-width:100vw;
  padding:0 20px;
}
@media(max-width:1400px){
  .vozbr-studio{grid-template-columns:220px minmax(0,1fr) 340px;}
  .vozbr-title{font-size:32px;}
}


/* ===== FIX LAYOUT 1.0.5 - PAINEL NÃO CORTAR ===== */
#vozbr-app{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:0 8px !important;
  overflow:visible !important;
}

.vozbr-studio{
  width:100% !important;
  max-width:100% !important;
  margin:18px auto !important;
  grid-template-columns:220px minmax(0,1fr) 300px !important;
  min-height:760px !important;
  overflow:hidden !important;
}

.vozbr-main{
  padding:30px 30px !important;
  min-width:0 !important;
}

.vozbr-tools{
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
  padding:22px 16px !important;
}

.vozbr-title{
  font-size:36px !important;
  line-height:1.12 !important;
}

.vozbr-grid-2{
  grid-template-columns:1fr 1fr !important;
}

.vozbr-voice-list{
  grid-template-columns:1fr 1fr !important;
  max-height:310px !important;
}

.vozbr-sidebar{
  width:220px !important;
}

.vozbr-textarea{
  min-height:230px !important;
}

/* Quando a tela for menor, joga a coluna direita para baixo */
@media(max-width:1200px){
  .vozbr-studio{
    grid-template-columns:200px minmax(0,1fr) !important;
  }
  .vozbr-tools{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    border-left:0 !important;
    border-top:1px solid var(--vozbr-border) !important;
  }
  .vozbr-voice-list{
    grid-template-columns:repeat(4,1fr) !important;
  }
}

@media(max-width:900px){
  .vozbr-studio{
    grid-template-columns:1fr !important;
  }
  .vozbr-sidebar{
    width:100% !important;
  }
  .vozbr-grid-2,
  .vozbr-actions{
    grid-template-columns:1fr !important;
  }
  .vozbr-main{
    padding:24px 18px !important;
  }
  .vozbr-title{
    font-size:28px !important;
  }
  .vozbr-voice-list{
    grid-template-columns:1fr 1fr !important;
  }
}

body{
  overflow-x:hidden !important;
}


/* ===== LOCUTORES PRO 1.0.7 ===== */
.vozbr-pro-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 18px;
}
.vozbr-btn-pro{
  border:1px solid rgba(0,245,212,.45);
  color:#001;
  background:linear-gradient(90deg,var(--vozbr-cyan),var(--vozbr-blue));
  border-radius:14px;
  padding:13px 18px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,245,212,.16);
}
.vozbr-pro-help{
  color:var(--vozbr-muted);
  font-size:12px;
}
.vozbr-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:999999;
  background:rgba(0,0,0,.76);
  align-items:center;
  justify-content:center;
  padding:22px;
}
.vozbr-modal{
  width:min(980px,96vw);
  max-height:88vh;
  overflow:auto;
  background:#10131e;
  border:1px solid rgba(0,245,212,.25);
  border-radius:24px;
  color:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.6);
  padding:24px;
}
.vozbr-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.vozbr-modal-head h2{
  margin:0 0 6px;
  font-size:28px;
  color:var(--vozbr-cyan);
}
.vozbr-modal-head p{
  margin:0;
  color:var(--vozbr-muted);
}
.vozbr-modal-close{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--vozbr-border);
  background:#0a0c12;
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.vozbr-locutores-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.vozbr-locutor-card{
  text-align:left;
  border:1px solid var(--vozbr-border);
  background:#0a0c12;
  color:#fff;
  border-radius:18px;
  padding:18px;
  cursor:pointer;
  min-height:110px;
}
.vozbr-locutor-card:hover{
  border-color:var(--vozbr-cyan);
  background:rgba(0,245,212,.08);
  transform:translateY(-1px);
}
.vozbr-locutor-card strong{
  display:block;
  font-size:18px;
  margin-bottom:8px;
}
.vozbr-locutor-card span{
  display:block;
  color:var(--vozbr-muted);
  font-size:13px;
  line-height:1.45;
}
.vozbr-empty{
  padding:18px;
  color:var(--vozbr-muted);
}
@media(max-width:700px){
  .vozbr-locutores-grid{
    grid-template-columns:1fr;
  }
}

/* PLAYER MODERNO IA VOZ BR 1.1.0 */
.vozbr-modern-player{display:grid;grid-template-columns:74px minmax(0,1fr) 170px;gap:18px;align-items:center;background:linear-gradient(135deg,#111827,#070b13);border:1px solid rgba(0,245,212,.22);border-radius:28px;padding:20px;margin-top:16px;box-shadow:0 22px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);transition:.25s ease}
.vozbr-modern-player.is-processing{border-color:rgba(14,165,255,.8);background:linear-gradient(135deg,#0b2540,#07111f);box-shadow:0 0 0 1px rgba(14,165,255,.25),0 0 35px rgba(14,165,255,.28)}
.vozbr-play-big{width:74px;height:74px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,#00f5d4,#0ea5ff);color:#001018;font-size:30px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 35px rgba(0,245,212,.28);transition:.2s ease}
.vozbr-play-big:hover{transform:scale(1.04);box-shadow:0 16px 42px rgba(0,245,212,.38)}
.vozbr-modern-player.is-processing .vozbr-play-big{background:linear-gradient(135deg,#facc15,#fb923c);animation:vozbrPulse 1s infinite alternate}
@keyframes vozbrPulse{from{transform:scale(1)}to{transform:scale(1.07)}}
.vozbr-modern-center{min-width:0}
.vozbr-modern-status{color:#e5eeff;font-size:14px;font-weight:900;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vozbr-modern-progress{width:100%;height:13px;background:#1f2937;border-radius:999px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.08)}
.vozbr-modern-progress-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#00f5d4,#0ea5ff);box-shadow:0 0 18px rgba(0,245,212,.35);transition:width .12s linear}
.vozbr-modern-player.is-processing .vozbr-modern-progress-fill{width:100%!important;animation:vozbrBar 1.1s linear infinite;background:linear-gradient(90deg,#0ea5ff,#00f5d4,#facc15,#0ea5ff);background-size:260% 100%}
@keyframes vozbrBar{from{background-position:0% 50%}to{background-position:260% 50%}}
.vozbr-modern-time{display:flex;justify-content:space-between;margin-top:8px;color:#b6c2d9;font-size:12px;font-weight:800}
.vozbr-download-modern{border:0;cursor:pointer;min-height:54px;border-radius:18px;padding:14px 16px;background:#192033;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px rgba(0,0,0,.22)}
.vozbr-download-modern:hover{background:linear-gradient(135deg,#18233b,#24314f);border-color:rgba(0,245,212,.35)}
.vozbr-modern-player.is-processing .vozbr-download-modern{opacity:.55;pointer-events:none}
@media(max-width:760px){.vozbr-modern-player{grid-template-columns:64px 1fr}.vozbr-play-big{width:64px;height:64px}.vozbr-download-modern{grid-column:1 / -1;width:100%}}
