.elementor-14 .elementor-element.elementor-element-17d3959{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-6d0aae8.elementor-element{--align-self:center;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-6d0aae8{left:39%;}body.rtl .elementor-14 .elementor-element.elementor-element-6d0aae8{right:39%;}.elementor-14 .elementor-element.elementor-element-6d0aae8{top:17%;}.elementor-14 .elementor-element.elementor-element-6d0aae8 .elementor-heading-title{font-family:"Oxanium", Sans-serif;font-size:64px;font-weight:700;color:#26A568;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-17d3959{--justify-content:center;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-6d0aae8{left:24%;}body.rtl .elementor-14 .elementor-element.elementor-element-6d0aae8{right:24%;}.elementor-14 .elementor-element.elementor-element-6d0aae8{top:27%;}.elementor-14 .elementor-element.elementor-element-6d0aae8 .elementor-heading-title{font-size:48px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-17d3959{--justify-content:center;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-6d0aae8{left:16%;}body.rtl .elementor-14 .elementor-element.elementor-element-6d0aae8{right:16%;}.elementor-14 .elementor-element.elementor-element-6d0aae8{top:30%;text-align:center;}.elementor-14 .elementor-element.elementor-element-6d0aae8 .elementor-heading-title{font-size:34px;}}/* Start custom CSS for heading, class: .elementor-element-6d0aae8 */@keyframes textGlow {
  0%, 100% { text-shadow: 0 0 0px rgba(251,164,4,0.0); }
  50%      { text-shadow: 0 0 18px rgba(251,164,4,0.22); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3bb8485 *//* =========================
   COIN: spin + floating + glow
   ========================= */

@keyframes spinCCW {
  from { transform: rotate(0deg); }
  to   { transform: rotate(-360deg); }
}

@keyframes floatY {
  0%, 100% { transform: translateY(0px); }
  50%      { transform: translateY(-10px); }
}

@keyframes glowPulse {
  0%, 100% { filter: drop-shadow(0 0 0px rgba(0, 255, 170, 0.0)); }
  50%      { filter: drop-shadow(0 0 22px rgba(0, 255, 170, 0.25)); }
}

/* container do widget de imagem */
.coin-hero{
  display: inline-block;
  will-change: transform, filter;
}

/* img da coin: rotação contínua */
.coin-hero img{
  animation: spinCCW 40s linear infinite;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  will-change: transform;
}

/* float aplicado no wrapper (pra não brigar com o rotate do img) */
.coin-hero{
  animation: floatY 4.2s ease-in-out infinite;
}

/* glow pulsante no wrapper também */
.coin-hero{
  filter: drop-shadow(0 0 16px rgba(0, 255, 170, 0.10));
  animation: floatY 4.2s ease-in-out infinite, glowPulse 3.6s ease-in-out infinite;
}

/* Ajuste de tamanho responsivo opcional (se quiser controlar por CSS) */
@media (max-width: 1024px){
  .coin-hero img{ max-width: 360px; }
}
@media (max-width: 767px){
  .coin-hero img{ max-width: 260px; }
}

/* Acessibilidade: respeita quem prefere menos movimento */
@media (prefers-reduced-motion: reduce){
  .coin-hero, .coin-hero img{
    animation: none !important;
  }
}

/* =========================
   COMING SOON: entrada + brilho leve
   ========================= */

@keyframes textReveal {
  0%   { opacity: 0; transform: translateY(12px); letter-spacing: 0.18em; }
  100% { opacity: 1; transform: translateY(0);  letter-spacing: 0.10em; }
}

@keyframes textGlow {
  0%, 100% { text-shadow: 0 0 0px rgba(0,255,170,0.0); }
  50%      { text-shadow: 0 0 18px rgba(0,255,170,0.18); }
}

.coming-soon{
  opacity: 0;
  animation: textReveal 900ms ease-out forwards, textGlow 3.2s ease-in-out 900ms infinite;
}

/* dica estética: uppercase e tracking */
.coming-soon .elementor-heading-title{
  text-transform: uppercase;
  letter-spacing: 0.10em; /* vai “animar” junto */
}

.coin-hero img{
  filter: blur(1.8px);
  opacity: 0.92;
  transition: filter 450ms ease, opacity 450ms ease;
}

.coin-hero:hover img{
  filter: blur(0px);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17d3959 */.elementor-14 .elementor-element.elementor-element-17d3959{
  min-height: 100vh;
  min-height: 100svh; /* viewport “segura” (mobile) */
  min-height: 100dvh; /* viewport dinâmica (mobile moderno) */
  padding-top: calc(24px + env(safe-area-inset-top));
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}
/* Coin girando suave (anti-horário) */
@keyframes spinCCW {
  from { transform: rotate(0deg); }
  to   { transform: rotate(-360deg); }
}

/* Aplica no IMG dentro do widget do Elementor */
.coin-spin-ccw img{
  animation: spinCCW 50s linear infinite;
  transform-origin: 50% 50%;
  will-change: transform;
  backface-visibility: hidden;
}

/* Respeita acessibilidade (quem prefere menos movimento) */
@media (prefers-reduced-motion: reduce){
  .coin-spin-ccw img{ animation: none !important; }
}
.coming-soon-fixed{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  pointer-events: none; /* não atrapalha clique/scroll */
  width: max-content;
  max-width: 92vw; /* evita overflow no mobile */
  text-align: center;
}
.coin-hero{ z-index: 1; position: relative; }
.coming-soon-fixed{ z-index: 9999; }

/* =========================
   BACKGROUND: Obsidian + Aura + Vinheta + Grain
   ========================= */

.chainodds-bg{
  background-color: #050607;
  background-image:
    radial-gradient(circle at 50% 38%, rgba(251,164,4,0.14) 0%, rgba(0,0,0,0) 48%), /* Âmbar no centro */
    radial-gradient(circle at 18% 88%, rgba(0,208,132,0.10) 0%, rgba(0,0,0,0) 55%), /* Verde embaixo */
    radial-gradient(circle at 85% 10%, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0) 40%),
    linear-gradient(180deg, #060708 0%, #000000 100%);
  background-repeat: no-repeat;
}

 
}

/* Vinheta (bordas mais escuras) */
.chainodds-bg::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: radial-gradient(circle at center, rgba(0,0,0,0) 35%, rgba(0,0,0,0.85) 100%);
  opacity: 0.95;
}

/* Grain sutil (bem leve pra não ficar “listrado”) */
.chainodds-bg::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  opacity: 0.12;
  mix-blend-mode: overlay;

  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,0.03) 0px,
      rgba(255,255,255,0.03) 1px,
      rgba(0,0,0,0.03) 2px,
      rgba(0,0,0,0.03) 4px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.02) 0px,
      rgba(255,255,255,0.02) 1px,
      rgba(0,0,0,0.02) 2px,
      rgba(0,0,0,0.02) 6px
    );
}/* End custom CSS */