.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --R1:#8472b0; --V1:#77949e; --v3:#006a69; --C1:#62615d; --c2:#888484; --br:#ffffff; --v4:#6bffd8; --lar:#ffc96b; }
/* Start custom CSS *//* 1. TRAVA O VÍDEO DA PÁGINA NO FORMATO HORIZONTAL 4:3 E ADICIONA A BORDA DOURADA */
.elementor-widget-video {
  position: relative !important;
  display: block !important;
  aspect-ratio: 4 / 3 !important;
  width: 100% !important;
  max-width: 500px !important;
  margin: 0 auto !important;
  padding: 4px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* O brilho dourado com mais preenchimento e feixe branco expandido */
.elementor-widget-video::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%; width: 200%; height: 200%;
  /* Iniciamos as cores mais cedo (30%) e aproximamos os tons claros do branco (de 60% a 76%) para o preenchimento ficar denso */
  background: conic-gradient(
    from 0deg, 
    transparent 0%, 
    transparent 30%, 
    #7a5c1d 40%,  
    #d4af37 52%,  
    #f3e5ab 60%,  /* Ouro claro encostado no branco */
    #ffffff 63%,  /* Início do ponto de luz máxima */
    #ffffff 73%,  /* O branco se estende por mais tempo (preenchimento forte) */
    #f3e5ab 76%,  /* Ouro claro encostado no branco */
    #d4af37 86%,  
    #7a5c1d 96%,  
    transparent 100%
  ) !important;
  animation: rodarOuroNativo 4s linear infinite;
  z-index: 1;
}

/* Garante que o player e a foto de capa fiquem na frente do brilho com total nitidez */
.elementor-widget-video .elementor-wrapper,
.elementor-widget-video img,
.elementor-widget-video video {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

@keyframes rodarOuroNativo {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 2. TRAVA O VÍDEO DO POP-UP (LIGHTBOX) TAMBÉM EM 4:3 */
.elementor-lightbox .elementor-video-container,
.elementor-lightbox video {
  aspect-ratio: 4 / 3 !important;
  width: auto !important;
  height: auto !important;
  max-width: 700px !important;
  max-height: 80vh !important;
  object-fit: contain !important;
  margin: auto !important;
}

/* 3. CRIA O BOTÃO DE FECHAR (X) REDONDO NO TOPO DA TELA */
.elementor-lightbox::after {
  content: '×';
  position: fixed;
  top: 25px; right: 25px;
  font-size: 45px; line-height: 38px;
  color: #ffffff; font-family: Arial, sans-serif;
  cursor: pointer; z-index: 999999 !important;
  background: rgba(0, 0, 0, 0.6);
  width: 50px; height: 50px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  pointer-events: auto !important;
}
.elementor-lightbox:hover::after {
  color: #d4af37;
  background: rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
}


.efeito-game {
    transition: transform 0.2s ease;
}

.efeito-game:hover {
    transform: scale(1.05);
}/* End custom CSS */