@charset "UTF-8";

@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;}
@font-face {font-family: 'EditorCondensed';src: url('fonts/EditorCondensed-ExtraBold.ttf') format('truetype');
font-weight: 800;font-style: normal;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-ExtraBoldItalic.ttf') format('truetype');font-weight: 800;font-style: italic;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-Italic.ttf') format('truetype');
font-weight: normal;font-style: italic;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-Medium.ttf') format('truetype');font-weight: 500;font-style: normal;}
@font-face {font-family: 'EditorCondensed';src: url('../fonts/EditorCondensed-MediumItalic.ttf') format('truetype');font-weight: 500;font-style: italic;}
caixa-banner
@font-face {font-family: 'MADETommySoft';src: url('../fonts/MADETommySoft\ Light.otf') format('opentype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'MADETommySoft';src: url('../fonts/MADETommySoft\ Bold.otf') format('opentype');font-weight: bold;font-style: normal;}


html, body{ overflow-x: hidden !important; }
body{
  font-family: 'EditorCondensed';
  background-color: #969696; /* fallback */
  background-image: url('../img/background1.webp');
  background-position: center top;

}


header{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;}
header .container{max-width: 1130px;}

.topo {position: relative; display: flex;justify-content: flex-start;align-items: center;padding: 50px 0px;}
.logo {position: absolute; left: 0; font-size: 24px;color: #fff;font-weight: bold;}
.logo span {font-size: 12px;display: block;color: #aaa;}

.menu a {margin: 0 15px;
    color: #e0e3b8;    
     font-size: 18px;
      font-family: "owners", sans-serif; 
      font-weight: 50; 
      font-style: normal; 
      letter-spacing: 4px;}

.menu a:hover{color: #e0ac57;}

.acoes {  margin-left: auto;
  display: flex;
  align-items: center;}

.btn {background: transparent; color: #d8bb4a;  border-radius: 5px; border-color: #d8bb4a;margin-right: 10px;}
.btn:hover {background: #d8bb4a; color: #FFF;}

.bt-1{
  border-radius: 50px;
  border: 2px solid #d8bb4a;
  padding: 0 40px;
  display: inline-block;
  animation: bounceSoft 2.5s ease-in-out infinite;
}

@keyframes bounceSoft{
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

.acoes a {color: #d8bb4a;
    font-size: 18px;
    margin-left: 10px; 
    font-family: "owners", sans-serif; 
    font-weight: 100; 
    font-style: normal;
    letter-spacing: 5px;}



.fab{width: 50px;}
.fa-instagram{width: 35px;}
.navbar-toggler {display: none; border: none;}
.navbar-toggler {color: #ebdbc1;}
.navbar-toggler:focus {outline: 0px none; outline: 0px none -webkit-focus-ring-color;}
.navbar-collapse{position: absolute; right: 0px; background-color: #282828;}
.navbar-collapse ul {list-style: none; padding: 0 10px;}
.navbar-collapse ul li a{color: #ebdbc1; font-family: 'MADETommySoft'; padding: 10px 0; text-decoration: none; font-size: 1.5rem;}
.navbar-collapse ul li a:hover{color: #e0ac57;}

/*:::::: Estilo Carrossel :::::: */
#carrossel {width: 100%;position: relative; padding-top: 80px;}
.aspect-ratio-box { width: 100%;position: relative;padding-top: calc(740 / 1920 * 100%); }
.aspect-ratio-box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.banner-item img { width: 90;height: auto;display: block; }
#banner-mobile{display: none;}

#caixa-banner {position: relative;
  width: 100vw;
  height: 90vh;  
  margin-top: -60px; /* importante */}

/* Ajuste das imagens do banner */
.banner-item-1 img {position: absolute;top: 150px;left: 0;width: 100%; height: 100%; object-fit: cover; z-index: 2;}
#video-02{display: none;}
.aspect-ratio-box-1 { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.aspect-ratio-box-1 iframe {position: absolute;top: 50%;left: 50%;width: 100vw;height: 56.25vw;  min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);pointer-events: none;}

#navio {width: 100%;position: relative; margin-top: 200px; text-align: center; }
#navio-mobile {display: none;}

.form-navio{
  padding: 100px 0;
  background-color: transparent;
  font-family: "owners", sans-serif; 
  text-align: center;
}

.form-navio.ativo{
  display: block;
}

.form-navio input{
  width: 100%;
  padding: 12px 14px;
  border-radius: 6px;
  border: none;
  margin-bottom: 15px;
  font-size: 16px;
}

.form-navio button{
  margin-top: 20px;
}

.form-navio select{
  width: 100%;
  padding: 12px 14px;
  border-radius: 6px;
  border: none;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #fff;
}

.capitais-confirmadas h2 {margin: 0 15px;font-weight: bold; font-size: 32px;  font-family: "owners", sans-serif; letter-spacing: 3px; text-aling: center;}

.capitais-confirmadas h2 strong {font-weight: bold;  font-family: "owners", sans-serif; }

/*:::::: Estilo Capitais Confirmadas :::::: */

#capitais-box{background-image: url('../img/background-cidades.png'); width: 100%; height: 726px; border-radius: 100px;}
#capitais{ text-align: center; margin-top: 40px; margin-bottom: 100px;}
#capitais .col-lg-3{margin-bottom: 40px;}

#capitais h4{color: #ebdbc1; padding: 30px 0; font-size: 1.3rem; font-style: italic;}

.capitais-confirmadas {display: flex;align-items: center;justify-content: center;color: #c9a83a;font-size: 26px;padding: 70px 0 60px 0;}

.capitais-confirmadas2 {display: flex;align-items: center;justify-content: center;color: #e1e4b9;font-size: 28px;padding: 0px 0 0px 0; margin-top: -40px; letter-spacing: 2px;}

.capitais-confirmadas3 {display: flex;align-items: center;justify-content: center;color: #c9a83a;font-size: 16px;padding: 0px 20px 0px 20px; margin-top: -40px; letter-spacing: 2px; font-family: "owners", sans-serif;}

.linha {flex-grow: 1;height: 2px;background: #f5e7d3;max-width: 100px;}
.cidade{text-align: center;}
.cidade p{color: #ebdbc1; font-size: 1.5rem; font-style: italic;}
.bt-2{border-radius: 50px; padding: 5px 30px;  font-family: "owners", sans-serif;  background-color: transparent; border: 2px solid #c8a638; margin: 0 !important; color: #dfe2b7; font-size: 1.5rem; width: 243px;}
.imagem{width: 100%; height: 170px;} 
.ponto-container {display: flex;overflow: hidden;width: 100%;position: relative;}
.ponto-slide {display: flex;width: 200%;animation: rolarDireita 180s linear infinite;}
.pontos {flex-shrink: 0;}
@keyframes rolarDireita {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}

/*:::::: Estilo Ingressos :::::: */

#ingressos{background-color: #e0e3b8;}
#ingressos .col-lg-3 {margin-bottom: 30px;}
.pagina-ingresso{background-color: #969696 !important;}
.logo-ingresso{text-align: center; padding: 20px 0;}
.capitais-ingressos {display: flex;align-items: center;justify-content: center;color: #46121c; font-size: 28px;padding: 0px 0 60px 0;}
.capitais-ingressos h2 {margin: 0 15px;font-weight: normal; font-size: 3rem; color: #38361c}
.capitais-ingressos h2 strong {font-weight: bold;}
.capitais-ingressos  .linha {flex-grow: 1;height: 2px;background: #46121c;max-width: 100px;}
.cartao-ingressos{text-align: center;}
.cartao img{width: 100%;}
.bt-3{border-radius: 50px; padding: 5px 20px;  font-family: "owners", sans-serif;  background-color: transparent; border: 2px solid #c8a638; margin: 15px 0 0 0; color: #38361c; font-size: 1.5rem; width: 100%; }

.bt-3-1{border-radius: 50px; padding: 5px 20px;  font-family: "owners", sans-serif;  background-color: transparent; border: 2px solid #c8a638; margin: 15px 0 0 0; color: #c8a638; font-size: 1.5rem; width: 60%; }


#experience{display: none; align-items: center; justify-content: center; padding: 20px 0;}
.bt-4{border-radius: 0; width: 550px; background-color: #46121c; color: #ebdbc1; font-size: 2rem; font-style: italic;}
.bt-4:hover{background-color: #612e38;}

.bloco-ingressos{
  position: relative;
  width: 100%;
}

/* ESQUERDA */
.linhas-overlay-left{
  position: absolute;
  top: 2175px;
  left: 0;
  width: 50%;
  z-index: 5;
  pointer-events: none;
}

.linhas-overlay-left img{
  display: block;
  width: 100%;
  max-width: 600px;   /* ajuste conforme o design */
  margin-left: 0;
  margin-right: auto;
}

/* DIREITA */
.linhas-overlay-right{
  position: absolute;
  top: 2175px;
  right: 0;
  width: 50%;
  z-index: 5;
  pointer-events: none;
}

.linhas-overlay-right img{
  display: block;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: 0;
}


.contador-tour{
  width: 100%;
  min-height: 380px;
  background-image: url('../img/proxima-cidade.png'); /* sua imagem verde */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* mantém proporção */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 70px 20px;
  position: relative;
  font-family: "owners", sans-serif;
  margin: 0px 0;
}

.contador-conteudo{
  display: flex;
  align-items: center;
  gap: 30px;
  color: #b08d1a; /* dourado */
  margin-top: 80px;
}

.label-esq,
.label-dir{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
}

.numero{
  font-size: 220px;
  font-weight: 900;
  line-height: 1;
}

.proxima-cidade{
  margin-top: 30px;
  color: #1f2a1f;
  border-radius: 40px;
  padding: 10px 30px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
}

.proxima-cidade strong{
  font-size: 32px;
  font-weight: 900;
}

/*:::::: Estilo Ingressos :::::: */

/* NOVA SECTION */
#circuito{background-color: #46121c; padding-top: 80px; position: relative;}
.titulo-circuito{text-align: center; padding-bottom: 50px;}
.logo-circuito{width: 40%; padding: 30px 0;}
.cidade-circuito{background-color: #ebdbc1; display: flex; align-items: center; justify-content: center; width: 430px; height: 460px; overflow: hidden; border-radius: 50px; margin-left: auto;}
.circuito-cidades{padding-left: 30px;}
.circuito-cidades p{font-size: 2.5rem; color: #ebdbc1; margin: 0;}
.circuito-cidades h1{font-size: 5rem; color: #ebdbc1; line-height: 0.8; padding: 50px 0;}
.circuito-cidades h1 span{color: #a45213; font-size: 6.3rem;}
.btn-contagem{background-color: #ffffff00;  width: 330px; color: #ebdbc1; text-transform: uppercase; font-size: 2rem; border-radius: 50px; border: 1px solid #ebdbc1; transition: all .6s;}
.btn-contagem:hover{background-color: #a45213;}
.circuito-patrocinadores{text-align: center; padding:30px 0 ;}
.circuito-patrocinadores p{font-family: 'EditorCondensed'; text-transform: uppercase; color: #ebdbc1; margin: 0; letter-spacing: 2px;}
.circuito-patrocinadores img{ width: 120px; padding: 0 10px;} 
.card-img{width: 270px; height: 265px; overflow: hidden; margin: 5px; }
.card-img img {width: 100%;height: 100%;object-fit: cover; object-position: center top; display: block;}
#ultima-edicao{padding: 50px 0; background-color: #ebdbc1;}
.titulo-edicao h1{color: #a45213; padding-bottom: 30px;}
.titulo-edicao h1 span{font-weight: bold; font-family: 'EditorCondensed'; }
.carousel-indicators{bottom: -45px;}
.carousel-indicators li { height: 10px;width: 10px;margin: 0 4px;background-color: #532c2c;border-radius: 50%;display: inline-block;opacity: 0.4;
transition: opacity 0.3s;}
.carousel-indicators li.active {opacity: 1; background-color: #532c2c;}

.youtube-section {position: relative;
  width: 100%;
  height: auto !important;
  overflow: visible !important;
  background-image: url('../img/background2.webp'); 
  background-position: top center;
  }

  

.youtube-video {width: 100%; height: auto;  border-radius: 50px; margin-top: 80px; }

.youtube-link {text-decoration: none;color: inherit;display: block;width: 100%;height: 100%;}

.youtube-overlay {position: relative;width: 100%;height: 100%;}

.play-button {position: absolute;top: 25%;left: 50%;width: 200px;transform: translate(-50%, -50%);z-index: 2;}

.subscribe-banner {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);background-color: #5e1d26;color: #ebdbc1;padding: 5px 10px;font-weight: bold;font-size: 2rem;display: flex;align-items: center;gap: 10px;border-radius: 4px; z-index: 2;}
.yt-icon {width: 40px;}
body.modal-open {padding-right: 0 !important;}
.modal-content {background: none;border: none;box-shadow: none;}
.modal-body img {max-height: 80vh;object-fit: contain;}
.aviso-vertical {position: absolute;right: 50px;top: 50%;transform: rotate(-90deg) translateX(50%);transform-origin: right top;font-size: 12px;font-family: Arial, sans-serif;color: white;background-color: transparent;white-space: nowrap;}
.modal img {max-width: 90%;  max-height: 90vh;  width: auto;  height: auto;  display: block;margin: auto; }
.modal-dialog{max-width: 100%;}

/* FINAL SECTION */



#festival {text-align: center; background-image: url("../img/fundo-fetival.jpg"); background-position: top center; background-repeat: no-repeat; height: 830px;}
#festival h1{padding-bottom: 30px; font-size: 2rem; text-transform: uppercase; color: #ebdbc1; font-weight: normal;}
#festival p{color: #ebdbc1; margin: 0; font-size: 2.2rem; margin: 0 55px; padding-bottom: 30px; font-weight: normal;}
.ofestival {display: flex;align-items: center;justify-content: center;color: #ebdbc1; font-size: 28px;padding: 70px 0 30px 0;}
.ofestival h2 {margin: 0 15px;font-weight: normal; font-size: 3rem; font-weight: bold;}
.ofestival h2 strong {font-weight: bold;}
.ofestival  .linha {flex-grow: 1;height: 2px;background: #ebdbc1;max-width: 100px;}
.player-video{width: 70px; height: 70px; background: rgba(0,0,0,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.player-video img{width: 50px;}
.player-centralizado{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999;}

/*:::::: Estilo Fotos Festival :::::: */

#fotos-festival{display: flex; height: 1080px;}
.foto-01{width: 100%; background-image: url("../img/foto-01.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; background-position-x: -35pc;} 
.foto-02{width: 100%;; background-image: url("../img/foto-02.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;} 
.foto-03{width: 100%; background-image: url("../img/foto-03.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;} 
.foto-04{width: 100%; background-image: url("../img/foto-04.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;} 
.foto-05{width: 100%; background-image: url("../img/foto-05.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;} 
.foto, .publico {width: 100%;background-size: cover;background-position: center;cursor: pointer;}
#modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center; z-index: 10000}
#modal img {max-width: 90%;max-height: 90%; border-radius: 10px;}
.nav {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.5);border: none;padding: 10px;cursor: pointer;font-size: 20px;}
.prev {left: 10px;}
.next {right: 10px;}

/*:::::: Estilo Fotos Público :::::: */

.publico-01{width: 100%; height: 280px; background-image: url("../img/publico-01.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover;} 
.publico-02{width: 100%; height: 280px; background-image: url("../img/publico-02.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } 
.publico-03{width: 100%; height: 280px; background-image: url("../img/publico-03.jpg"); background-position:   center; background-repeat: no-repeat; background-size: cover; } 
.publico-04{width: 100%; height: 280px; background-image: url("../img/publico-04.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } 

/*:::::: Estilo Depoimentos :::::: */


#depoimentos {background-color: #46121c;overflow: hidden; position: relative; padding-bottom: 30px;}
.titulo-depoimentos {display: flex;align-items: center;justify-content: center;color: #ebdbc1; font-size: 28px;padding: 70px 0 60px 0;}
.titulo-depoimentos h2 {margin: 0 15px;font-weight: normal; font-size: 3rem;}
.titulo-depoimentos h2 strong {font-weight: bold;}
.titulo-depoimentos  .linha {flex-grow: 1;height: 2px;background: #ebdbc1;max-width: 100px;}
.card-slider { display: flex; flex-wrap: nowrap; overflow: hidden; width: 100%; transition: transform 0.3s smooth; }
.card-container { display: flex;  flex-wrap: nowrap;  overflow: visible; padding: 1em; scroll-snap-type: x mandatory; scroll-padding: 1em; -webkit-overflow-scrolling: touch; }
.card { position: relative; display: flex; flex-direction: column; justify-content: space-around; scroll-snap-align: start;  min-width: 400px;  max-width: 400px; min-height: 280px;  padding: 1.5em;  margin: 0 1.25em; background-color: transparent; border: none;}
.card:first-child { margin-left: 0; }
.icon-sp { position: absolute; top: -15px; left: -5px; z-index: 1; opacity: 0.8; }
.icon-sp img{width: 90%;}
.card__body { color: #ebdbc1; position: relative;  z-index: 2; font-size: 18px; line-height: 1.4; height: 190px;}
.btn-container { display: flex;align-items: center;justify-content: left; color: #ebdbc1; color: #a45213;}
.card__btn { margin-right: 10px; font-weight: normal; font-size: 25px;  margin-bottom: 0;}
.btn-container .linha {flex-grow: 1; height: 2px;background: #a45213; max-width: 100px;}
.indicador {width: 400px; height: 2px; background-color: #a45213; position: absolute;bottom: 20px;left: 50%;transform: translate(-50%, -50%);cursor: grab;}
.drag-handle::after { content: ""; display: block;  width: 50px; height: 5px; background-color: #fff; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); border-radius: 2px; }


/*:::::: Estilo Youtube :::::: */

.video-container {position: relative;width: 100vw;height: 100vh;overflow: hidden;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 1080px;pointer-events: none;}
.video-container a{text-decoration: none;}
.subscribe-button {position: absolute;top: 90%;left: 50%;transform: translate(-50%, -50%);background-color: #46121c;color: #ebdbc1;font-size: 28px;font-weight: bold;padding: 0px 10px;border: none;border-radius: 0;cursor: pointer;text-decoration: none;display: inline-block;transition: 0.3s;}
.subscribe-button:hover {background-color: #3a2a2d;color: #ebdbc1;}
.subscribe-button img{width: 40px; margin-top: -5px;}

/*:::::: Estilo Playlist :::::: */

#playlist{ padding-bottom: 30px;}
.titulo-playlist{display: flex;align-items: center;justify-content: center;color: #ebdbc1; font-size: 28px;padding: 70px 0 60px 0; text-align: center;}
.titulo-playlist h2 {margin: 0 15px;font-weight: normal; font-size: 3rem;}
.titulo-playlist h2 strong {font-weight: bold;}
.titulo-playlist  .linha {flex-grow: 1;height: 2px;background: #ebdbc1;max-width: 100px;}
.container-center{display: flex; align-items: center; justify-content: center; padding-bottom: 50px;}
.capa-playlist{width: 512px; height: 512px;}
.capa-playlist img{width: 100%;}
.texto-playlist h1{color: #ebdbc1; font-size: 50pt; font-style: italic;}
.bt-5{background-color: #46121c; color: #ebdbc1; text-transform: uppercase; font-size: 2rem; border-radius: 0px 30px 30px 0px; padding: 0 10px;}
.bt-5 img{width: 30px; margin-bottom: 9px;}

/*:::::: Estilo Footer :::::: */

.footer {text-align: center;padding: 40px 20px; margin-bottom: 50px;}
.footer p {font-size: 18px;margin-bottom: 15px;color: #d8c3b0;  font-family: "owners", sans-serif;}
.line-one{display: flex; align-items: center; justify-content: center; gap: 10px; padding: 30px 0;}
.partner{display: flex; align-items: center; justify-content: center; gap: 10px;}
.logos {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;align-items: center;margin-bottom: 20px;}

.logos img {max-height: 40px;max-width: 120px;object-fit: contain;}
.haus {padding: 20px 0;}
.haus img{width: 60px;}


/* Videos */
                                                                
.video-inline-wrapper {display: flex;justify-content: center;align-items: center;width: 100%;position: relative;padding: 6px 0;}
.video-inline-close { position: absolute;top: 8px; right: 8px; z-index: 20;background: rgba(0, 0, 0, 0.5); color: #fff;border: none;font-size: 20px;line-height: 1; width: 36px;height: 36px;border-radius: 50%;cursor: pointer;}
.video-inline-wrapper video { border-radius: 12px;background: #000; display: block;outline: none;}
                                

/*:::::: Estilo Mobile :::::: */

@media screen and (max-width: 1440px){
    .video-container{overflow: visible;}
    .video-container iframe {position: static; height: 800px;}
    #caixa-banner{height: 100vh;}
    .aspect-ratio-box-1{height: 125vh;}
          .linhas-overlay-left,
  .linhas-overlay-right{
    display: none !important;
  }
 
   
}

@media screen and (max-width: 1366px){
    .video-container{overflow: visible;}
    .video-container iframe {position: static; height: 760px;}
    .bt-3{font-size: 13px;}
    .capitais-confirmadas3 {display: flex;align-items: center;justify-content: center;color: #e1e4b9;font-size: 14px;padding: 0px 20px 0px 20px; margin-top: 10px; letter-spacing: 2px; text-align:center;}

}

@media screen and (max-width: 1024px){
    .video-container{height: 575px;}
    .video-container iframe {height: 575px;}
    .aspect-ratio-box-1{display: none;}
    .banner-item-1 img {opacity:inherit;}
    #capitais .col-lg-3{flex: 0 0 50%;max-width: 50%;}
    #ingressos .col-lg-3 {flex: 0 0 50%;max-width: 50%;}
    .card-img {width: 100%;height: 220px;overflow: hidden;margin: 5px;}
    .titulo-edicao{text-align: center;}
    .capitais-confirmadas3 {display: flex;align-items: center;justify-content: center;color: #e1e4b9;font-size: 14px;padding: 0px 20px 0px 20px; margin-top: 10px; letter-spacing: 2px; text-align:center;}



   
 
}

@media screen and (max-width: 960px){
    #caixa-banner{display: none;}
    .pontos {width: 250%;}
    .ponto-slide {animation: rolarDireita 60s linear infinite;}
    .video-container{height: 575px;}
    .video-container iframe {height: 575px;}
    #banner{display: none;}
    #banner-mobile{display: block; }
    #banner-mobile-img{width: 100%; margin-top: 30px;}
    .aspect-ratio-box {padding-top: calc(1000 / 780 * 100%); }
    #caixa-banner {height: 100%; padding-top: 30px;}
    #festival h1{font-size: 1.5rem; padding-top: 20px;}
    #festival p{margin: 0; font-size: 1.5rem;}
    .cidade-circuito{margin-right: auto;}
    .circuito-cidades{padding: 20px 0; text-align: center;}
    .youtube-section{height: 100vh;}
    .subscribe-banner{font-size: 1.3rem;}

      #navio {display: none;}
   #navio-mobile { display: block; width: 100%; position: relative; margin-top: 00px; text-align: center; }

     @media (max-width: 960px){

  /* Remove o background */
  .contador-tour{
    background-image: none;
    background-color: transparent;
    min-height: auto;
    padding: 40px 20px;
    margin-top: -60px;
  }

  /* Empilha tudo */
  .contador-conteudo{
    flex-direction: column;
    gap: 5px;
    text-align: center;
  }

  /* Ajuste do texto */
  .label-esq,
  .label-dir{
    font-size: 30px;
    letter-spacing: 1px;
  }

  .numero{
    font-size: 200px;
    line-height: 1;
    margin-top: -20px;
  }

  /* Faixa da cidade vira bloco simples */
  .proxima-cidade{
    margin-top: 0px;
    background: none;
    padding: 0;
    border-radius: 0;
    color: #1f2a1f;
    flex-direction: column;
    gap: 4px;
  }

  .proxima-cidade span{
    font-size: 25px;
    opacity: 0.7;
  }

  .proxima-cidade strong{
    font-size: 40px;
    font-weight: 800;
    margin-top: -20px;
  }

  .form-navio{
  padding: 0px 0;
  background-color: transparent;
  font-family: "owners", sans-serif; 
  text-align: center;
}

.capitais-confirmadas h2 {margin-top: -35px; font-weight: bold; font-size: 24px;  font-family: "owners", sans-serif; letter-spacing: 3px; text-aling: center;}

}

 
   
}

@media (max-width: 768px) {
   .menu { display: block; }
    .menu-toggle { display: block; }
    .texto {height: auto;position: relative;}
    .autor{margin-bottom: 50px;}
    .icon-sp img{display: none; }
    .cartao img{width: 100%;}
    .linha{display: none;}
    .cidade {margin: 10px 0;}

  .topo { flex-direction: column; align-items: center; margin-top: }
  .menu a { display: inline-block; margin: 8px 10px; }
  .acoes { margin-left: 0; margin-top: 12px; }
  #banner-mobile-img{width: 100%; margin-top: 30px;}

 
   #capitais .col-lg-3{margin-bottom: 10px;}
   #capitais{ background-repeat: no-repeat; background-size: cover; text-align: center; margin-top: 0px;}

body{
    background-image: url('../img/bg-mobile.jpg');
    background-position: center top;
  }

  .bt-3-1{width: 100%; font-size: 1.1rem}

}


@media screen and (max-width: 500px){

    .logo{position: initial; text-align: center; padding-bottom: 20px;}
    .logo img{width: 70%;}
    .acoes a{ font-size: 15px; }
    .fa-instagram {width: 25px;}
    .fa-youtube{width: 35px;}
    .cidade{padding-bottom: 50px; margin: 0;}
    .container-center{display: block;}
    .capa-playlist{width: 100%; height: auto;}
    .subscribe-button{width: 100%; text-align: center;}
    .line-one{flex-direction: column;}
    .logos img {max-width: 80px;}
    #fotos-festival {height: 200px;}
    .foto-01{background-position-x:center;}
    .publico-01, .publico-02, .publico-03, .publico-04{height: 120px;}
    .video-container{height: 280px;}
    .video-container iframe {position: static; height: 280px;}
    .card__body{height: auto;}
    .bt-3 {font-size: 11px;}
    .indicador{width: 250px;}
    #capitais .col-lg-3{flex: 0 0 100%;max-width: 100%;}
    .cidade-circuito{width: 100%;}
    .titulo-circuito{padding-bottom: 20px;}
    .logo-circuito{width: 50%;}
    .youtube-section {height: auto;}
    .play-button{width: 100px;}
    .subscribe-banner {font-size: 1rem;width: 80%;margin: 0 auto;}


body{
    background-image: url('../img/bg-mobile-2.jpg');
    background-position: center top;
  }


}

@media screen and (max-width: 375px){ .bt-3 {font-size: 10px;}}