:root {
  --c-branco: #FFF;
  --c-preto: #000;
  --c-default: #00b2bc;
  --c-azul: #003c7b;
  --c-verde: #00b2bc;
  --c-bege: #edf2ef;
  --c-cinza: #777;
  --c-cinza-claro: #EAEAEA;
  
  --frm-c-border: #e7e6d4;
  --frm-border-radius:10px;
  --frm-line-height: 46px;
  --frm-bg-submit: #003c7b;
  --frm-bg-submit-hover: #FFF;
  
  --wrapper: 1340px;
  
  --fs-big: 48px;
  --fs-medium: 42px;
  --fs-medium2: 28px;
  --ffs-small: 32px;
  
  --fsm-titulos: 34px;
  --fsm-medium: 32px;
  --fsm-medium2: 24px;
  --fsm-small: 32px;
}

@font-face {font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../css/Fonts/poppins-v23-latin_latin-ext-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins'; font-style: italic; font-weight: 400; src: url('../css/Fonts/poppins-v23-latin_latin-ext-italic.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('../css/Fonts/poppins-v23-latin_latin-ext-700.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins'; font-style: italic; font-weight: 700; src: url('../css/Fonts/poppins-v23-latin_latin-ext-700italic.woff2') format('woff2');}

*, *::before, *::after {box-sizing: border-box; }
* {margin: 0; padding: 0; border: 0;}
ul[role='list'], ol[role='list'] {list-style: none;}
html:focus-within {scroll-behavior: smooth;}

a:not([class]) {text-decoration-skip-ink: auto;}
a {color: var(--c-default); cursor: pointer; text-decoration: none;}
input[type='reset'], input[type='submit'], button, .alerta .box .cta div {cursor: pointer;}
a:hover,
[type='submit']:hover,
button:hover {text-decoration: none; transition: .3s all;}

img, picture, svg, video, canvas{max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; border: 0;}
input, button, textarea, select, optgroup, option, button, address, caption, cite, code, em, strong, th, var {font: inherit;}
fieldset { border: 0}

caption, th {text-align: left}
legend {color: var(--c-default)}

b, strong {font-weight: bold;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
p {text-wrap: pretty;}
h1, h2, h3, h4, h5, h6 {text-wrap: balance; font-size: 100%;}

select {color:var(--c-default); background: var(--c-branco) url(../images/ico-select.svg) calc(100% - 15px) center/12px no-repeat !important; appearance: none; text-indent: 1px; text-overflow: ''; }
input, select, textarea, button {outline: 0;}
input::placeholder {color: var(--c-default);}

input[type="number"] {-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {appearance: none;}

table {border-collapse: collapse; border-spacing: 0}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.last {margin-right:0px !important;}

.loading,
.alerta,
.menu-mobile,
.ico-menu {display: none;}

body, html {height: 100%; scroll-behavior: smooth;}
body {font-family: 'Poppins'; font-size: 18px; font-weight: 400; color: var(--c-default); line-height: 1; -webkit-font-smoothing: antialiased; max-width: 1920px; margin: 0 auto;}
.wrapper {max-width: var(--wrapper); padding: 0 20px; margin: 0 auto; position: relative;}

.loading,
.alerta {background: rgba(0,0,0, 0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
.loading .box {font-size: 22px; font-weight: bold; text-align: center; color: var(--c-branco); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.loading .box p {margin-top: 10px; animation-name: loadingblink; animation-duration: 0.6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; text-decoration: blink;}
@keyframes loadingblink {from {opacity: 1.0;} to {opacity: 0.0;}}

.alerta .box {text-align: center; background: var(--c-branco); border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 80px 35px 35px 35px; width: 370px; max-width: 100%;}
.alerta .box .icone {position: absolute; width: 100px; height: 100px; top: -50px; left: 50%; transform: translateX(-50%); border-radius: 50%;}
.alerta.error .box .icone {background: #e11640 url(../images/alert-error.svg) center/28px no-repeat;}
.alerta.success .box .icone {background: #1ba781 url(../images/alert-success.svg) center/34px no-repeat;}
.alerta.warning .box .icone {background:#fc5700 url(../images/alert-warning.svg) center/8px no-repeat;}
.alerta.info .box .icone {background:#418fea url(../images/alert-info.svg) center/16px no-repeat;}
.alerta .box .titulo,
.alerta .box .cta div {font-size: 18px; font-weight: bold;}
.alerta .box .mensagem {margin: 5px 0 15px 0; line-height: 1.2; font-size: 16px;}
.alerta .box .mensagem ul li {margin-top: 10px;}
.alerta .box .cta div {color: var(--c-branco); line-height: var(--frm-line-height); border-radius: var(--frm-border-radius); transition: 0.3s all;}
.alerta.error .box .cta div {background: #e11640;}
.alerta.success .box .cta div {background: #1ba781;}
.alerta.warning .box .cta div {background:#fc5700;}
.alerta.info .box .cta div {background:#418fea;}
.alerta .box .cta div:hover {opacity: 0.7;}

.footer-whatsapp {position: fixed; right: 20px; bottom: 20px; z-index: 99999; width: 60px; height: 60px; border-radius: 50%; transition: 0.5s all;}
.footer-whatsapp:hover {box-shadow: 2px 2px 19px 1px #00000040; opacity: 0.9;}

.lgpd {font-size: 14px; position: fixed; bottom: 20px; left: 20px; z-index: 999; background: var(--c-branco); padding: 20px; max-width: 435px; box-shadow: 0 0 10px rgba(0,0,0, 0.3);}
.lgpd .titulo {font-size: 18px; font-weight: bold;}
.lgpd .texto {margin: 10px 0;}
.lgpd a,
.lgpd .rejeitar, 
.lgpd .aceitar {margin-right: 10px; line-height: 32px; display: inline-block;}
.lgpd a {text-decoration: underline;}
.lgpd .rejeitar,
.lgpd .aceitar {cursor: pointer; padding: 0 15px; font-weight: bold;}
.lgpd .rejeitar {border: 1px solid var(--c-default);}
.lgpd .aceitar {background: var(--c-verde); color: var(--c-branco);}

.form .row {margin-bottom: 20px;}
.form .row.small2 {width: calc((100% - 20px) / 2); float: left; margin-right: 20px;}
.form .row label {display: block; margin-bottom: 5px; font-size: 16px;}
.form .row input,
.form .row select,
.form .row textarea {border: 1px solid var(--frm-c-border); line-height: 42px; border-radius: var(--frm-border-radius); padding: 0 15px; width: 100%; font-size: 16px; color: var(--c-default);}
.form .row textarea {height: 140px; resize: none; line-height: 1.4; padding: 15px;}
.form [type=submit] {float: right;}
.form .row input:focus,
.form .row select:focus,
.form .row textarea:focus {border: 1px solid var(--c-verde);}
.form .row input.required,
.form .row select.required,
.form .row textarea.required {border: 1px solid red;}

.form.form-ds160 .action a {float: left; }
.form.form-ds160 .action input {float: right;}
.form.form-ds160 .texto {margin-bottom: 30px;}
.form.form-ds160 label span {color: red; display: inline-block; margin-left: 2px;}
.form fieldset {border: 1px solid var(--frm-c-border); border-radius: var(--frm-border-radius); padding: 20px; margin-bottom: 30px;}
.form fieldset legend {padding: 0 10px; font-weight: bold;}
.form.form-ds160 .subtitulo {font-weight: bold; margin-bottom: 20px;}
.form.form-ds160 .obs {margin-bottom: 20px;}
.form.form-ds160 .subtitulo p,
.form.form-ds160 .obs p {margin-bottom: 15px;}
.form.form-ds160 .adicionar,
.form.form-ds160 .remover {display: inline-block; margin-bottom: 30px; text-decoration: underline;}
.form.form-ds160 .remover {margin-bottom: 0;}
.form.form-ds160-passo-8 .clone input {width: calc(100% - 110px);}
.form.form-ds160-passo-8 .remover {width: 110px; text-align: right;}
.form.form-ds160-passo-8 .box-clonar .clone:nth-of-type(1) input {width: 100%;}
.form.form-ds160-passo-8 p {margin-bottom: 15px;}

.form .checkbox {float: left; width: calc(100% - 290px);}
.form .checkbox input[type="checkbox"] {appearance: none; position: relative; width: 20px; height: 20px; background-color: var(--c-branco); border: 1px solid var(--frm-c-border); border-radius: 5px; float: left;}
.form .checkbox input[type="checkbox"]::before {content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: translate(-50%, -50%) scale(0); transform-origin: center; transition: 0.125s transform ease-in-out; box-shadow: inset 1rem 1rem var(--c-branco);}
.form .checkbox input[type="checkbox"]:checked {background-color: var(--frm-c-border); border-color: var(--frm-c-border);}
.form .checkbox input[type="checkbox"]:checked::before {transform: translate(-50%, -50%) scale(1);}
.form .checkbox input[type="checkbox"]:focus {border-color: var(--frm-c-border);}
.form .checkbox label {float: right; width: calc(100% - 30px); line-height: 24px; text-align: left;}
.form .checkbox label a {text-decoration: underline;}

.texto {line-height: 1.5;}
.texto p,
.texto ul {margin-bottom: 15px;}
.texto h2,
.texto h3,
.texto h4,
.texto h5,
.texto h6 {font-weight: bold; margin-bottom: 20px;}
.texto h2 {font-size: 24px;}
.texto h3 {font-size: 22px;}
.texto h4 {font-size: 20px;}
.texto h5 {font-size: 18px;}
.texto h6 {font-size: 16px;}
.texto ul li {list-style-image: url(../images/ico-bullet-list.svg); list-style-position: inside;}
.texto ul li p {display: inline-block;}
.texto ol li {list-style-position: inside;}
.texto p:last-child {margin-bottom: 0;}
.texto iframe.embed-responsive-item {width: 100%; aspect-ratio: 16 / 9;}

.link-inside {display: inline-block; line-height: var(--frm-line-height); background: var(--c-azul); border: 1px solid var(--c-branco); color: var(--c-branco); border-radius: var(--frm-border-radius); text-align: center; padding: 0 40px;}
.link-inside:hover {background: var(--c-branco); color: var(--c-azul); border: 1px solid var(--c-azul);}

.link-outside {display: inline-block; line-height: var(--frm-line-height); border: 1px solid var(--c-azul); color: var(--c-azul); border-radius: var(--frm-border-radius); text-align: center; padding: 0 40px;}
.link-outside:hover {background: var(--c-azul); color: var(--c-branco);}

.paginacao {margin: 50px; text-align: center; clear: both;}
.paginacao li {display: inline-table;}
.paginacao li a {display: block; text-align: center; line-height: 36px; width: 42px; padding-top: 3px;}
.paginacao li.first,
.paginacao li.last,
.paginacao li.hidden {display: none}
.paginacao li.selected a,
.paginacao li:hover a {color: var(--c-azul)}

a.pacote {display: flex; flex-direction: column; align-items: center; text-align: center;}
a.pacote:hover {opacity: 0.8;}
a.pacote .foto {width: 100%; height: 215px;}
a.pacote .foto img {object-fit: cover; height: 100%; border-radius: 20px 20px 0 0;}
a.pacote .nome {width: 100%; height: 52px; background: var(--c-azul); border-radius: 0 0 20px 20px; color: var(--c-branco); align-content: center;}

.cabecalho {position: relative; height: 700px; overflow: hidden;}
.cabecalho img {height: 700px; object-fit: none; object-position: center;}
.cabecalho h1,
.cabecalho .h1 {position: absolute; width: 100%; bottom: 250px; text-align: center; font-size: var(--fs-medium); font-weight: bold; color: var(--c-branco); text-shadow: 2px 2px 2px #000000;line-height: 1.3;}
#ds160 .cabecalho {height: 350px;}
#ds160 .cabecalho img {height: auto; object-fit: cover;}
#ds160 .cabecalho h1 {bottom: 75px;}

main {padding: 50px 0;}
main .wrapper {max-width: 1240px; margin: 0 auto;}

header {position: fixed; width: 100%; height: 140px; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); z-index: 999;}
header nav {max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 140px;}
header nav ul li {display: table-cell; position: relative;}
header nav ul.menu li a,
header nav ul.menu li span {display: block; padding: 0 25px; line-height: 34px; font-size: 20px; color: var(--c-azul); cursor: pointer;}
header nav ul.menu li a:hover,
header nav ul.menu li span:hover {color: var(--c-verde);}
header nav ul.menu li.menu-pacotes a,
header nav ul.menu li.menu-pacotes span {padding-right: 47px; background: url(../images/ico-submenu.svg) calc(100% - 25px) center/12px no-repeat;}
header nav li.menu-pacotes ul {display: none; position: absolute; transition: 0.3s all; background: var(--c-branco); z-index: 999; padding: 5px 0; width: max-content;}
header nav li.menu-pacotes ul li {display: table-row;}
header nav ul.menu li.menu-pacotes ul li a {padding: 0 25px; background: none; line-height: 44px;}
header nav ul.menu li.menu-pacotes:hover ul {display: block;}
header nav ul.redes-sociais li a {display: block; padding: 5px;}

#banner-intermediario {height: 650px; overflow: hidden; position: relative;}
#banner-intermediario img {height: 650px; object-fit: none; object-position: center; }
#banner-intermediario .box {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; background: rgba(0,50,123,0.7); color: var(--c-branco); padding: 50px 0;}
#banner-intermediario .box .titulo {font-size: 36px;}
#banner-intermediario .box .texto {font-size: var(--fs-medium2);}

#destaques {padding: 85px 0;}
#destaques .wrapper {display: flex; justify-content: space-around;}
#destaques .box {width: 288px;}
#destaques .box .titulo {font-size: var(--fs-medium); color: var(--c-azul);}
#destaques .box .texto {line-height: 1.6; margin: 20px 0;}
#destaques .box .link-outside {padding: 0; width: 100%;}

#banner-rodape {height: 900px; overflow: hidden; position: relative;}
#banner-rodape img {height: 900px; object-fit: none; object-position: center; }
#banner-rodape .box {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; background: rgba(0,50,123,0.7); color: var(--c-branco); padding: 50px 0;}
#banner-rodape .box .titulo {font-size: 26px; font-weight: bold;}
#banner-rodape .box .texto {line-height: 1.4; margin: 20px 0;}

footer {padding: 70px 0 60px 0; font-size: 16px; color: var(--c-azul);}
footer .wrapper {display: flex; justify-content: space-around;}
footer .titulo {font-weight: bold; margin-bottom: 10px;}
footer .redes-sociais li {float: left; margin-left: 10px;}
footer .redes-sociais li:nth-of-type(1) {margin-left: 0;}
footer .wcm3 {bottom: 0; position: absolute; width: 66px;}

#home .banners {height: 720px; overflow: hidden;}
#home .banners .banner {height: 720px; position: relative}
#home .banners .banner img {height: 720px; object-fit: none; object-position: center; transition: all 7s ease; transform: scale(1);}
#home .banners .banner .wrapper {position: absolute; bottom: 160px; left: 50%; transform: translateX(-50%); width: 1240px;}
#home .banners .banner .wrapper h1,
#home .banners .banner .wrapper h2 {font-size: var(--fs-medium); font-weight: bold; color: var(--c-branco); max-width: 480px; line-height: 1.2; text-shadow: 2px 2px 2px #000000;}
#home .banners .active img {transform: scale(1.05);}

#home .quem-somos {background: var(--c-bege); display: flex;}
#home .quem-somos .box {width: 50%; padding: 50px 90px; align-content: center;}
#home .quem-somos .box .titulo {font-size: var(--fs-medium);color: var(--c-azul);}
#home .quem-somos .box .texto {margin: 40px 0;}

#home .pacotes-categorias {padding: 85px 0;}
#home .pacotes-categorias h4 {text-align: center; font-size: var(--fs-medium); font-weight: normal; color: var(--c-azul); margin-bottom: 40px;}
#home .pacotes-categorias .destinos,
#home .pacotes-categorias .categorias {display: flex; gap: 50px;}
#home .pacotes-categorias .destinos a {display: block; width: 625px; height: 300px; position: relative;}
#home .pacotes-categorias .destinos a img,
#home .pacotes-categorias .categorias a img {position: relative; height: 100%; object-fit: cover; transition: 0.3s all;}
#home .pacotes-categorias .destinos a .categoria,
#home .pacotes-categorias .categorias a .categoria {position: absolute; background: rgba(0, 60, 123, 0.7); left: 0; bottom: 0; width: 100%; color: var(--c-branco); padding: 20px; font-size: var(--fs-medium2);; color: var(--c-branco); transition: 0.3s all;}
#home .pacotes-categorias .categorias {margin-top: 50px;}
#home .pacotes-categorias .categorias a {display: block; width: calc((100% - 150px) / 4); aspect-ratio: 1 / 1; position: relative;}
#home .pacotes-categorias .destinos a:hover .categoria,
#home .pacotes-categorias .categorias a:hover .categoria {background: var(--c-azul);}
#home .pacotes-categorias .destinos a:hover img,
#home .pacotes-categorias .categorias a:hover img {opacity: 0.8;}

#quem-somos .quem-somos {background: var(--c-bege); display: flex;}
#quem-somos .quem-somos:nth-child(odd) {flex-direction: row-reverse;}
#quem-somos .quem-somos .box {width: 50%; padding: 50px 90px; align-content: center;}
#quem-somos .quem-somos .box .titulo {font-size: var(--fs-medium);color: var(--c-azul);}
#quem-somos .quem-somos .box .texto {margin: 40px 0;}

#pacotes aside {float: left; width: 250px; padding: 0 30px;}
#pacotes aside h2 {color: var(--c-azul); font-size: 22px; font-weight: bold;}
#pacotes aside ul {margin: 10px 0 40px 0; border-top: 1px solid var(--c-cinza-claro);}
#pacotes aside ul li a {display: block; border-bottom: 1px solid var(--c-cinza-claro); padding: 10px;}
#pacotes aside ul li a.active,
#pacotes aside ul li a:hover {background: var(--c-cinza-claro);}
#pacotes .content {float: right; width: calc(100% - 250px); padding: 0 30px;}
.pacotes .items {display: flex; flex-wrap: wrap; gap: 40px;}
.pacotes .items a {width: 288px;}

#pacote .resumos {display: flex; justify-content: space-between; margin-bottom: 30px; color: var(--c-cinza);}
#pacote .resumos .valores .box-valores {line-height: 1.4;text-align: right; padding: 20px; border: 1px solid var(--c-cinza-claro);}
#pacote .resumos .valores .valor-partir,
#pacote .resumos .valores .valor-descricao {font-size: 14px;}
#pacote .resumos .valores .valor {color: var(--c-azul); font-size: 26px; font-weight: bold;}
#pacote .box-textos {float: left; width: calc(100% - 350px);}
#pacote .box-textos ul.menu-textos {display: table-row; z-index: 9; position: relative;}
#pacote .box-textos ul.menu-textos li {display: table-cell; border: 1px solid var(--c-cinza-claro); border-right: 1px solid var(--c-branco); background: var(--c-cinza-claro); padding: 10px 30px; cursor: pointer;}
#pacote .box-textos ul.menu-textos li.active {background: var(--c-branco); border-bottom: 1px solid var(--c-branco);}
#pacote .box-textos .box-texto {border: 1px solid var(--c-cinza-claro); padding: 25px; display: none; margin-top: -1px; position: relative; color: var(--c-cinza);}
#pacote .box-textos .box-texto.active {display: block;}
#pacote .galeria-fotos {float: right; width: 300px;}
#pacote .galeria-fotos a {display: block; width: 100%; aspect-ratio: 800 / 600; position: relative; overflow: hidden; border: 1px solid var(--c-cinza); margin-top: 40px;}
#pacote .galeria-fotos a img {object-fit: cover; width: 100%; height: 100%;}
#pacote .galeria-fotos a .overlay {background: rgba(0, 0, 0, 0.5) url(../images/ico-zoom.svg) center/60px no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.3s all;}
#pacote .galeria-fotos a:hover .overlay {background-color: rgba(0, 0, 0, 0);}

#vistos .cta {background: url(../images/banner-visto-americano.jpg) center no-repeat; width: 1200px; height: 500px; display: flex; align-items: center; justify-content: center; margin-top: 40px;}
#vistos .cta .box {text-align: center; background: rgba(0,50,123,0.7); color: var(--c-branco); padding: 50px 0; width: 100%; transition: 0.3s all;}
#vistos .cta:hover .box {background: rgba(0,50,123,0.9);}
#vistos .cta .box h3 {font-size: 36px; font-weight: bold;}
#vistos .cta .box p {line-height: 1.4; font-size: 22px; margin: 20px 0;}
#vistos .cta .box .link-outside {background: var(--c-branco); border: 1px solid var(--c-branco);}
#vistos .cta:hover .box .link-outside {background: var(--c-bege);}

#seguro-viagem .seguro-viagem {background: var(--c-bege); display: flex;}
#seguro-viagem .seguro-viagem .box {width: 50%; padding: 50px 90px; align-content: center;}
#seguro-viagem .seguro-viagem .box .titulo {font-size: var(--fs-medium);color: var(--c-azul); margin-bottom: 30px;}
#seguro-viagem .seguro-viagem .box .texto {margin: 40px 0;}

.postagens .items {display: flex; flex-wrap: wrap; gap: 50px;}
.postagens .items a {flex: 0 1 auto; width: calc((100% - 100px) / 3); box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.5); border-radius: var(--frm-border-radius);}
.postagens .items a .foto {aspect-ratio: 350 / 260; overflow: hidden;}
.postagens .items a .foto img {object-fit: cover; width: 100%; height: 100%; border-radius: var(--frm-border-radius) var(--frm-border-radius) 0 0;}
.postagens .items a .box {padding: 25px;}
.postagens .items a .box .data {font-size: 14px;}
.postagens .items a .box .titulo {font-size: 20px; line-height: 1.2; margin: 15px 0;}
.postagens .items a .box .resumo {color: var(--c-cinza); font-size: 16px; line-height: 1.2;}
.postagens .items a .box .continuar {margin-top: 20px; font-size: 14px;}
.postagens .items a:hover {box-shadow: 5px 5px 12px 1px rgba(0,0,0,0.6);}

#informacoes .post {float: left; width: 800px;}
#informacoes .post h1.titulo {font-size: 34px; line-height: 1.4; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--c-cinza-claro);}
#informacoes .post .data {font-size: 14px; float: left;;}
#informacoes .post .compartilhe {float: right; font-size: 14px;}
#informacoes .post .compartilhe li {margin-left: 15px; float: left; line-height: 22px;}
#informacoes .post .compartilhe li a {display: block;}
#informacoes .post .compartilhe li a img {transition: 0.3s all;}
#informacoes .post .compartilhe li:hover a img {opacity: 0.7;}
#informacoes .post .foto img {margin: 20px 0; width: 100%; border-radius: 10px;}
#informacoes .post .texto a {color: var(--c-azul); text-decoration: underline;}
#informacoes aside {float: right; width: 330px;}
#informacoes aside h2 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#informacoes aside .postagens .items {flex-direction: column; gap: 30px;}
#informacoes aside .postagens .items a {width: 100%;}

#contato .wrapper {margin-bottom: 50px;}
#contato .content {float: left; width: 60%;}
#contato .content .texto {margin-bottom: 30px;}
#contato aside {float: right; width: 35%;}
#contato aside .box {margin-bottom: 40px;}
#contato aside .box .titulo {font-weight: bold; margin-bottom: 10px;}
#contato .localizacao iframe {width: 100%; height: 660px; z-index: 9; position: relative; margin: 0;}

#erro main {text-align: center;}
#erro h2 {font-size: 32px; font-weight: bold; margin-bottom: 40px;}
#erro p {margin-top: 15px;}

@media (max-width:500px) {
  .wrapper {width: calc(100% - 30px); margin: 0 15px; padding: 0;}
  
  header {background: var(--c-branco); position: fixed; height: 100px; z-index: 50;}
  header .logo img {width: 101px; height: 70px; margin-left: 15px;}
  header .ico-menu {position: absolute; top: 30px; right: 15px; width: 40px; height: 40px; background: url(../images/ico-menu.svg) center/40px no-repeat; cursor: pointer; display: block;}
  header nav {height: 100px;}
  header nav ul,
  #pacotes aside {display: none;}
  
  #pacote .box-textos,
  #pacote .galeria-fotos,
  #informacoes .post,
  #informacoes aside,
  #informacoes .post .data,
  #informacoes .post .compartilhe,
  #contato .content,
  #contato aside,
  .form .row.small2,
  .form .checkbox,
  .form [type="submit"] {float: none; width: 100%; margin-right: 0;}
  
  .lgpd {width: 100%; padding: 15px; left: 0; transform: none; bottom: 0;}
  .lgpd a {display: block; float: none; margin: 0 0 10px 0;}
  
  .menu-mobile {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow-y: auto; background: var(--c-branco); z-index: 999; padding: 15px;}
  .menu-mobile .close {position: absolute; top: 30px; right: 15px; width: 40px; height: 40px; background: url(../images/ico-menu-close.svg) center/40px no-repeat; cursor: pointer; display: block;}
  .menu-mobile .menu {margin-top: 20px;}
  .menu-mobile .menu li a,
  .menu-mobile .menu li span {line-height: 40px; font-size: 22px; font-weight: bold;}
  .menu-mobile .menu li ul {margin-left: 25px;}  
  .menu-mobile .menu li ul li a {font-size: 20px; font-weight: normal;}
  .menu-mobile .box {border-top: 1px solid var(--c-cinza-claro); padding-top: 20px; margin-top: 20px;}
  .menu-mobile .box .titulo {font-weight: bold;}
  .menu-mobile .box .texto {font-size: 16px; line-height: 1.4;}
  .menu-mobile .redes-sociais {margin-top: 20px;}
  .menu-mobile .redes-sociais li {display: table-cell}
  .menu-mobile .redes-sociais li a {display: block; padding: 5px;}
  
  .cabecalho,
  .cabecalho img,
  #ds160 .cabecalho,
  #dsa60 .cabecalho img {height: auto; aspect-ratio: 414 / 230;}
  .cabecalho h1, .cabecalho .h1,
  #ds160 .cabecalho h1 {bottom: 50%; transform: translateY(50%); font-size: 28px;}
  
  
  #banner-intermediario {height: 600px; overflow: hidden; position: relative;}
  #banner-intermediario img {height: 600px; object-fit: none; object-position: center; }
  
  #banner-intermediario .box .titulo,
  #banner-rodape .box .titulo {font-size: 26px; font-weight: bold; line-height: 1.2;}
  #banner-intermediario .box .texto {font-size: 18px; line-height: 1.4;}
  #banner-rodape,
  #banner-rodape img {height: 600px;}
  #destaques .wrapper {flex-direction: column; gap: 40px;}
  #destaques .wrapper .box {width: 100%;}
  a.pacote .foto img {width: 100%;}
  .pacotes .items {flex-direction: column; width: calc(100% - 30px); margin: 0 15px;}
  .pacotes .items a {width: 100%;}
  
  article {margin-top: 100px;}
  header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; background: #FFF;}
  
  #home .banners,
  #home .banners .banner,
  #home .banners .banner img  {height: auto; aspect-ratio: 414 / 580;}
  #home .banners .banner .wrapper {bottom: 50px; left: 0; transform: translateX(0); width: calc(100% - 30px); margin: 0 15px;}
  #home .banners .banner .wrapper h1,
  #home .banners .banner .wrapper h2 {font-size: var(--fs-medium); text-align: center;}
  #home .banners .active img {transform: scale(1);}
  #home .banners {margin-top: 100px;}
  #home .quem-somos {flex-direction: column;}
  #home .quem-somos .box {padding: 40px 15px; width: calc(100% - 30px);}
  #home .quem-somos .box .titulo,
  #home .pacotes-categorias h4,
  #destaques .box .titulo {font-size: var(--fsm-titulos);}
  #home .pacotes-categorias .destinos a .categoria, #home .pacotes-categorias .categorias a .categoria {font-size: var(--fsm-medium2);}
  #home .pacotes-categorias .destinos, #home .pacotes-categorias .categorias {flex-direction: column; width: 100%;}
  #home .pacotes-categorias .destinos a  {width: 100%; aspect-ratio: 625 / 300;}
  #home .pacotes-categorias .categorias a {width: 100%;}
  #home .pacotes-categorias .categorias a img {aspect-ratio: 1 / 1; width: 100%;}
  footer .wrapper {flex-direction: column; gap: 40px;}
  
  #quem-somos .quem-somos {flex-direction: column !important;}
  #quem-somos .quem-somos .box {width: 100%; padding: 40px 15px;}
  #quem-somos .quem-somos .box .titulo {font-size: var(--fsm-medium);}
  #quem-somos .quem-somos .box .texto {margin: 20px 0 0 0;}
  
  #seguro-viagem .seguro-viagem {flex-direction: column !important;}
  #seguro-viagem .seguro-viagem .box {width: 100%; padding: 40px 15px;}
  #seguro-viagem .seguro-viagem .box .titulo {font-size: var(--fsm-medium); margin-bottom: 0;}
  #seguro-viagem .seguro-viagem .box .texto {margin: 20px 0 0 0;}
  #seguro-viagem .seguro-viagem .box .destino-seguro-viagem {margin-top: 30px; padding: 0 20px;}
  
  #pacotes .content {float: none; width: 100%; padding: 0;}
  #pacote .resumos {flex-direction: column; gap: 30px;}
  
  #pacote .box-textos ul.menu-textos {display: table; width: 100%;}
  #pacote .box-textos ul.menu-textos li {display: table; padding: 15px; width: 100%; font-size: 20px;}
  #pacote .box-textos ul.menu-textos li.active {font-weight: bold;}
  
  #vistos .cta {width: 100%; height: auto; aspect-ratio: 1200 / 500; background-size: cover;}
  #vistos .cta .box {padding: 30px 15px;}  
  #vistos .cta .box h3 {font-size: 30px;margin-bottom: 15px;}
  #vistos .cta .box p {font-size: 18px;}
  
  .postagens .items {flex-direction: column;}
  .postagens .items a {width: 100%;}
  #informacoes .post h1.titulo {font-size: var(--fsm-medium2); line-height: 1.2;}
  #informacoes .post .compartilhe {margin-top: 15px;}
  #informacoes .post .compartilhe li:nth-of-type(1) {margin-left: 0;}
  
  .form .checkbox label {font-size: 16px;}
  .form [type="submit"] {margin: 30px 0 50px 0;}

  .form.form-ds160 .action a {width: 100%;}
  
  
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {scroll-behavior: auto;}
}