.faixa-scroll-infinito {position: sticky;top: 0;z-index: 999;  left: 0;width: 100%;height: 70px;background: #FFD600;z-index: 1000;overflow: hidden;display: flex;align-items: center;box-shadow: 0 4px 15px rgba(0,0,0,0.3);}
.faixa-conteudo {display: flex; align-items: center; gap: 30px; white-space: nowrap; will-change: transform;}
.texto-faixa {font:  700 28.84px montserrat;color: #000;letter-spacing: 3.52px;text-transform: uppercase; position: relative; }
.texto-faixa::after { position: absolute; content: ''; width: 10px; height: auto; aspect-ratio: 1/1; background: #000; border-radius: 50%; transform: translate(-50%, -50%); top: 50%; left: 104%; }

.banner-bg { position: relative; }
.banner-bg::after{position: absolute;content: '';width: 300px;height: auto;aspect-ratio: 1/1;background: url('../img/pacotes/black/selo.png') no-repeat center center /contain;z-index: 999;bottom: -100px;left: 50px;}
.banner-bg > .img {width: 100%; height: 1100px; position: absolute; top: 0; left: 0;}
.banner-bg .img img {width: 100%; height: 100%; object-fit: cover;}
.banner-bg .banner { display: block; height: 1100px; position: relative;}
.banner .banner-content { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: right; }
.banner .right { display: block; max-width: 570px; margin-left: 50px; }

.banner .banner-content .papagaio { margin: -180px 0 0 -40px; }
.banner .banner-content .papagaio .img { height: 610px; aspect-ratio: 680/610; display: block; }
.banner .banner-content .papagaio .img img { display: block; height: 100%; width: 100%; object-fit: contain; }

.banner .right .texto .save {font: 52.03px neulisAlt-bold;color: #ffd200;}
.banner .right .texto .text {font: 24.64px / 1.75 neulisAlt-regular;color: #fff;hyphens: auto;}


.counter { margin: 25px 0; }
.countdown { display: grid; grid-template-columns: repeat(4, minmax(0, auto)); gap: clamp(8px, 2vw, 32px); align-items: end; }
.countdown__cell {display: flex;flex-direction: column;align-items: center;/* min-width: 70px; */}
.countdown__value {font: clamp(32px, 8vw, 96px)/1 titillium-bold;color: #ffd200;letter-spacing: 0.5px;}
.countdown__label { margin-top: 6px; font: clamp(10px, 2.2vw, 18px)/1.1 neulisAlt-regular; color: #eaeaea; text-transform: lowercase; }

.banner .form .titulo { font: 32.64px neulisAlt-regular; color: #fff; text-align: center; }
.banner .form .titulo b { font: 32.64px neulisAlt-bold; color: #ffd200; }
.banner .form { display: flex; flex-direction: column; gap: 20px; }
.banner .form form { display: flex; flex-direction: column; gap: 15px; }
.banner .form form input { display: block; padding: 0 0 0 15px; border-radius: 13px; height: 50px; outline: none; border: none; box-sizing: border-box; font: 600 18.4px montserrat; color: #000; }
.banner .form form input.input-telefone { color: #25d366; }
 

.banner .form form input::placeholder { font: 600 18.4px montserrat; color: #000; opacity: 1; text-transform: uppercase; }
.banner .form form .bottom { display: flex; gap: 12px; } 
.banner .form form .bottom button { width: 100%; outline: none; border: none; cursor: pointer; border-radius: 13px; height: 72px; background: #ffd200; color: #000; font: 600 18.4px montserrat; text-transform: uppercase; transition: .4s ease; } 
.banner .form form .bottom button:hover { background: #000; color: #ffd200; }

.perguntas-bg { padding: 85px 0 110px; }
.perguntas .titulo { text-align: center; font: 99px neulisAlt-bold; color: #000; margin-bottom: 30px; }
.perguntas { display: flex; flex-direction: column; gap: 20px; }
.perguntas .frage { padding: 35px; box-sizing: border-box; border-radius: 20px; border: 5px solid #ffd200; cursor: pointer; transition: all 0.3s ease; }
.perguntas .frage:hover { border-color: #000; }

.frage .frage-title { font: 35.53px neulisAlt-bold; color: #000; position: relative; padding-right: 60px; user-select: none; }

.frage .frage-title::after,
.frage .frage-title::before {  position: absolute;  content: '';  width: 25px;  height: 4px;  background: #000;  top: 50%;  right: 15px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px;}
.frage .frage-title::after {  transform: translateY(-50%); }
.frage .frage-title::before {  transform: translateY(-50%) rotate(90deg); }
.frage.active .frage-title::before {  transform: translateY(-50%) rotate(0deg); opacity: 0; }
.frage.active .frage-title::after {  transform: translateY(-50%) rotate(180deg); }
.frage .frage-antwort {  font: 17px / 2 montserrat;  margin-top: 0; max-height: 0; overflow: hidden; opacity: 0; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.frage.active .frage-antwort {  margin-top: 25px; max-height: 1000px; opacity: 1; }


.estrutura-bg { position: relative; }
.estrutura-bg::after{position: absolute;content: '';width: 300px;height: auto;aspect-ratio: 1/1;background: url('../img/pacotes/black/selo.png') no-repeat center center /contain;z-index: 9999;top: -100px;right: 0;}
.estrutura-bg > .img { position: absolute; bottom: 0; left: 0; z-index: 1; max-height: 700px;}
.estrutura-bg > .img img {width: 100%;height: 100%;object-fit: contain;max-height: 500px;}
.estrutura-bg > .estrutura { padding: 100px 0;  }
.estrutura .titulo { display: flex; flex-direction: column; align-items: center; justify-content: center; font: 64.16px neulisAlt-bold; color: #FFD600; padding: 0 0 85px;}
.estrutura .titulo .estrutura { font: 112px / 0.6 neulisAlt-bold; color: #fff;}
.estrutura .servicos-lista { display: grid; grid-template-columns: repeat(4, 1fr); gap: 75px 0; z-index: 2; position: relative; }
.estrutura .servicos-lista .servico { display: flex; flex-direction: column; align-items: center; gap: 20px; font: 500 24.32px montserrat; color: #fff; text-align: center; }
.estrutura .servicos-lista .servico b { font: 800 30.19px montserrat; }
.servicos-lista .servico .img { background: #FFD600; display: flex; align-items: center; justify-content: center; width: 65px; height: auto; aspect-ratio: 1/1; border-radius: 50%;} 

.servicos-lista .servico { opacity: 0; transform: translateY(50px) scale(0.9); transition: all 0.6s ease; }
.servicos-lista .servico.visible { opacity: 1; transform: translateY(0) scale(1); }


@media(max-width: 1250px) {
    .banner .banner-content .papagaio { margin: 0; }
    .banner .banner-content .papagaio .img { height: 300px; }
    .banner .banner-content { flex-direction: column; align-items: center; }
    .banner .right { margin: 0; }
    .banner .texto { text-align: center; }
    .banner .right .texto .text { font: 24.5px / 1.275 montserrat; }
    
    .perguntas-bg { padding: 60px 0; }
    .perguntas .titulo {font-size: 65px; margin-bottom: 20px; }

    .frage .frage-title { font-size: 28px; }
    .frage .frage-antwort { font-size: 14px; }

    .estrutura .titulo { font-size: 40px }
    .estrutura .titulo .estrutura { font-size: 70px }

    .estrutura .servicos-lista {grid-template-columns: repeat(3, 1fr);gap: 30px 0;}
    .estrutura .servicos-lista .servico { font-size: 20px }
    .estrutura .servicos-lista .servico b { font-size: 24px }

    .estrutura-bg::after{width: 200px;top: -30px;}
    .banner-bg::after {width: 180px;bottom: -75px;}
    
} 
@media(max-width: 990px){
    .estrutura .titulo {font-size: 40px;}
    .estrutura .titulo .estrutura { font-size: 50px }
    .estrutura-bg > .img img{ max-height: 500px }
    .estrutura .servicos-lista .servico b { font-size: 20px }
}

@media(max-width: 650px){
    .banner-bg::after,
    .estrutura-bg::after { width: 150px; }
    .banner .right .texto .save { font-size: 40px }
    .banner .right .texto .text { font-size: 20px; }
    .countdown__value { font-size: 50px }
    .banner .form form .bottom { flex-direction: column; align-items: center; }
    .banner .form .titulo b,
    .banner .form .titulo { font-size: 25px; }
    .frage .frage-title { font-size: 24px; }

    .perguntas .titulo { font-size: 45px; }
    .perguntas .frage { padding: 25px; }
    .frage .frage-title { font-size: 22px; }

    
    .estrutura-bg > .estrutura { padding: 60px 0; }
    .estrutura .titulo {font-size: 24px;padding: 0 0 50px;text-align: center;}
    .estrutura .titulo .estrutura {font-size: 30px;}
    .estrutura .servicos-lista{ grid-template-columns: repeat(2, 1fr)}
}