/* ==== RESET / BASE ==== */html, body {overflow-x: hidden;}body {background-color: #040a06;color: white;}/* ==== NAVBAR ==== */.navbar {background-color: #08120b !important;border-bottom: 2px solid #e5a268;}.navbar-brand img {height: 50px;width: auto;}.nav-link {color: white !important;transition: transform 0.1s ease, color 0.1s ease;}.nav-link:hover {transform: scale(1.1);color: #e5a268 !important;}/* ==== HERO SECTION ==== */.hero-section {min-height: 100vh;position: relative;overflow: hidden;padding: 80px 0;}.hero-image-wrapper {max-width: 600px;width: 100%;overflow: hidden;display: flex;justify-content: center;}.parallax-image {width: 100%;height: auto;transition: transform 0.8s ease-out;}/* ==== BOTﾃグ VOLTAR AO TOPO ==== */#btnTop {transition: opacity 0.3s ease-in-out;position: fixed;bottom: 20px;right: 20px;z-index: 1000;background-color: #D4AF37;border: none;padding: 10px;border-radius: 50%;display: none;}#btnTop svg {width: 30px;height: 30px;fill: black;}/* ==== ELEMENTOS VISUAIS ==== */.gold-bg {background-color: #D4AF37;color: black;}.logo-carousel .slick-slide {margin: 0 5px;}.logo-carousel {margin: 0 auto;text-align: center;padding: 0 10px;}.logo-carousel img {max-height: 35px;display: inline-block;margin: 0 auto;}.section-divider {border: none;height: 3px;background-color: #ffffff;width: 85%;margin: 60px auto 0 auto;border-radius: 1px;}.grayscale-hover {filter: grayscale(100%);transition: filter 0.3s ease, transform 0.3s ease;}.grayscale-hover:hover {filter: grayscale(0%);transform: scale(1.1);}/* ==== ANCORAGEM SUAVE ==== */#inicio,#price,#recompra,#lucros,#roadmap,#equipe,#parceiros {scroll-margin-top: 85px;}/* ==== RESPONSIVO - MOBILE ==== */@media (max-width: 768px) {.hero-section .row {flex-direction: column-reverse !important;display: flex;}.hero-image-wrapper {order: -1;margin-bottom: 20px;}.navbar .navbar-brand {width: 100%;display: flex;justify-content: center;}.navbar .logo-responsive {height: 65px !important;}.idioma-btn .idioma-text {display: none;}}/* ==== RESPONSIVO - DESKTOP ==== */@media (min-width: 769px) {.navbar .logo-responsive {height: 50px;}}/* ==== BANDEIRAS ==== */.flag-icon {cursor: pointer;width: 50px;margin: 0 15px;transition: transform 0.3s;}.flag-icon:hover {transform: scale(1.2);}/* ==== CARDS FLUTUANTES ==== */#tde-float-card,

#btc-float-card {background-color: rgba(33, 37, 41, 0.72);position: fixed;width: 160px;font-size: 0.75rem;padding: 6px 10px;border-radius: 0.375rem;box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);color: white;z-index: 9999;}


#tde-float-card {bottom: 98px;right: 15px;}#btc-float-card {bottom: 65px;right: 15px;}

/* ==== Evento Cripto Section ==== */
/* ==== Evento Cripto Section ==== */
.evento-cripto-section {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

.evento-video-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.evento-cripto-content {
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  padding: 40px 20px;
  border-radius: 12px;
}

.evento-gallery-img {
  cursor: pointer;
  border: 2px solid #e5a268;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.evento-gallery-img:hover {
  transform: scale(1.05);
}

/* Lightbox */
.evento-lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.9);
}

.evento-lightbox-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 80%;
  margin-top: 5%;
}

.evento-lightbox-close {
  position: absolute;
  top: 20px; right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

 /*  Ajustes visuais adicionais (compactado)  */
    #modalGaleriaEvento .modal-content{background-color:rgba(10,10,10,.9);border:1px solid #444;backdrop-filter:blur(8px)}
    #evento-video{height:100vh;position:relative;display:flex;align-items:center;justify-content:center}
    #imagemModalAmpliada{border:2px solid #e5a268;box-shadow:0 0 20px rgba(229,162,104,.3);max-height:70vh;transition:all .3s ease}
    .foto-miniatura{cursor:pointer;border:2px solid transparent;transition:all .2s ease-in-out;filter:brightness(.85)}
    .foto-miniatura:hover{border-color:#e5a268;filter:brightness(1);transform:scale(1.03)}
    .foto-miniatura.active{border-color:#e5a268;filter:brightness(1.05)}
    #modalGaleriaEvento .btn-outline-light{border-color:#e5a268;color:#e5a268;transition:all .2s ease-in-out}
    #modalGaleriaEvento .btn-outline-light:hover{background-color:#e5a268;color:#000;box-shadow:0 0 10px #e5a26899}
    .video-overlay{background:rgba(0,0,0,.4);z-index:1;pointer-events:none}
/* === Card flutuante Inscritos Milionários (direita, acima dos outros) === */
#inscritos-float-card{
  position:fixed;
  left:16px;              
  top:92%;
  transform:translateY(-92%);
  z-index:9999; /* acima dos cards TDE e BTC */
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  padding:2px;
}

#inscritos-float-card .inscritos-float-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  text-decoration:none;
  color:#f5f5f5;
}

/* Esconde o "Powered by" até hover (desktop) */
#inscritos-float-card .inscritos-float-text{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:600;
  color:#e5a268;
  opacity:0;
  max-height:0;
  overflow:hidden;
  transition:opacity .25s ease-out, max-height .25s ease-out, transform .25s ease-out;
  transform:translateY(4px);
  white-space:nowrap;
}

/* Exibe no hover */
#inscritos-float-card:hover .inscritos-float-text{
  opacity:1;
  max-height:40px;
  transform:translateY(0);
}

/* Logo sempre visível */
#inscritos-float-card .inscritos-float-logo img{
  height:42px;
  width:auto;
  display:block;
}

/* === Mobile — texto sempre visível === */
@media (max-width: 991.98px){
  #inscritos-float-card{
    top:auto;
    bottom:85px; /* sobe acima dos outros cards */
    left:12px;     /* também fica na esquerda no mobile */
    transform:none;
  }

  #inscritos-float-card .inscritos-float-link{
    flex-direction:row;
    gap:8px;
  }

  #inscritos-float-card .inscritos-float-text{
    opacity:1;
    max-height:40px;
    transform:none;
    font-size:.7rem;
  }

  #inscritos-float-card .inscritos-float-logo img{
    height:32px;
  }
}

/* === PRELOADER FULLSCREEN === */
#preloader{
  position:fixed;
  inset:0;
  background:#050608;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  transition:opacity .5s ease-out, visibility .5s ease-out;
}

#preloader.hidden{
  opacity:0;
  visibility:hidden;
}

.preloader-content{
  text-align:center;          /* sem animação aqui, só container */
}

/* Logo: estática, só um fade-in suave */
.preloader-logo{
  max-width:160px;
  width:50vw;
  height:auto;
  margin-bottom:12px;
  opacity:0;
  transform:translateY(8px);
  animation:logoFadeIn .6s ease-out .1s forwards;
}

/* Texto: faz o "zoom/pulse" sozinho */
.preloader-text{
  font-size:.8rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#e5a268;
  opacity:.85;
  animation:textPulse 1.4s ease-in-out .4s infinite;
}

/* Animação logo (só entrada, sem loop) */
@keyframes logoFadeIn{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Animação do texto (leve zoom) */
@keyframes textPulse{
  0%{
    transform:scale(1);
    opacity:.7;
  }
  50%{
    transform:scale(1.06);
    opacity:1;
  }
  100%{
    transform:scale(1);
    opacity:.7;
  }
}

/* === Animação de entrada do HERO (sem AOS) === */
/* Estado inicial: tudo escondido */
.hero-text-anim,
.hero-image-anim{
  opacity:0;
  transform:translateY(20px);
}

/* Imagem começa levemente menor */
.hero-image-anim{
  transform:translateY(20px) scale(.96);
}

/* Quando o body ganha .hero-ready, dispara as animações */
body.hero-ready .hero-text-anim{
  animation:heroFadeUp .8s ease-out .15s forwards;
}

body.hero-ready .hero-image-anim{
  animation:heroFadeImg .9s ease-out .3s forwards;
}

@keyframes heroFadeUp{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes heroFadeImg{
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}