.banner-bg {position: relative; height: 915px; overflow: hidden;}
.banner-bg > .img {position: absolute; width: 100%; top: 0; z-index: 1; object-fit: cover; height: 100%; display: flex; align-items: center; justify-content: center;}
.banner-bg > .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.banner-bg .banner {position: relative;}
.banner .header {position: absolute; display: flex; justify-content: flex-end; z-index: 999; align-items: center; width: 100%;  margin-top: 27px;}
.banner .header .img {display: flex; align-items: center; justify-content: center; position: absolute; left: 0%; max-width: 275px;}
.banner .header .img img {display: block; width: 100%; height: 100%; object-fit: contain; filter: invert(1);}
.banner .header .btn-voltar {display: flex; align-items: center; justify-content: center; background: #FFAB00; padding: 5px 10px; color: #fff; font: 28.45px parkinsans-bold; transition: .4s ease;}
.banner .header .btn-voltar:hover {background: #111;}

.banner-bg .construcao {position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; display: flex; height: 100%; max-width: 903px; max-height: 692px;}
.banner-bg .construcao img {height: 100%; width: 100%; object-fit: contain;}

.banner-bg .pessoas {position: absolute; left: calc(50% - 66px); display: flex; bottom: 0; z-index: 4; width: 100%; height: 100%; max-width: 709px; max-height: 480px;}
.banner-bg .pessoas img {height: 100%; width: 100%; object-fit: contain;}

.banner-bg .textos {position: absolute; top: 88px; left: calc(50% - 85px); z-index: 3;}
.banner-bg .textos .texto-principal {position: relative; color: #fff; z-index: -1;}
.banner-bg .textos .texto-principal .t1 {position: absolute; top: 7px; left: 8px; font: 61.83px/0.9 parkinsans-semibold; text-align: left; letter-spacing: -8%;}
.banner-bg .textos .texto-principal .t2 {position: absolute; top: 0; right: 0; font: 186.68px/0.7 parkinsans-bold; text-align: right; letter-spacing: -8%;}
.banner-bg .textos .texto-principal .t2 .primeiro {margin-right: 29px;}
.banner-bg .textos .texto-principal .t2 .segundo {font-size: 234.89px;}
.banner-bg .textos .novila {display: flex; padding: 235px 58px 0 0;}
.banner-bg .textos .novila img {width: 100%; height: 100%; object-fit: contain;}

.chamada .btn-zap {display: flex; align-items: center; font: 700 28.62px montserrat; color: #fff; background: #3EB237; gap: 20px; padding: 10px 45px; margin-top: 50px; transition: .4s ease;}
.chamada .btn-zap:hover {background: #2a8a25; transform: scale(1.04);}
.chamada .btn-zap .img {display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;}
.chamada .btn-zap .img img {display: block; width: 100%; height: 100%;}

.video-bg .default-button {margin: -20px auto 0 ;}

.video-bg {background: url(../img/pacotes/ano-novo/ceu.jpg) no-repeat center center / cover; padding: 95px 0 68px 0; display: flex; flex-direction: column; align-items: flex-end;}
.video-bg .barra-texto {width: 100%; max-width: 1421px; height: 178px; background: #F6B500; border-radius: 999px 0 0 999px; margin: 0 0 110px 220px; position: relative; display: flex; align-items: center;}
.video-bg .barra-texto .texto {font: 700 44px/1.12 playfairdisplay-bold; font-style: italic; color: #000; display: flex; margin: auto 0 auto 221px;}
.video-bg .barra-texto .texto span {color: #fff;}
.video-bg .novidade {left: 202px; transform: translate(-100%, 0); position: absolute; top: -76px;}
.video-bg .novidade img {width: 100%; height: 100%; object-fit: contain;}
.video-bg .video {display: flex; align-items: center; justify-content: center; gap: 70px; flex-direction: column;}
.video-bg .titulo-parent {text-align: center; position: relative;}
.video-bg .titulo-parent::after {position: absolute; content: ''; width: 154px; height: 155px; background: url(../img/pacotes/ano-novo/pensao.png) no-repeat center; top: -27px; right: -123px; translate: 50%;}
.video .titulo {font: 40px / 1.1 parkinsans-bold; color: #0D0D0F;}
.video .titulo em {font: 61px / 1.1 parkinsans-bold; color: #0D0D0F;}
.video iframe {display: block; width: 100%; height: 100%; aspect-ratio: 16/9;}

.playground-bg{padding: 53px 0 63px; position: relative; box-shadow:-1px 14px 20px -15px rgba(0, 0, 0, .18); background: url(../img/pacotes/carnaval/bg-3.jpg) no-repeat center center / cover; overflow: hidden;}
.playground-bg .img-familia {position: absolute; letter-spacing: 0; bottom: 0; max-height: 666px; max-width: clamp(50px, calc(50vw - 439px), 300px);}
.playground-bg .img-familia img {height: 100%; width: 100%; object-fit: contain; margin: auto 0 0 0; display: flex;}
.playground{display: flex; gap: 40px; justify-content: space-between; position: relative; white-space: nowrap; flex-direction: column;}
.playground-card{display: flex; flex-direction: column;  gap: 35px; border-radius: 32px; flex:1; align-items: center;}
.playground-card .imagem{width: 460px; height: 450px; flex-shrink: 0; border-radius: 28px; overflow: hidden; border: 10px solid #ECB96B;}
.playground-card .imagem img{width: 100%; height: 100%; object-fit: cover;}
.playground-copy{flex:1; display:flex; flex-direction:column; gap:12px; font-family: authenticsignature; color:#111;}
.playground-copy p{margin:0; font-size: 84.41px; line-height: 63px;}
.playground-copy h2{margin:0; font-size: 54px; font-family: authenticsignature; color:#A71F00; line-height:1;}
.playground-servicos{flex:1 1 100%; display:flex; flex-direction:column; gap:0; border-radius:32px; color:#fff;}
.playground-servicos .titulo {text-align: center;}
.playground-servicos .titulo b{font: 100px authenticsignature; color: #FFD600;}
.playground-servicos .titulo h2{color: #000; letter-spacing: -1.22px; font: 61px parkinsans-bold; line-height: .1;}
.servicos-lista{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 50px 0; max-width: 934px; margin: 50px auto 0; grid-template-columns: repeat(auto-fit, minmax(177px, 1fr)); position: relative; z-index: 999;}
.servicos-lista .servico{display:flex; width: 21.34%; flex-direction:column; align-items:center; text-align:center; color:#000; font:500 17.75px montserrat; gap:10px; border-radius:18px; background:rgba(255,255,255,.05); opacity:0; transform:translateY(40px) scale(.95); transition:all .6s ease;}
.servicos-lista .servico b {font-size: 22.03px; font-weight: 700;}
.servicos-lista .servico.visible{opacity:1; transform:translateY(0) scale(1); width: 21.34%;}
.servicos-lista .img{width: 45px; height: 45px; background:#FFD600; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.servicos-lista .img img{width:60%; height:auto;}

.container.celebracao{padding: 56px 0 100px; overflow: hidden;}
.container.celebracao .imagem.um{position: absolute; top: 0; left: 0 ; height: 21px; width: 100%;}
.container.celebracao .fundo.imagem-cover{top: 21px;}
.container.celebracao .programacao > .titulo{font: 61px / 1 parkinsans-bold; color: #000; text-align: center; margin: 0 0 11px; display: flex; flex-direction: column; position: relative;}
.container.celebracao .programacao > .titulo::before {position: absolute; content: ''; width: 155px; height: 154px; background: url(../img/pacotes/ano-novo/pensao.png) center / contain no-repeat; bottom: -25px; left: 121px;}
.container.celebracao .programacao > .titulo span {font: 110px authenticsignature; color: #FFD600; margin: 0 25px -18px 0; transform: rotate(-2deg);}
.container.celebracao .programacao > .sub-titulo{text-align: center; font: 400 15px / 27px var(--font1); color: #000; margin: 0 0 50px;}
.container.celebracao .programacao .lista-datas{display: flex; gap: 38px 20px; margin: 0 0 60px; justify-content: center; width: 100%;}
.container.celebracao .programacao .lista-datas .item-parent{background: var(--cor2); display: flex; align-items: center;}
.container.celebracao .programacao .lista-datas .item-parent .item{display: flex; align-items: center; justify-content: flex-start; width: 100%; font: 20px var(--font1); flex-direction: column;}
.container.celebracao .programacao .lista-datas .item-parent .item .conteudo {display: flex; height: 67px; border-radius: 5px; box-sizing: border-box; justify-content: space-between; gap: 10px; align-items: center; background: #FFD600; padding: 12px;}
.container.celebracao .programacao .lista-datas .item-parent .item .icone{flex: 0 0 auto; aspect-ratio: 1/1; display: grid; place-items: center; height: auto;}
.container.celebracao .programacao .lista-datas .item-parent .item .icone > *{width: 22px; aspect-ratio: 1/1; height: auto;}
.container.celebracao .programacao .lista-datas .item-parent .item .titulo{color: var(--cor1); margin: 0 0 13px;}
.container.celebracao .programacao .lista-datas .item-parent .item .titulo p b{font-weight: 700 !important;}
.container.celebracao .programacao .lista-datas .item-parent .item .texto{color: #fff; font: 20px parkinsans-bold; white-space: nowrap;}
.container.celebracao .programacao .lista-programacao{display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin: 0 0 76px; position: relative;}
.container.celebracao .programacao .lista-programacao .item-parent{background: var(--cor2); box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, .1);}

.video-bg .splide {visibility: visible;} 
.video-bg .imagens .buttons {display: flex; position: absolute; width: 100%; max-width: 500px; bottom: 34%; left: 50%; transform: translate(-50%, 0);}
.video-bg .imagens .buttons .arrow {width: 40px; height: 40px; background-color: #A20303; display: flex; justify-content: center; align-items: center; position: absolute;}
.video-bg .imagens .buttons .arrow svg {width: 25px; height: 25px;}
.video-bg .imagens .buttons .arrow svg path {fill: #fff;}
.video-bg .imagens .buttons .prev {left: 5%; transform: rotate(180deg);}
.video-bg .imagens .buttons .next {right: 5%;}

@media (min-width: 991px) {
    .video-bg .imagens .buttons {display: none !important;}
    .video-bg .barra-texto .imagens {display: flex; position: absolute; right: 19px; top: 0; z-index: 3;}
    .video-bg .barra-texto .imagens .splide__slide:nth-child(2) {margin:15px 13px 0 -70px;}
    .video-bg .barra-texto .imagens .breve2 {max-height: 149px; max-width: 213px; width: 100%; height: 100%; display: flex;}
    .video-bg .barra-texto .imagens .breve2 img {width: 100%; height: 100%; object-fit: contain;}
    .video-bg .barra-texto .imagens .breve3 img {width: 100%; height: 100%; object-fit: contain;}
    .video-bg .barra-texto .imagens .breve3 {margin-top: 15px; max-height: 149px; max-width: 213px; width: 100%; height: 100%; display: flex;}
}

@media(min-width: 751px){
    .container.celebracao .programacao .lista-programacao .item-parent:last-of-type:nth-child(odd){grid-column: 1/-1;}
}
.container.celebracao .programacao .lista-programacao .item{display: block; width: 100%; height: 100%;}
.container.celebracao .programacao .lista-programacao .item .header{padding: 21px 38px 50px 38px; height: 0; background: #010101; color: var(--cor2); font: 26px / 32px parkinsans-bold;}
.container.celebracao .programacao .lista-programacao .item .header .titulo{font-weight: bold;}
.container.celebracao .programacao .lista-programacao .item .conteudo{padding: 33px 38px;}
.container.celebracao .programacao .lista-programacao .item .conteudo .lista-atividades{font: 15px / 27px var(--font1); color: var(--cor1); font-weight: 600;}
.container.celebracao .programacao .lista-programacao .item .conteudo .lista-atividades .atividade .texto{margin: 0 0 1px;}
.container.celebracao .programacao .lista-programacao .item .conteudo .lista-atividades .atividade .conteudos-atividade{margin: 0 0 1px;}
.container.celebracao .programacao .lista-programacao .item .conteudo .lista-atividades .atividade .conteudos-atividade .item{color: var(--cor4);}

.atividades-recreacao-bg {position: relative; padding: 0 0 74px; overflow: hidden;}
.atividades-recreacao-bg .titulo {text-align: center; font: 61px / 1 parkinsans-bold; color: var(--dm-color-accent-rose); margin: 0 auto 100px; position: relative; display: flex; flex-direction: column;}
.atividades-recreacao-bg .titulo b {font: 110.95px / 1 authenticsignature; color: var(--dm-color-black-strong);}
.atividades-recreacao-bg .titulo > p {margin-bottom: -20px; color: #FFD600;}
.atividades-recreacao-bg .titulo small {font: 19.78px montserrat; margin-top: 20px;}
.container.atividades-recreacao {background: var(--dm-color-bg-gray); display: flex; flex-direction: column; gap: 6px;}
.container.atividades-recreacao .atividades-flex {display: flex; flex-wrap: wrap; gap: 15px; background: var(--dm-color-white); justify-content: center;}
.container.atividades-recreacao .atividades-flex.bottom {position: relative;}
.container.atividades-recreacao .atividades-flex.bottom::before {content: ''; z-index: 3; position: absolute; width: 300vw; top: -6px; left: -33%; transform: translateY(-50%); height: 6px; background: var(--dm-color-white);}
.container.atividades-recreacao .atividade-card {background: var(--dm-color-bg-gray); position: relative; z-index: 2; box-shadow: 4px 7px 18px -7px rgba(0, 0, 0, .1); flex: 1 1 100%; width: 100%;}
.container.atividades-recreacao .atividade-card h3 {margin: 0 0 30px; display: flex; height: 70px; align-items: center; background: #010101; padding: 0 40px; font: 700 26px parkinsans-bold; color: #fff;}
.container.atividades-recreacao .atividade-card ul {margin: 0; padding: 20px 8px 20px 18px; list-style: none;}
.container.atividades-recreacao .atividade-card li {margin: 0 0 15px; color: #000; text-transform: uppercase; font: 700 15px montserrat;}
.container.atividades-recreacao .atividade-card li::before {content: "- ";}
.container.atividades-recreacao .atividade-card--full {grid-column: 1 / -1;}
.container.atividades-recreacao .parent:nth-child(2) .atividade-card h3 {padding: 0 25px;}
.container.atividades-recreacao .parent {display: flex; flex-direction: column; flex: 0 0 calc(33.33% - 10px);}
.container.atividades-recreacao .parent .img {display: flex; align-items: center; justify-content: center; margin-bottom: 55px;}
.container.atividades-recreacao .parent .img img {display: block; width: 100%; height: 100%; object-fit: contain;}

.atividades-recreacao-bg .default-button {margin: 90px auto 0;}

.playground .default-button {margin-top: 75px;}

.atividades-recreacao-bg .texto-faixa {font: 126.12px / 1 parkinsans-bold; color: white; text-shadow: -1px -1px 0 #010101, 1px -1px 0 #010101, -1px  1px 0 #010101, 1px  1px 0 #010101;}
.atividades-recreacao-bg .faixa-conteudo {display: flex;}
.atividades-recreacao-bg .faixa-bg {overflow: hidden; transform: rotate(-3deg); position: absolute; top: 136px; z-index: -1;}

@media (max-width: 1660px) {
    .video-bg .barra-texto {width: 86%;}
    .video-bg .barra-texto .texto {margin-left: 188px;}
}

@media (max-width: 1530px) {
    .video-bg .barra-texto {width: 100%; border-radius: 0; margin: 90px 0 110px 0; max-width: unset;}
    .video-bg .novidade {transform: scale(0.65) translate(-130%, 0); left: 50%; top: -180px; z-index: 3;}
    .video-bg .barra-texto .texto {margin-left: 100px;}
}

@media(max-width: 1250px){
    .banner-bg {height: clamp(750px, 64vw, 860px); overflow: hidden;}
    .banner-bg .textos {transform: scale(0.7); top: 38px;}
    .banner-bg .construcao {width: clamp(200px, 55vw, 640px); max-height: unset; height: auto;}
    .container.celebracao .programacao > .titulo::before {left: calc(50% - 387px); bottom: 10px; width: 130px; height: 130px;}
    .playground-bg {padding: 60px 0;}
    .playground-servicos .titulo h2 {font-size: clamp(30px, 8vw, 55px);}
    .playground-servicos .titulo b {font-size: clamp(60px, 8vw, 55px);}
    .banner-bg .pessoas {height: auto; width: clamp(170px, 55vw, 680px); left: unset; right: 0;}

    .video-bg .barra-texto .texto span {color: #000;}
    .video-bg .barra-texto {display: flex; flex-wrap: wrap; height: 304px; background: linear-gradient(180deg, #ffffff00 0%, #ffffff00 69%, #F6B500 70%, #F6B500 100% ); margin-top: 20px;}
    .video-bg .barra-texto .imagens {position: static; width: 100%; justify-content: center; margin-bottom: -37px; background: linear-gradient(180deg, #F6B500 0%, #F6B500 49%, #ffffff00 50%, #ffffff00 100% );}
    .video-bg .novidade {top: -90px; left: clamp(-30px, calc(50vw - 564px), 45px); transform: scale(0.5);}
    .video-bg .barra-texto .texto h3 {text-align: center; width: 100%; margin: 0 0 17px;}
    .video-bg .barra-texto .texto {margin: 0; width: 100%;}
}

@media (max-width: 1100px) {
    .banner-bg .arara {left: calc(50% - 400px + 36vw);}
    .banner-bg .texto-data {right: calc(50% + 20px);}
    .banner-bg .texto-bonito {margin-top: -20px;}
}

@media (max-width: 1150px) {
    .container.celebracao .programacao .lista-datas {flex-wrap: wrap;}
    .playground-bg .img-familia {display: none;}
}

@media(max-width: 990px){
    .banner-bg {height: clamp(400px, 74.5vw, 700px);}
    .banner-bg .textos {left: 50%; transform: translate(-50%, 0) scale(0.65);}
    .banner-bg .textos .texto-principal .t1 {left: -45px; top: -2px;}

    
    .video-bg .barra-texto {margin: 0 0 65px;}
    .video-bg .novidade {top: -60px;}

    .video-bg .splide {width: 100%; max-width: 600px; margin: 0 auto;}
    .video-bg .barra-texto .texto {font-size: clamp(26px, 4.8vw, 42px);}
    .video-bg .barra-texto .imagens {background: transparent; padding: 20px; gap: 20px; flex-wrap: wrap;}
    .video-bg .barra-texto {background: unset; height: unset;}
    .video-bg .barra-texto .imagens .breve3,
    .video-bg .barra-texto .imagens .breve2 {margin: 0; max-height: 149px; max-width: 213px; width: 100%; height: 100%;}
    .breve1 {overflow: hidden; display: flex; border: 3px white dotted; width: 320px; height: 223.85px; box-sizing: border-box; margin: 0 auto;}
    .breve1 img {width: 100%; height: 121%; object-fit: cover;}

    .video-bg .barra-texto .imagens .breve2,
    .video-bg .barra-texto .imagens .breve3 {max-width: 320px; max-height: 223.85px; display: flex; margin: 0 auto;}

    .atividades-recreacao-bg .texto-faixa,
    .chamada-bg .texto-faixa  {font-size: 70px;}
    .container.celebracao .programacao .lista-datas {flex-direction: column; width: fit-content; margin: 0 auto 25px; gap: 15px;}
    .container.celebracao .programacao .lista-datas .item-parent .item .titulo  {margin: 0 0 5px;}
    .container.celebracao .programacao .lista-datas .item-parent .item .texto,
    .container.celebracao .programacao .lista-datas .item-parent .item,
    .container.atividades-recreacao .atividade-card h3 ,
    .container.celebracao .programacao .lista-programacao .item .header {font-size: 24px;}
    .container.atividades-recreacao .atividade-card h3{margin: 0;}
    .playground .default-button,
    .banner .header {margin-top: 25px;}
    .banner .header .img {width: 180px;}
    .banner .header .btn-voltar {font-size: 22px;}
    .atividades-recreacao-bg .titulo small {font-size: 16px;}
    .atividades-recreacao-bg .titulo b {font-size: 80px;}
    .atividades-recreacao-bg .titulo {font-size: 28px; margin: 0 auto 20px;}
    .video .titulo {font-size: 28px; margin: 0 auto;}
    .container.atividades-recreacao .parent {flex: 0 0 45%;}
    .container.atividades-recreacao .atividades-flex {justify-content: center;}
    .atividades-recreacao-bg .default-button {margin: 25px auto 0;}
    .atividades-recreacao-bg {padding: 0 0 25px;}
    .playground-servicos .titulo b {font-size: 45px;}
    .servicos-lista .servico {font-size: 15px;}
    .servicos-lista .servico b {font-size: 17px;}
    .servicos-lista {max-width: 820px;}
    .playground-servicos .titulo h2 {font-size: 28px;}
    .video .titulo em {font-size: 35px;}
    .chamada-bg .chamada .content,
    .video-bg .video {gap: 12px;}
    .container.celebracao .programacao > .sub-titulo {margin: 0 0 15px;}
    .container.celebracao .programacao > .titulo span  {margin-bottom: -9px; margin-right: 0; font-size: 88px;}
    .servicos-lista .servico.visible {width: 100%; max-width: 165px;}
    .chamada .btn-zap {font-size: 15px; padding: 11px 18px 10px 20px; gap: 12px;}
    .chamada .btn-zap .img {width: 20px; height: 20px;}
    .chamada-bg {padding: 18px 0 25px;}
    .container.footer .parent .titulo {text-align: center;}
    .container.footer .parent .contatos {margin-top: 0 !important; gap: 15px !important;}
    .playground-bg,
    .video-bg,
    .container.celebracao {padding: 25px 0;}
    .atividades-recreacao-bg .faixa-bg {top: 78px;}
    .container.celebracao .programacao .lista-programacao  {margin: 0 0 25px;}
    .container.celebracao .programacao > .titulo::before {width: 100px; height: 100px; left: calc(50% - 240px); top: 70px; translate: -50%;}
    .video-bg .titulo-parent::after {width: 85px; height: 85px; top: -10px; background: url(../img/pacotes/ano-novo/pensao.png) center / contain no-repeat;}
    .container.footer .parent {display: flex !important; flex-direction: column; gap: 15px !important;}
    .container.footer .parent .titulo{font-size: 34px !important;}
    .container.footer .parent .titulo,
    .container.footer .parent .contatos {width: fit-content;}
    .container.atividades-recreacao .atividade-card li {margin: 0 0 6px;}
    .container.footer {padding: 25px 0 !important;}
    .chamada-bg .chamada {flex-direction: column; align-items: center; gap: 20px;}
    .container.celebracao .programacao > .titulo {font-size: 28px; line-height: 1.2;}
    .video-bg .default-button {margin: 0 auto;}
    .container.celebracao .programacao .lista-programacao .item .conteudo .lista-atividades .atividade .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;}
    .chamada-bg .chamada .title {margin: 0 auto; font-size: 28px;}
    .chamada-bg .chamada .text {text-align: center; font-size: 28px;}
    .chamada-bg .chamada .title b {font-size: 60px;}
    .chamada .btn-zap {margin: 20px auto 0;}
}
@media(max-width: 850px){
    .banner-bg .texto-principal h1::after {transform: scale(0.6) translate(-18px, -41px);}
    .banner-bg .texto-data {top: calc(-167px + 36vw);}
    .container.atividades-recreacao .parent .img {margin-bottom: 10px;}
    .container.celebracao .programacao .lista-programacao {margin: 0 0 30px;}
    .banner-bg .textos {display: flex; flex-direction: column; top: 50px;  transform: translate(-50%, 0);}
    .banner-bg .textos .texto-principal {position: static;}
    .banner-bg .textos .texto-principal br {display: none;}
    .banner-bg .textos .texto-principal .t1 {font-size: clamp(18px, 8vw, 60px); position: static; text-align: center;}
    .banner-bg .textos .texto-principal .t2 {font-size: clamp(40px, 14vw, 100px); position: static; text-align: center;}
    .banner-bg .textos .texto-principal .t2 .segundo {font-size: unset;}
    .banner-bg .textos .novila {padding: unset; margin: -30px auto 0; max-width: clamp(140px, 40vw, 340px);}
}

@media (max-width: 750px) {
    .container.atividades-recreacao .parent {flex: 0 0 100%; max-width: 400px;}
    .container.atividades-recreacao .atividades-flex {gap: 20px;}
    .container.celebracao .programacao .lista-programacao {display: flex; flex-wrap: wrap; justify-content: center;}
    .container.celebracao .programacao .lista-programacao .item-parent {flex: 0 0 100%; max-width: 470px;}
    .container.celebracao .programacao .lista-programacao .item .header .titulo {text-align: center;}
    .container.celebracao .programacao .lista-programacao .item .header {height: min-content; padding: 15px;}
    .video-bg .titulo-parent::after {right: -80px;}
    .banner-bg .textos .novila {margin-top: -10px;}

    .video-bg .barra-texto .imagens picture.img {max-width: 243px; max-height: 170px;}
    .breve1 {border: 3px white dotted;}
}

@media(max-width: 650px){
    .banner-bg {height: clamp(350px, 74vw, 654px);}
    .banner-bg .texto-data {top: calc(-20px + 15vw);}
    .banner-bg > .img img {object-position: 56%;}
    .banner-bg .texto-bonito {margin-top: -62px;}
    .banner .header .btn-voltar {font-size: 18px;}
    .video-bg .barra-texto {padding-bottom: 58px;}
    .chamada-bg .chamada .text,
    .chamada-bg .chamada .title,
    .video .titulo  {font-size: 24px;}
    .container.celebracao .programacao .lista-datas {gap: 20px;}
    .container.celebracao .programacao .lista-datas .item-parent .item {font-size: 24px;}
    .container.celebracao .programacao .lista-datas .item-parent .item .texto {font-size: 30px;}
    .banner .header .img {width: calc(56vw - 170px);}
    .video-bg .titulo-parent::after {width: 80px; height: 80px; right: 50%; top: -80px;}
    .container.celebracao .programacao > .titulo span {font-size: 60px;}
    .container.celebracao .programacao > .titulo::before {left: calc(50% - 170px); width: 80px; height: 80px; top: 40px;}
    .container.celebracao .programacao .lista-programacao .item .conteudo {padding: 24px 18px;}

    .video-bg .splide {max-width: 320px;}
    .video-bg .imagens .buttons {bottom: 47%;}
    .video-bg .novidade {top: unset; bottom: -120px; transform: scale(0.35); left: -125px;}
}

@media (max-width: 549px) {
    .banner-bg .texto-principal h1::after {transform: scale(0.37) translate(-145px, -93px);}
    .servicos-lista {justify-content: center;}
    .servicos-lista .servico{max-width: 145px;}
    .video-bg {padding: 25px 0;}
    .banner-bg .arara {right: -56px; max-width: 253px;}
    .chamada-bg .faixa-bg {position: unset;}
    .video-bg .titulo-parent::after {width: 72px; height: 72px;}
}

@media (min-width:481px) {
    .banner-bg .texto-data p br {display: none;}
}

@media(max-width: 480px){
    .banner-bg .texto-principal h1::after {display: none;}
    .banner-bg .texto-principal {bottom: 47%;}
    .container.celebracao .programacao .lista-datas .item-parent .item .texto {font-size: 21px;}
    .atividades-recreacao-bg .faixa-bg {top: 130px;}
    .container.celebracao .programacao > .titulo::before {display: none;}
    .banner .header .img {width: calc(65vw - 170px); transform: translate(-9%, -57%); min-width: 100px;}
    .banner-bg .texto-data {left: 15px; top: 25px; right: unset;}
    .banner .header .btn-voltar {font-size: 16px;}
    .banner-bg .detalhes {left: -30px;}
}

@media (max-width: 400px) {
    .banner-bg .textos {top: 80px;}
    .container.celebracao .programacao .lista-datas .item-parent .item .texto {font-size: 17px;}
    .video-bg .splide {max-width: 270px;}
    .video-bg .imagens .buttons .arrow {width: 30px; height: 30px;}
    .video-bg .imagens .buttons .arrow svg {width: 20px; height: 20px;}
    .video-bg .novidade {left: -135px;}
    .video-bg .barra-texto .imagens picture.img {max-width: 170px; max-height: 118.89px;}
    .video-bg .titulo-parent::after {right: 40%;}
}