/* =========================================================
   BAZ3 — base compartilhada pelos widgets
   Paleta: preto + gel vermelho + gel azul (luz de palco)
   ========================================================= */
:root{
  --baz3-bg:#060608;
  --baz3-line:rgba(255,255,255,.1);
  --baz3-text:#f3f1ec;
  --baz3-muted:#9b98a3;
  --baz3-red:#ff2a3d;
  --baz3-blue:#3d5cff;
  --baz3-display:'Anton',Impact,sans-serif;
  --baz3-body:'Inter',system-ui,sans-serif;
  --baz3-mono:'Space Mono',ui-monospace,monospace;
  --baz3-gutter:clamp(16px,4vw,56px);
}
html{scroll-behavior:smooth}
body{background:var(--baz3-bg);color:var(--baz3-text);font-family:var(--baz3-body);overflow-x:clip;-webkit-font-smoothing:antialiased}

/* Contêineres do Elementor que guardam um widget BAZ3: largura total, sem espaçamento. */
.e-con:has(> .elementor-widget[data-widget_type^="baz3-"]),
.e-con:has(> .e-con-inner > .elementor-widget[data-widget_type^="baz3-"]){
  --padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--gap:0;--row-gap:0;--column-gap:0;--content-width:100%;--width:100%;
}
.elementor-widget[data-widget_type^="baz3-"]{width:100%}

/* Reset dentro dos widgets (o tema e o Elementor têm estilos próprios). */
.baz3,.baz3 *,.baz3 *::before,.baz3 *::after{box-sizing:border-box}
.baz3{font:16px/1.6 var(--baz3-body);color:var(--baz3-text);position:relative}
.baz3 :is(h1,h2,h3,p,figure,ol,ul,q,blockquote){margin:0;padding:0}
.baz3 :is(ol,ul){list-style:none}
.baz3 img{max-width:100%;display:block;height:auto}
.baz3 a{color:inherit;text-decoration:none}
.baz3 button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;cursor:pointer;text-align:inherit;white-space:normal;line-height:inherit;letter-spacing:inherit;text-transform:none;box-shadow:none}
.baz3 figcaption{font-style:normal;color:inherit;font-size:inherit;line-height:inherit}
.baz3 q::before,.baz3 q::after{content:none}
.baz3 small{font-size:inherit}
.baz3 :focus-visible{outline:2px solid var(--baz3-red);outline-offset:3px}

/* Tipografia comum */
.baz3 .baz3-eyebrow{font:700 12px/1 var(--baz3-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--baz3-red);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.baz3 .baz3-eyebrow::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--baz3-red),var(--baz3-blue));flex:none}
.baz3 .baz3-eyebrow.small{font-size:10px;margin-bottom:8px}
.baz3 .baz3-h2{font:400 clamp(48px,8vw,120px)/.9 var(--baz3-display);text-transform:uppercase;letter-spacing:.005em;color:var(--baz3-text)}
.baz3 .baz3-outline{color:transparent;-webkit-text-stroke:1.5px var(--baz3-text)}
.baz3 .baz3-lead{color:var(--baz3-muted);font-size:clamp(16px,1.4vw,19px);max-width:560px;margin-top:22px}
.baz3 .baz3-lead em{color:var(--baz3-text);font-style:normal;border-bottom:1px solid var(--baz3-red)}
.baz3 .baz3-note{color:#6d6a75;font-size:13px}
.baz3 .baz3-note.center{text-align:center;margin-top:28px;padding:0 var(--baz3-gutter)}

/* Ícone play / pause */
.baz3 .baz3-ico-play{display:inline-block;width:0;height:0;border-left:14px solid currentColor;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.baz3-is-playing .baz3 .baz3-ctl .baz3-ico-play,
.baz3-is-playing .baz3 [data-baz3-play] .baz3-ico-play{border:0;width:14px;height:16px;margin:0;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}

/* Botão redondo de play */
.baz3 .baz3-btn-play{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--baz3-text);color:var(--baz3-bg);position:relative;flex:none;transition:transform .25s}
.baz3 .baz3-btn-play::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.35);animation:baz3-ring 2.4s infinite}
.baz3 .baz3-btn-play:hover{transform:scale(1.07)}
.baz3 .baz3-btn-play.big{width:96px;height:96px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--baz3-red);color:#fff}
.baz3 .baz3-btn-play.big .baz3-ico-play{border-left-width:20px;border-top-width:13px;border-bottom-width:13px}
@keyframes baz3-ring{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}

/* Botões redondos do player */
.baz3 .baz3-ctl{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--baz3-line);font-size:14px;line-height:1;transition:border-color .2s,background .2s;flex:none;color:var(--baz3-text)}
.baz3 .baz3-ctl:hover{border-color:var(--baz3-red)}
.baz3 .baz3-ctl.main{width:58px;height:58px;background:var(--baz3-red);border-color:var(--baz3-red);color:#fff}
.baz3 .baz3-ctl.main:hover{background:#ff4757}
.baz3 .baz3-ctl.sm{width:38px;height:38px}
.baz3 .baz3-ctl.main.sm .baz3-ico-play{border-left-width:11px;border-top-width:7px;border-bottom-width:7px}

@media (prefers-reduced-motion:reduce){
  .baz3 *,.baz3 *::before,.baz3 *::after{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}