main { position: relative; }
.header-bg > div { position: relative; }
.header-bg .logo { display: block; position: absolute; top: 100px; left: 50%; transform: translate(-50%, -50%); z-index: 999; }

.banner-bg { max-width: 100vw; position: relative; height: 930px; overflow: hidden; } 
.banner-bg .hr { position: absolute; width: 105%; height: 150px; background: #F3BE00; bottom: -8%; rotate: -4deg;  }
.banner-bg img { position: absolute ; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.banner-bg .banner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: right; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;  }
/* .banner-bg .banner h1 { color: #F3BE00; font: 900 97.5px / 0.8 montserrat; text-align: center; width: max-content; margin-left: auto; letter-spacing: -2.6px;  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
    1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff; } */ 

.banner-bg .outubro {  width: 550px; height: auto; aspect-ratio: 550/300; }
.outubro img { width: 100%; height: 100%; object-fit: contain; position: static; }
.banner .chamada { font: 47.9325px / 1 amarillo; color: #B92D00; overflow: visible; margin: -50px 140px 0 0; }

.diarias-bg { background: #F3BE00; padding: 130px 0 80px; z-index: 1; position: relative; box-shadow: 0 20px 10px 0 rgba(0, 0, 0, 0.1); }
.diarias-bg::before { content: ''; position: absolute; width: 285px; height: auto; aspect-ratio: 1/1; background: url(../img/pacotes/outubro/pensao.png) no-repeat center center / contain; top: -200px; left: 25%; }
.diarias-bg::after { content: ''; position: absolute; width: 880px; height: 140px; background: url(../img/pacotes/outubro/onda.png) no-repeat left / cover; right: 0; top: -112px; }
.diarias-bg .diaria { display: flex; justify-content: space-between; align-items: center; gap: 30px; position: relative; }
.diaria .texto { font: 700 56.7075px / 0.95 montserrat; letter-spacing: -1.5px; }
.diaria .texto span { font: 800 60.75px / 1.2 montserrat; color: #B92D00; letter-spacing: -1.62px; }
.diaria .texto .warning { font:700 12px / 1 montserrat; letter-spacing: initial; display: flex; margin-top: 30px; fle }
.diaria .texto .preco { display: flex; align-items: flex-end; font: 800 51.1275px montserrat; letter-spacing: -1.36px; margin-bottom: 45px; position: relative;}
.diaria .texto .preco span { font-size: 122.25px; line-height: .8; }
.diaria .texto .preco small { font-size: 40.875px; }
.diaria .texto .para-casal { font-size: 46.95px; }
.diaria .iframe { width: 100%; overflow: hidden; max-width: 750px; border-radius: 15px; box-shadow: 18px 18px 0 0 #A71F00;  }
.diaria .iframe iframe { width: 100%; }
.datas .whats-href { display: flex; box-sizing: border-box; transition: box-shadow .4s ease, transform .4s ease, background .4s ease, opacity .4s ease; justify-content: center; position: relative; z-index: 2; align-items: center; gap: 15px; width: 100%; background: #00B000; margin-top: 55px; padding: 0 45px; height: 75px; border-radius: 10px; font: 700 38.7px montserrat; color: #fff; box-shadow: 12px 12px 0 0 #A71F00; }
.datas .whats-href:hover { box-shadow: 0 0 0 0; background: #000; }
.datas .whats-href.whats-data { opacity: 0; transform: translateY(50px); }
.datas .whats-href.whats-data.ativo { opacity: 1; transform: translateY(0); }

.datas-bg { background: #F3BE00; padding: 90px 0 175px; position: relative; }
.datas-bg::before { content: ''; position: absolute; width: 480px; height: auto; z-index: 2; aspect-ratio: 1/1; background: url(../img/pacotes/outubro/galho-seco.png) no-repeat left / contain; left: -200px; top: -172px; }
.datas-bg::after {content: ''; position: absolute; width: 420px; height: auto; aspect-ratio: 420/920; background: url(../img/pacotes/outubro/piriquito-folha.png) no-repeat left / contain; right: 0; bottom: -200px; }
.datas .titulo { text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; font: 700 52.5px / 1.125 montserrat; }
.datas .titulo b { font: 700 76.7025px / 0.5 montserrat; }
.datas .titulo span { font: 400 47.9325px / 2 amarillo; color: #A71F00; }
.datas .datas-lista { display: grid; grid-template-columns: repeat(3, 1fr); gap: 70px 30px; margin-top: 50px; position: relative; z-index: 2; }
.datas-lista .data { background: #fff; height: 100px; border-radius: 10px; color: #000; display: flex; align-items: center; justify-content: center; font: 700 31.1475px / 1.5 montserrat; box-shadow: 12px 12px 0 0 #A71F00; }



.faixa-scroll-infinito {position: sticky;top: 0;z-index: 999;  left: 0;width: 100%;height: 70px;background: #B92D00;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 33.03px montserrat;color: #fff;letter-spacing: 3.52px;text-transform: uppercase;}

.faixa-scroll-infinito.faixa-pacotes { rotate: 5deg; position: absolute; top: 55px; z-index: 2; } 

.super-pacotes-bg { padding: 190px 0 105px; position: relative; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03); }
.super-pacotes .titulo { text-align: center; font: 700 52.5px montserrat; display: flex; flex-direction: column;}
.super-pacotes .titulo span { font: 34.215px / 2 amarillo; color: #A71F00; }
.super-pacote .super { padding: 12px; background: #F3BE00; width: max-content; font: 700 28.5px / 1.25 montserrat; border-radius: 10px; box-sizing: border-box; max-height: 50px; display: flex; align-items: center; gap: 10px; letter-spacing: -0.76px; }
.super-pacote .super b { font: 700 28.5px / 1.25 montserrat-alternate; }


.super-pacote { opacity: 0; transform: translateY(100px); gap: 90px; transition: opacity 0.8s ease, transform 0.8s ease; display: flex; justify-content: space-between; padding: 100px 0 0; }
.super-pacote.visible { opacity: 1; transform: translateY(0); }
.datas-lista .data { opacity: 0; transform: translateY(50px) scale(0.9); transition: all 0.6s ease; }
.datas-lista .data.visible { opacity: 1; transform: translateY(0) scale(1); }
.datas-lista .data { position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.datas-lista .data:hover { transform: scale(1.02); box-shadow: 0 0 20px rgba(255, 255, 255, 0.6); background: #000; color: #fff; cursor: pointer; }
.datas-lista .data p { user-select: none; }

.super-pacote .content { display: flex; flex-direction: column; align-items: flex-end; gap: 20px; justify-content: space-between; }
.super-pacotes .super-pacote .titulo { text-align: right; font: 800 48.5px montserrat; color: #B92D00; letter-spacing: -1px; }
.super-pacote .texto { font: 400 25.5px / 1.5 montserrat; text-align: right; letter-spacing: -0.68px; }
.super-pacote .content .whats-href { display: flex; position: relative; align-items: center; overflow: hidden; justify-content: center; background: #B92D00; width: 100%; box-sizing: border-box; color: #fff; padding: 25px 10px; border-radius: 15px; text-align: center; font: 700 23.0775px / 1.25 montserrat; }


.super-pacote .img { position: relative; display: flex; align-items: center; justify-content: center; box-shadow: 12px 12px 0 0 #A71F00; }
.super-pacote .img::after { content: ''; position: absolute; top: -9%; right: -20%; width: 190px; height: auto; aspect-ratio: 1/1; background: url(../img/pacotes/outubro/pensao.png) no-repeat left / contain; }
.data.expired { position: relative; background: #000; color: #fff; }  
.data.expired.visible::after { content: "ESGOTADO"; position: absolute; top: 50%; left: -120%; transform: translate(-50%, -50%) rotate(-15deg); background: #e10000; color: #fff; font: 700 24px/1 montserrat; padding: 10px 40px; border-radius: 8px; text-transform: uppercase; letter-spacing: 2px; box-shadow: 4px 4px 10px rgba(0,0,0,0.3); opacity: 0; animation: faixaEsgotado 0.8s ease forwards; animation-delay: 0.5s;}


.banner .chamada text {stroke: #fff;  stroke-width: 1; fill: #A71F00; paint-order: stroke;    animation: 3s text linear forwards; }
.banner .chamada text.final {filter: drop-shadow(2px 0 #fff) drop-shadow(-2px 0 #fff) drop-shadow(0 2px #fff) drop-shadow(0 -2px #fff);}

.super-pacote .content .whats-href p { position: relative; z-index: 3; }
.super-pacote .content .whats-href::after,
.super-pacote .content .whats-href::before { content: ''; position: absolute; width: 100%; left: -100%; height: 100%; top: 0;}
.super-pacote .content .whats-href::before {  background: #000; z-index: 1; left: 0; }
.super-pacote .content .whats-href::after {  background: #F3BE00; z-index: 2; } 

.super-pacote .content .whats-href.ativo::after { left: 0; }
.super-pacote .content .whats-href.ativo::before { left: -100%; }
.super-pacote .content .whats-href.ativo { color: #000; }

.super-pacote.inverted { flex-direction: row-reverse; } 
.super-pacote.inverted .content {  align-items: flex-start; }
.super-pacote.inverted .content .titulo,
.super-pacote.inverted .content .texto { text-align: left; }
.super-pacote.inverted .img::after { left: -15%; right: unset; rotate: -30deg; }

.super-pacotes .parent > .whats-href { display: flex; box-shadow: 12px 12px 0 0 #A71F00; margin-top: 100px; border-radius: 10px; height: 70px; justify-content: center; background: #00B000; font: 700 38.7px / 1 montserrat; color: #fff; align-items: center; gap: 15px; opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease, transform 0.8s ease, box-shadow .4s ease, background .4s ease }
.super-pacotes .parent:has(.super-pacote.visible) > .whats-href { transform: translateY(0); opacity: 1; }
.super-pacotes .parent .whats-href:hover { box-shadow: 0 0 0 0; background: #000; }

.imperdiveis .splide__arrow { top: 40%; }

@keyframes faixaEsgotado {
    0% {
        left: -120%;
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}  
@keyframes text {
    0% {
        stroke: #fff;
        stroke-width: 4px;
        stroke-dasharray: 0;
        fill: transparent;
        paint-order: stroke;
    }
    30% {
        stroke-dasharray: 400;
    }

    90% {
        stroke-dasharray: 750;
        fill: transparent;
        stroke-width: 1;
    }

    100% {
        fill: #A71F00;
        stroke: #fff;
        stroke-width: 12px;
        paint-order: stroke;
    }
}

#confete { position: absolute; top: 50%; left: 50%; width: 0; height: 0; pointer-events: none;}
.confete-piece { width: 8px; height: 14px; position: absolute; top: 0; left: 0; border-radius: 2px; opacity: 0.9; }

.momentos-bg { padding: 80px 0 150px; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03); }
.momentos .servicos-lista { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin: 70px 0 0; }
.momentos .titulo { font: 700 56px / 1 montserrat; text-align: center;}
.momentos .titulo span { font: 40.6px / 1 amarillo; color: #A71F00;}
.momentos .servicos-lista .servico {display: flex; gap: 20px; align-items: center; font: 500 27.66px montserrat; }
.momentos .servicos-lista .servico:nth-child(even) { padding-left: 120px; }

.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); }

.imperdiveis-bg { padding: 280px 0 0; position: relative; }
.imperdiveis-bg .faixa-scroll-infinito { position: absolute; rotate: -5deg; top: 55px; z-index: 2; }
.imperdiveis .titulo { text-align: center; font: 700 calc(75px * 0.75) / 1 montserrat; margin-bottom: 70px; position: relative; }
.imperdiveis .titulo::after { content: ''; position: absolute; width: 185px; height: auto; aspect-ratio: 1/1; right: 250px; background: url('../img/pacotes/outubro/pensao.png') no-repeat center / contain; top: -140px; }
.imperdiveis .titulo span { font: calc(52px * 0.75) / 1 amarillo; color: #A71F00;  }
.imperdiveis .imperdivel .img { display: flex; align-items: center; justify-content: center; box-shadow: 12px 12px 0 0 #A71F00; }  
.imperdiveis .imperdivel .btn-saiba-mais { display: flex; align-items: center; justify-content: center; transition: .4s ease; background: #000; color: #fff; font: 700 24px montserrat; text-transform: uppercase; margin: 50px auto 0; box-sizing: border-box; height: 50px; padding: 0 20px; border-radius: 15px; width: max-content;}
.imperdiveis .imperdivel:hover .btn-saiba-mais { background: #F3BE00; color: #000; }

@media (min-width:1920px) {
    .diarias-bg .diaria::before { content: ''; position: absolute; width: 329px; height: 325px; aspect-ratio: 1/1;background: url(../img/pacotes/outubro/aguia-q-medo.png) no-repeat center center / contain; top: 200px; right: -33%; }
}

@media(max-width: 1600px) {
    .datas-bg::before { width: 300px; left: -200px; }
    .diarias-bg::before { width: 200px; }
    .diarias-bg::after { width: 500px; }
    .diarias-bg { padding: 60px 0; }

}

@media(max-width: 1250px) {  
    .diaria .texto .warning { align-items: center; justify-content: center; }
    .diaria .texto .warning br { display: block; }
    .banner .chamada { margin: -50px auto 0; }
    .banner-bg .outubro { margin: 0 auto; max-width: 90%; }
    .diarias-bg .diaria { flex-direction: column; width: 100%; }
    .diaria .texto { width: 100%; text-align: center; }
    .diaria .texto br { display: none; }
    .diaria .texto .preco { justify-content: center; margin-bottom: 15px; }
    .diarias-bg::before { left: 15%; top: -170px; z-index: 3; }
    .super-pacotes .parent:has(.super-pacote.visible) > .whats-href img,
    .diarias .whats-href img { width: 30px; height: auto; aspect-ratio: 1/1; }
    .super-pacotes .parent:has(.super-pacote.visible) > .whats-href,
    .datas .whats-href { font-size: 25px; justify-content: center; white-space: nowrap; }
    .texto-faixa { font-size: 25px; }
    .faixa-scroll-infinito { height: 60px; }
    .datas .datas-lista { grid-template-columns: repeat(2, 1fr); }
    .datas .datas-lista .data:last-child { grid-column: 1/-1; }
    .datas-bg::after {  }
    .momentos .servicos-lista .servico:nth-child(even) { padding-left: 50px; }


    .super-pacotes .super-pacote .titulo { font-size: 40px; }
    .super-pacote .super b,
    .super-pacote .super { font-size: 22px; }
    .super-pacote .img { max-width: 50% ; min-width: 350px; }
    .super-pacote .img img { width: 100%; height: 100%; object-fit: contain; }

    .imperdiveis .img img { width: 100%; height: auto; }
    .momentos-bg { padding: 70px 0 90px; }

    .imperdiveis-bg { padding: 100px 0 0; }
    .imperdiveis-bg .faixa-scroll-infinito { top: 15px; }
    .imperdiveis .titulo::after { width: 100px; right: 10%; top: -40%; }
}

@media(max-width: 990px) {
    .super-pacote .img::after { width: 130px; }
    .faixa-scroll-infinito.faixa-pacotes { top: -10px; }
    .super-pacotes-bg { padding: 100px 0 80px; }
    .datas-bg { padding: 40px 0 80px;  }
    .datas-bg::before { display: none; }
    .datas-bg::after { width: auto; height: 500px; bottom: -50px; }
    .datas .titulo{ font-size: 43px; }
    .datas .titulo b { font-size: 60px; }
    .datas .titulo span { font-size: 40px; }
    .super-pacotes .super-pacote { flex-direction: column; align-items: center; padding: 70px 0 0; gap: 40px; }
    .super-pacote .texto br { display: none;}
    .super-pacote .content { align-items: center; justify-content: center;  }
    .super-pacote .texto,
    .super-pacotes .super-pacote .titulo { text-align: center; }
    .super-pacotes .super-pacote .titulo br { display: none; }
    .super-pacotes .parent > .whats-href { margin-top: 40px; }
    .super-pacotes .parent > .whats-href > p:first-child { display: none; }
    .super-pacotes .titulo { font-size: 40px; }
    .super-pacotes .titulo span { font-size: 28px; }
    .super-pacote .super,
    .super-pacote.inverted .content .titulo, 
    .super-pacote.inverted .content .texto, 
    .super-pacote .content .titulo, 
    .super-pacote .content .texto { text-align: center; justify-content: center; align-items: center; width: 100%; }
    .super-pacotes .super-pacote .titulo { font-size: 30px; }
    .super-pacote .texto { font-size: 20px; }
    .super-pacote .content .whats-href,
    .super-pacotes .parent:has(.super-pacote.visible) > .whats-href, .diarias .whats-href { font-size: 18px; }
    .momentos .servicos-lista .servico img { width: 50px; height: auto; aspect-ratio: 1/1; }
    .momentos .servicos-lista .servico { font-size: 22px; }
    .momentos .servicos-lista .servico:nth-child(even) { padding: 0; }
    .momentos .servicos-lista { margin: 30px 0 0; }
    .momentos-bg { padding: 50px 0; }
    .momentos .titulo { font-size: 45px; }
    .momentos .titulo span { font-size: 32px;}
}
 

@media (max-width: 600px){
    .banner .chamada{ font-size: 38px; }
    .banner-bg { height: 740px; }
    .diarias-bg::after,
    .datas .whats-href > p:first-child,
    #confete { display: none; }
    .super-pacotes .super-pacote { padding: 45px 0 0; }

    .diarias-bg::before { transform: translate(-50%, -50%); left: 50%; top: -6%; }
    .diaria .texto{ font-size: 48px; }
    .diaria .texto span{ font-size: 50px; }
    .diaria .texto .preco span { font-size: 95px; }
    .diaria .texto .para-casal { font-size: 40px; }
    .datas .datas-lista { grid-template-columns: 1fr; gap: 30px; }
    .datas .titulo b { line-height: 1; font-size: 40px; }
    .datas .titulo span { font-size: 31px; }

    .super-pacote .img { max-width: 50% ; min-width: 350px; }
    .super-pacote.inverted .img::after { left: -4%; }
    .super-pacote .img::after { width: 90px; right: -4%; top: -8%; }
    .super-pacotes .titulo { font-size: 32px; }
    .super-pacotes .titulo span { font-size: 20px; }
    .momentos .servicos-lista { grid-template-columns: 1fr; margin: 40px 0 0; }
    .momentos .titulo { font-size: 40px; }
    .momentos .titulo span { font-size: 30px; }
    .momentos .servicos-lista { gap: 15px; }
    .momentos-bg { padding: 40px 0; }
    .momentos .servicos-lista { margin: 25px 0 0; }
    .imperdiveis .titulo::after { display: none; }
    .imperdiveis .titulo { font-size: 40px; margin-bottom: 45px; }
    .imperdiveis .titulo span { font-size: 30px }
    
} 

.whats-fixo {font-size: 0;display: none}
.fechar-whats{z-index: 99999;float: right;font: 13px montserrat;position: fixed;bottom: 95px;right: 7px;background: #4ba92b;padding: 10px;border-radius: 50%;color: #fff;line-height: 10px;cursor: pointer;}
.whatsapp-fixo{width: 213px;height: 90px;background: url(../img/whats-fixo.png) no-repeat center top;position: fixed;bottom: 5px;right: 0;z-index: 99999;}
.txt-fale{float: left;font: 12.23px montserrat;color: #fff;line-height: 17.48px;margin: 22px 0 0 101px;}
.txt-fale span{font: 13.11px montserrat;}
.txt-click{float: left;font: 9.61px montserrat;color: #fff;line-height: 17.48px;margin: 14px 0 0 118px;}
.circulo-pulse{width: 85px;height: 85px;float: left;position: absolute;left: 0;border-radius: 77px;background: transparent;animation: shadow-pulse 1s infinite;background-size: 30px;}
@keyframes shadow-pulse{0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}100% {box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);}}@keyframes shadow-pulse-big{0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);}100% {box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);}}
@media(max-width:990px){.fechar-whats {display: none;}.whats-fixo {display: block;background: url(../img/whats-fixo2.png) no-repeat center top;width: 55px;height: 55px;margin: 10px;background-size: 51.2px;position: fixed;bottom: 0;right: 0;z-index: 99999;}.c1{width: 100%;margin: 15px 0px 0;}.c2{width: 100%;margin: 20px 0px;}.copy-sole{height: auto;}.copy-sole p{font-size: 10px;}.whats-desck{display: none}}