.banner-bg {position: relative; height: 760px;}
.banner-bg > .img {position: absolute; width: 100%; 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: 65px;}
.banner .header .img {display: flex; align-items: center; justify-content: center; position: absolute; transform: translate(-0%, -58%); 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;}


.chamada-bg {overflow: hidden; position: relative; background-image:radial-gradient(circle, #00A68B 12px, transparent 13px); background-size: 45px 30px; background-repeat: repeat-x; background-position: 49.5% 52%; padding: 177px 0 113px;}
.chamada-bg .texto-faixa {font: 126.12px / 1 parkinsans-bold; color: white; text-shadow: -1px -1px 0 #00A68B, 1px -1px 0 #00A68B, -1px  1px 0 #00A68B, 1px  1px 0 #00A68B;}
.chamada-bg .faixa-conteudo {display: flex; align-items: center;}
.chamada-bg .faixa-bg {overflow: hidden; transform: rotate(-3deg); position: absolute; top: 61px; z-index: -1;}
.chamada-bg .chamada {display: flex; align-items: flex-end; justify-content: space-between;}
.chamada-bg .chamada .content {display: flex; flex-direction: column; align-items: center; gap: 82px;}
.chamada-bg .chamada .title {display: block; font: 61px / 1 parkinsans-bold; color: #000; white-space: nowrap;}
.chamada-bg .chamada .title b {font: 128px / 1 authenticsignature; color: #00A68B;}
.chamada-bg .chamada .text {display: flex; align-items: flex-end; flex-direction: column; justify-content: center; text-align: right; font: 48.58px / 1.2 parkinsans-bold; white-space: nowrap;}
.chamada-bg .chamada > .img {display: flex; align-items: center; justify-content: center; max-width: 564px; max-height: 648px; width: 100%; height: 100%;}
.chamada-bg .chamada > .img img {display: block; 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/dia-da-independencia/ceu.jpg) no-repeat center center / cover; padding: 72px 0 92px 0;}
.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/dia-da-independencia/pensao.png) no-repeat center; top: -27px; right: -123px; translate: 50%;}
.video .titulo {font: 40px / 1.1 parkinsans-bold; color: #fff;}
.video .titulo em {font: 61px / 1.1 parkinsans-bold; color: #fff;}
.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{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: #00A68B;}
.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/dia-da-independencia/pensao.png) center / contain no-repeat; bottom: -25px; left: 121px;}
.container.celebracao .programacao > .titulo span {font: 110px authenticsignature; color: #00A68B; margin: 0 25px -28px 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; width: 100%; max-width: 356.6px;}
.container.celebracao .programacao .lista-datas .item-parent .item{display: flex; align-items: center; justify-content: flex-start; width: 100%; font: 28.12px var(--font1); flex-direction: column;}
.container.celebracao .programacao .lista-datas .item-parent .item .conteudo {width: 100%; display: flex; height: 67px; border-radius: 5px; box-sizing: border-box; justify-content: space-between; gap: 10px; align-items: center; background: #00A68B; padding: 20px;}
.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: 30px; 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: 29.28px 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);}
@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: #FFBA00; 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: #00A68B;}
.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);}
.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: #FFBA00; 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 #00A68B, 1px -1px 0 #00A68B, -1px  1px 0 #00A68B, 1px  1px 0 #00A68B;}
.atividades-recreacao-bg .faixa-conteudo {display: flex;}
.atividades-recreacao-bg .faixa-bg {overflow: hidden; transform: rotate(-3deg); position: absolute; top: 206px; z-index: -1;}


@media(max-width: 1250px){
    .banner-bg {height: 58vw;}
    .chamada-bg {padding: 40px 0 60px; background: none;}
    /* .chamada-bg .chamada > .img img {width: 80%;} */
    .chamada-bg .chamada .title {font-size: 45px; margin-left: auto;}
    .chamada-bg .chamada .title b {font-size: 90px;}
    .chamada-bg .chamada .content {gap: 25px;}
    .chamada-bg .chamada .text {font-size: 40px; white-space: normal;}
    .chamada-bg .chamada .text br {display: none;}
    .chamada-bg .faixa-bg {top: 80px;}
    .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);}
}

@media (max-width: 1150px) {
    .container.celebracao .programacao .lista-datas {flex-wrap: wrap;}
}

@media(max-width: 990px){
    .chamada-bg .faixa-bg {top: 0;}
    .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; top: 3vw;}
    .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/dia-da-independencia/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;}
    .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){
    .chamada-bg .chamada {flex-direction: column; align-items: center;}
    .chamada-bg .chamada .text {align-items: center; text-align: center;}
    .chamada-bg .chamada .title {margin: 0 auto;}
    .chamada-bg .chamada > .img {}
    .chamada-bg .faixa-bg {top: 0;}
    .chamada-bg {padding: 60px 0 25px;}
    .container.atividades-recreacao .parent .img {margin-bottom: 10px;}
    .container.celebracao .programacao .lista-programacao {margin: 0 0 30px;}
}

@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;}
}

@media(max-width: 650px){
    .banner-bg {height: 56vw;}
    .banner-bg > .img img {object-position: 56%;}
    .banner .header .btn-voltar {font-size: 18px;}
    .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 {top: 2vw; width: calc(56vw - 170px);}
    .video-bg .titulo-parent::after {width: 80px; height: 80px; right: calc(-50vw + 220px); top: -68px;}
    .container.celebracao .programacao > .titulo span {font-size: 60px;}
    .container.celebracao .programacao > .titulo::before {left: calc(50% - 170px); width: 80px; height: 80px; top: 40px;}
}

@media (max-width: 549px) {
    .servicos-lista {justify-content: center;}
    .servicos-lista .servico{max-width: 145px;}
    .video-bg {padding: 50px 0 25px;}
    .video-bg .titulo-parent::after {width: 72px; height: 72px; right: calc(-50vw + 220px); top: -75px;}
    .chamada-bg .faixa-bg {top: -30px;}
}

@media(max-width: 480px){
    .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;}
    .chamada-bg {padding: 60px 0 45px;}
}