.elementor-200 .elementor-element.elementor-element-ee0ccd6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper{--video-aspect-ratio:1.77777;}body.elementor-page-200{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for video, class: .elementor-element-004f16d *//* ===========================================================================
   EMPIRE FOREX — CSS do widget de Vídeo (modelo 200)
   Cole em: selecione o widget Vídeo > aba AVANÇADO > CSS personalizado

   Se você NÃO tiver Elementor Pro (não existe "CSS personalizado"):
   1. No widget: Avançado > Classes CSS  ->  empire-vsl
   2. Troque TODO ".elementor-200 .elementor-element.elementor-element-004f16d" abaixo por ".empire-vsl"
   3. Cole em Elementor > Configurações do site > CSS personalizado
   =========================================================================== */

/* ---- brilho dourado por trás do card ---- */
.elementor-200 .elementor-element.elementor-element-004f16d{
  position: relative;
}
.elementor-200 .elementor-element.elementor-element-004f16d::before{
  content: "";
  position: absolute;
  inset: -24px;
  z-index: 0;
  border-radius: 40px;
  background: rgba(245,183,43,.10);
  filter: blur(48px);
  pointer-events: none;
}

/* ---- o card em si: 16:9 travado, cantos arredondados, sombra ---- */
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper{
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 16 / 9;
  padding-bottom: 0 !important;   /* desliga o padding-hack do Elementor */
  height: auto !important;
  overflow: hidden;
  border-radius: 16px;
  background: #000;
  isolation: isolate;
  box-shadow: 0 50px 120px -50px rgba(245,183,43,.45),
              0 30px 70px -40px rgba(0,0,0,.95);
}

/* ---- ESSENCIAL: o iframe sempre preenche o card ----
   É esta regra que impede as faixas brancas. Sem ela, se o iframe ficar
   menor que o card, sobra área e o navegador pinta de branco.            */
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper iframe,
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper video{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #000 !important;
  border-radius: inherit;
}

/* ---- faixa de cima: esconde o título e o avatar do canal ---- */
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper::before{
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  z-index: 5;
  height: 56px;
  pointer-events: none;
  background: linear-gradient(to bottom, #050B14, rgba(5,11,20,.85), transparent);
}

/* ---- canto de baixo à direita: esconde o "Assista no YouTube" ---- */
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper::after{
  content: "";
  position: absolute;
  right: 0; bottom: 0;
  z-index: 5;
  height: 44px;
  width: 128px;
  pointer-events: none;
  background: radial-gradient(ellipse at bottom right,
              #050B14 35%, rgba(5,11,20,.75) 60%, transparent 78%);
}

/* ---- se você usar "Imagem de capa" no widget ---- */
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-custom-embed-image-overlay{
  border-radius: inherit;
  background-size: cover;
  background-position: center;
}
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-custom-embed-image-overlay::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(5,11,20,.45);
}
.elementor-200 .elementor-element.elementor-element-004f16d .elementor-custom-embed-play i{
  color: #F5B72B;
  text-shadow: 0 8px 30px rgba(0,0,0,.6);
}

/* ---- ajustes de tela grande ---- */
@media (min-width: 768px){
  .elementor-200 .elementor-element.elementor-element-004f16d::before{ inset: -40px; }
  .elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper{ border-radius: 24px; }
  .elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper::before{ height: 64px; }
  .elementor-200 .elementor-element.elementor-element-004f16d .elementor-wrapper::after{ height: 48px; width: 144px; }
}/* End custom CSS */