/*
Theme Name: Casas Norte
Theme URI: http://casasnorte.com/f
Author: Seu Nome
Author URI: http://casasnorte.com/
Description: Tema personalizado para o site Casas Norte
Version: 1.0
*/

/* No seu CSS ou diretamente no header */
.debug * {
    outline: 1px solid red !important;
}
.debug-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 10px;
    z-index: 9999;
}

* { margin: 0; padding: 0; box-sizing: border-box;}
body, html { max-width: 100%; height: 100%; font-family: 'Montserrat'; font-weight: normal; scroll-behavior: smooth; /* Rolagem suave */}
p{font-family: 'Poppins'; font-weight: 300; font-size: 13px;}
h2 { font-weight: 400;}
h3 { font-weight: 500;}
body.no-scroll { overflow: hidden; /* Desativa a rolagem */}
a{font-family: 'Poppins'; font-weight: 300; text-decoration: none; color:#fff;}
/*GERAL*/
.main-container{background-color: #ffffff;}
/*END*/

/*STYLE SETAS*/
.seta1, .seta2, .seta5, .seta6, .seta12, .seta7, .seta14, .seta22, .seta24, .seta25, .seta26, .seta9, .seta27, .seta11, .seta13, .seta10{position: relative; top: 0.75rem;}
.setadown1 {position: relative; right: 2.8rem;}
/*END STYLE SETAS*/

/*STYLE FOOTER*/
.footer-faqs{ background-color: #20252D; height: -webkit-fill-available;}
.footer-mob{display: none;}
.divider-footer { width: 100%; background: #fafafa; margin: 12px 0 40px;}
.section-footer {width:100%; display: flex; justify-content: center; gap: 6px; padding-left: 4rem; padding-right: 4px; padding-bottom: 12px; margin-top: 1em;}
.icon { text-align: center;}
.icon img { max-width: 25px; height: auto; color: #ffffff; padding: 3px; margin-bottom: 15px; cursor: pointer;}
.icon a::before { content: none;}
.footer-desk{display:block;}
.fa-brands, .fab{font-size: 1.2em; padding: 0.3em;}
.fa-copyright{padding-right: 3px;}
#cookieOverlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; display: block;}
#cookieConsent{display:block;}
#Consent {background-color: #20252d; padding: 20px 33px; position: fixed; bottom: 0px; width: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); z-index: 1000; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; color: #fff;}
#cookieConsent p {font-size: 11px; text-align: left; line-height: 1.3; font-weight: 300; font-family: 'Montserrat'; margin-right: 2em; display: inline-block; margin: 0; flex: 1;}
#cookieConsent a { text-decoration-color: #20252d; color: #20252d; font-weight: 500;}
.declineCookies, .acceptCookies {display: inline-block; margin-left: 1em; /* Espaçamento entre o texto e os botões */}
.declineCookies {background-color: transparent; color: #fff; padding: 8px 14px; border: solid 1px #a1a1a1; cursor: pointer; font-size: 9px;}
.acceptCookies {background-color: #fff; color: #000; padding: 7px 14px; border: solid 1px #a1a1a1; cursor: pointer; font-size: 10px;}
.footer-contacts{ background-color: #20252D; height: 65.3vh;}
.row-footer{width:100%}
.column-footer{float: left; width: 33.33%; padding: 0px; gap: 1em; z-index: 0; position: relative; align-content: center; justify-content: center; display: grid;}
.icon-container { display: flex; justify-content: right; width:100%;}
.contactos-info{color: #fff; text-decoration: none; font-size: 13px; text-align: right;}
.contactos-info a{text-decoration: none; color: #fff; line-height: 2.8;}
.menu-footer {text-align: left; color: #fff;}
.menu-footer a{color: #fff; font-size: 13px; text-decoration: none; line-height: 1.8;}
.menu-footer2 {text-align: right; font-size: 13px; line-height: 1.8;}
.menu-footer2 a{color: #fff; font-size: 13px; text-decoration: none; line-height: 1.8;}
.made-by {align-content: center; justify-content: center; display: flex; padding-top: 0rem; font-size: 10px;}
.container-news {text-align: center; padding: 2rem 0rem 2rem 3rem;}
.container-news h1 {margin-bottom: 20px; color: #fff; font-weight: 300; font-size: 13px; letter-spacing: 4px;}
.news-form {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.input-group-news {display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; width: 100%; justify-content: center; margin-left: 0rem;}
.name-news {width: 24%; margin-right: 10px; background-color: transparent; border-bottom: solid 1px #fff; color: #fff; font-size: 13px;}
.email-news {width: 70%; padding: 0px; margin-right: 0px; background-color: transparent; border-bottom: solid 1px #fff; color: #fff; font-size: 13px;}
.checkbox-group-news {display: flex; flex-direction: row; align-items: center; text-align: left;}
#autorizacao {margin-right: 0em; width: 9px; margin-bottom: 6px;}
.autorizacao {display: block; margin-bottom: 8px; font-weight: 300; color: #fff; font-size: 10px; margin-bottom: 5px; margin-left: 5px;}
.btn-news {cursor: pointer; align-self: flex-end;}
input, select, textarea { height: 14px; width: 150px; border: none; border-bottom: 1px solid #000; outline: none; padding: 0px 0px; border-radius: 0px;}
.column-4footer .left-column-contactos {width: 50%; justify-content: center; align-content: center; display: grid;}
.column-4footer { width: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.footer-desk{display:block;}
/*.linha {text-decoration: overline; text-decoration-color: yellow; text-decoration-thickness: 2px; /* Ajusta a espessura }*/
/*END STYLE FOOTER*/

/*HEADER*/
.hero-geral {background-color: #20252D; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 18vh; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 0; transition: height 0.3s ease-in-out; /* Adiciona transição suave */}
.buttons {position: absolute; top: -0.5em; right: 6em; display: flex; gap: 0px;}
.buttons-mob{display:none;}
.casasnorte {font-family: 'Montserrat'; font-weight: 700; font-size: 15px; letter-spacing: 3mm; position: absolute; top: 4rem; left: 50%; transform: translateX(-50%); color: #fff;}
.sub_btn {padding-top: 0em; padding-right: 0em; position: absolute; top: 2em; right: 11.5em;}
.small-btn-topo { height: 40px; font-size: 9px; font-weight: 700; line-height: 1.4; width: 150px; display: flex; text-align: center; text-decoration: none;}
.nav-toggle-button__icon2 {background: none; border: none; color: #ffffff; cursor: pointer; font-size: 24px; position: absolute; top: 2.5em; right: 1em;}
.nav-toggle-button__icon2 img { width: 33px; height: 26px;}
.nav-toggle-button__icon2:focus { outline: none;}
.nav-toggle-button__icon:hover { color: rgb(213, 213, 213);}
.nav-toggle-button__icon { background-color: transparent; color: #ffffff; border: none; padding: 10px 20px; font-size: 30px; cursor: pointer; transition: background-color 0.3s ease;}
.nav-toggle-button__icon { font-size: 24px; padding: 10px;}
.overlay-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #20252D; transition: top 1s ease, opacity 1s ease; display: none; z-index: 1000; transition: opacity 1s ease;}
.overlay-menu.show { display: block; opacity: 1;}
.menu1-container { position: fixed; top: -50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; border-radius: 8px; z-index: 1001; display: none; text-align: center; width: 100%; transition: background-color 0.5s ease;}
.menu1-container.show { animation: slideDown 0.5s forwards; display: block; /*background-color: rgba(0, 0, 0, 0.175); /* Fundo sólido após a animação */}
.menu1-container a { display: inline-block; /* Alterado para inline-block */ margin-bottom: 10px; color: #ffffff; text-decoration: none; font-size: 25px; position: relative; /* Necessário para o ::after */ z-index: 1;}
.menu1-container a::after { content: ''; position: absolute; bottom: 0px; /* Ajusta a posição da linha */ left: 0; width: 100%; height: 4px; /* Linha mais grossa */ background-color: #FFDE59; transform: scaleX(0); transform-origin: bottom left; /* Origem da transformação no início */ transition: transform 0.8s ease-out; z-index: -1;}
.menu1-container a:hover::after { transform: scaleX(1);}
.menu1-container a:not(:hover)::after { transform: scaleX(0); transform-origin: bottom right; /* Origem da transformação no fim */ transition: transform 0.5s ease-in; /* Suaviza o efeito ao retirar o mouse */}
.menu-logo{ position: relative; justify-content: left; display: flex; left: 4em; top: -6em;}
.logo-menu{ max-width: 281px; position: absolute; top: -5.5em; left: 4em;}
.close-button { position: fixed; top: 1em; right: 4em; font-size: 57px; background: none; border: none; color: #fff; cursor: pointer; z-index: 1001; display: none; font-weight: 100; font-family: futura;}
.language-switcher {background-color: transparent; top: 1em; position: relative; right: 1em;}
.language-switcher option {color: #000;}
#languageDropdown {width: 100%; background-color: transparent; color: #fff; border-bottom-color: #fff; font-size: 10px;}
#language-dropdown{background-color:transparent; height: 29px; width:100%;}
#language-selector{padding-top:1.5rem;}
.divider {width: 100%; background: #000; margin: 10em 0 2em; height: 1px; border: none; color: #000;}
.menu { align-self: flex-start; margin-left: 8.5em;}
.menu-geral {display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 2rem; background-color: #20252D; height: 0vh;}
.menu-geral ul { list-style: none; display: flex; /* Flex layout para itens lado a lado */ gap: 15px; /* Espaçamento entre os itens */ padding-top: 1rem;}
.menu-geral ul li { display: inline; /* Itens de lista em linha */}
.menu-geral ul li a { color: #000; text-decoration: none; font-size: 13px; transition: color 0.3s ease; font-weight: 500; position: relative; z-index: 1;}
.btn-menu { background-color: transparent; color: #000; border: solid 1px #000; padding: 13px 7px; font-size: 9px; cursor: pointer; /* transition: background-color 0.3s ease; */ padding-left: 1em;}
.hero {background: url(../img/minimalist-spacious-interior-design-1.webp) no-repeat center center / cover; background-repeat: no-repeat; background-position: center center; background-position-y:0%; background-size: cover; background-position-x: 0em; height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 0;}
.btn { background-color: transparent; color: #fff; border: solid 1px #FFDE59; padding: 4px 7px; padding-left: 1em; font-size: 16px; cursor: pointer; /* transition: background-color 0.3s ease;*/}
.btn-sticky{background-color: transparent; color: #fff; border: solid 1px #FFFFFF; padding:11px 7px; font-size: 11px; cursor: pointer; /* transition: background-color 0.3s ease; */ padding-left: 1em;}
.small-btn { height: 40px; font-size: 13px; font-weight: 700; line-height: 1.4; width: 9em; display: flex; text-align: center; text-decoration: none;}
.btn:hover{ transform: translateX(0%) scale(1.1); /* Aumenta o tamanho do botão */}
.menu-logo{ position: relative; justify-content: left; display: flex; left: 4em; top: -6em;}
.logo-menu{ max-width: 281px; position: absolute; top: -5.5em; left: 4em;}
@keyframes slideDown {  0% {top: -50%; opacity: 0; } 100% { top: 50%; opacity: 1; }}
@keyframes fadeOutOverlay { 0% { opacity: 1; } 100% { opacity: 0; }}
.menu1-container { position: fixed; top: -50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; border-radius: 8px; z-index: 1001; display: none; text-align: center; width: 100%; transition: background-color 0.5s ease;}
.menu1-container.show { animation: slideDown 0.5s forwards; display: block; /*background-color: rgba(0, 0, 0, 0.175); /* Fundo sólido após a animação */}
.title {color: #000; margin-right: 1em; font-weight: 500; padding-top: 2em; font-size: 1.8rem; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0.7em; text-align: center; top: 50%; position: absolute; text-align: center; justify-content: center; align-content: center; flex-wrap: wrap; display: flex;}
.scroll-button { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); background: none; border: none; cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; align-content: center; justify-content: center; flex-wrap: wrap; display: flex;}
.scroll-button:hover { transform: translateX(-50%) scale(1.1); /* Aumenta o tamanho do botão */ opacity: 0.8; /* Torna o botão ligeiramente transparente ao passar o mouse */}
.scroll-icon { width: 32px; /* Tamanho da imagem */ height: 32px; /* Tamanho da imagem */}
.serv-mobile{display:none;}
.serv-mobile-pservicos{display:none;}
.hero-mob{display: none;}
.top{display:none;}
.img-why-mobile{display:none}
.menu { align-self: flex-start; margin-left: 8.5em;}
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 81vh; background-size: cover; background-position: center center;}
.menu-about ul { list-style: none; display: flex; /* Flex layout para itens lado a lado */ gap: 15px; /* Espaçamento entre os itens */ padding-top: 0rem;}
.menu-about ul li { display: inline; /* Itens de lista em linha */}
.menu-about ul li a { color: #000; text-decoration: none; font-size: 13px; transition: color 0.3s ease; font-weight: 500; position: relative; z-index: 1;}
.menu-services {background-position-y: 90%; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/relaxing.jpg); height: 81vh; background-size: cover;}
.menu-services ul { list-style: none; display: flex; /* Flex layout para itens lado a lado */ gap: 15px; /* Espaçamento entre os itens */ padding-top: 0rem;}
.menu-services ul li { display: inline; /* Itens de lista em linha */}
.menu-services ul li a { color: #000; text-decoration: none; font-size: 13px; transition: color 0.3s ease; font-weight: 500; position: relative; z-index: 1;}
/* No seu main.css ou em um style tag nas páginas */
body.page-blog #hamburger, body.single-post #hamburger {position: fixed; top: 30px; right: 30px; z-index: 1000;}
body.page-blog .menu-overlay, body.single-post .menu-overlay {z-index: 999;}
/*END HEADER*/

/*MENU HAMBURGER*/
/* Desativa o scroll quando o menu está aberto */
body.menu-open {overflow: hidden;}
/* Oculta o menu-home ul e o title-home-topo quando o menu está aberto */
body.menu-open .menu-home ul, body.menu-open .top-home .title-home-topo {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .menu-about ul, body.menu-open .menu-about .title-home-topo {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .menu-geral ul, body.menu-open .menu-geral .title-home-topo {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .menu-services ul, body.menu-open .menu-services .title-home-topo {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .topo-aventuras, body.menu-open .agua, body.menu-open .section-aventuras {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .topo-contactos, body.menu-open .section-blocos-contactos, body.menu-open .topo-termos {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .topo-experiencias, body.menu-open .experiencias, body.menu-open .section-experiencias {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .topo-adicionais, body.menu-open .section-aditional-services {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}
body.menu-open .topo-menu {visibility: hidden; /* Oculta os elementos, mas mantém seu espaço no layout */}

/* Botão do hamburger */
.hamburger {position: absolute; top: 3.5rem; right: 20px; background: none; border: none; cursor: pointer; z-index: 1000; padding: 10px;}
.hamburger-line {display: block; width: 28px; height: 1px; background: #fff; position: relative; transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger-line::before, .hamburger-line::after {content: ''; position: absolute; width: 100%; height: 100%; background: #fff; left: 0; /* Garante que os traços estejam alinhados */ transition: transform 0.3s ease, top 0.3s ease;}
.hamburger-line::before {top: -6px;}
.hamburger-line::after {top: 6px;}
/* Transformação do hamburger em X */
.hamburger.active .hamburger-line {transform: rotate(45deg);}
.hamburger.active .hamburger-line::before {top: 0; transform: rotate(90deg);}
.hamburger.active .hamburger-line::after {top: 0; transform: rotate(90deg); opacity: 0;}
/* Camadas do menu */
.menu-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; overflow: hidden; z-index: 999; /* Garante que o menu fique à frente de todo o conteúdo */}
.gold-layer, .black-layer {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 1s ease; /* Transição mais lenta */}
.gold-layer { background: #FFF; /* Dourado */ z-index: 1; transform: translateY(-100%); display: flex; justify-content: center; align-content: center; flex-wrap: wrap;}
.gold-layer-title{color: #000; letter-spacing: 1.2rem; word-spacing: 2rem; font-family: 'Montserrat';}
.black-layer {background: #20252d; /* Preto */ z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; /* Alinha o conteúdo na parte inferior */ align-items: center; padding-bottom: 5.6rem; /* Espaço na parte inferior */ transform: translateY(-100%);}
/* Mostrar camadas ao abrir o menu */
.menu-overlay.active {visibility: visible;}
.menu-overlay.active .gold-layer {transform: translateY(0);}
.menu-overlay.active .black-layer {transform: translateY(0); transition-delay: 1s; /* Atraso maior para o layer preto aparecer */}
.menu-overlay.closing .black-layer {transform: translateY(-100%); transition: transform 1s ease;}
.menu-overlay.closing .gold-layer {transform: translateY(-100%); transition: none;}
/* Opções do menu */
.menu-options {list-style: none; padding: 0; text-align: left; margin-bottom: 4rem; /* width: 14rem; */ position: relative; width: 29rem;}
.menu-options li {margin: 25px 0; position: relative; /* Para posicionar o dropdown corretamente */}
/* Opções do menu */
.menu-options a {color: #FFF; /* Branco por padrão */ text-decoration: none; font-size: 0.95rem; font-family: 'Montserrat'; letter-spacing: 6px; transition: color 0.3s ease; cursor: pointer;}
/* Opções inativas ficam cinza escuro quando há uma ativa */
.menu-options a.inactive {color: #545454; /* Cinza escuro */}
/* Quando a opção do menu está ativa, fica branca */
.menu-options a.active {color: #FFF;}
/* Estiliza o chevron */
.chevron {display: inline-block; width: 8px; height: 8px; border-left: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; pointer-events: auto; margin-left: 8px; transition: transform 0.3s ease, border-color 0.3s ease; position: relative; float: right; transform: rotate(-45deg);}
/* Quando o menu está ativo, o chevron aponta para cima */
.menu-options a.active .chevron {transform: rotate(135deg) !important; border-color: #444; /* Cinza escuro quando ativo */}
/* Efeito de zoom out ao passar o rato */
.dropdown a {transition: all 0.3s ease; font-size: 13px; /* Tamanho base */ color: #FFF; font-family: 'Montserrat'; letter-spacing: 1px; word-spacing: 3px; font-weight: 500;}
.dropdown a:hover {font-size: 14px; /* Aumenta o tamanho */ transform: scale(1.05); /* Dá leve destaque */}
#dropdown-toggle{position: relative;float: inline-end;}
.dropdown {list-style: none;padding: 0;max-height: 0; /* Inicialmente fechado */overflow: hidden;transition: max-height 0.5s ease; /* Transição mais lenta */margin-top: 0.5rem;}
.dropdown li {margin: 12px 0;}
/* Mostrar dropdown ao clicar */
.dropdown.active {max-height: 250px; /* Altura máxima do dropdown */}
/* Ícones das redes sociais */
.social-icons {display: flex;flex-direction: column;align-items: center;gap: 15px;border-top: solid 1px #3d3d3d;padding: 3rem 7rem;}
.social-icons .social-title {color: #FFF;font-size: 13px;margin-bottom: 10px;text-align: center;font-family: 'Montserrat';letter-spacing: 6px;}
.social-icons .icons-container {display: flex;gap: 15px;}
/* Ícones das redes sociais */
.social-icons img{width: 13px;}
.gold-layer .gold-layer-text {color: #fff;font-size: 26px;text-align: center;justify-content: center;align-content: center;position: relative;font-family: 'Montserrat';letter-spacing: 6px;display: flex;flex-wrap: wrap;/* bottom: 0rem; */top: 50%;font-weight: 500;}
.social-icons-mob .social-title-mob {color: #FFF;font-size: 10px;margin-bottom: 10px;text-align: center;font-family: 'Montserrat';letter-spacing: 6px;margin-bottom: 4rem;}
.social-icons-mob .icons-container-mob {display: flex;gap: 15px;}
/* Ícones das redes sociais */
.redes{width: 13px;}
.section-logo-form {justify-content: center;align-content: center;display: flex;flex-wrap: wrap;padding-top: 25px;}
.copyright {color: #c7c7c7; letter-spacing: 3px; font-size:10px;}
.email-news {width: 95%;padding: 0px;margin-right: 0px;background-color: transparent;border-bottom: solid 1px #3d3d3d;color: #fff;font-size: 13px;font-family: 'Montserrat';letter-spacing: 2px;padding-bottom: 5px;}
#menu-options-footer{list-style: none;padding: 0;text-align: left;margin-bottom: 0rem;/* width: 14rem; */position: relative;width: 100%;padding-top: 4rem;padding: 4rem 8.5%;}
#menu-options-footer li {margin: 15px 0px; position: relative;}
.social-icons-footer {display: flex;flex-direction: column;align-items: center;gap: 15px;border-top: solid 1px #3d3d3d;padding: 3rem 0%;margin: 0rem 5.5%;}
.social-icons-footer .social-title-footer {color: #FFF;font-size: 13px;margin-bottom: 10px;text-align: center;font-family: 'Montserrat';letter-spacing: 6px;margin-bottom: 1rem;}
.social-icons-footer .icons-container-footer {display: flex;gap: 15px;}
/*END MENU HAMBURGER*/

/*INDEX*/
.top-home {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/homepage-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.menu-home ul { list-style: none; display: flex; /* Flex layout para itens lado a lado */ gap: 0px; /* Espaçamento entre os itens */ padding-top: 0rem;}
.menu-home ul li { display: inline; /* Itens de lista em linha */}
.menu-home ul li a { color: #fff; text-decoration: none; font-size: 13px; transition: transform 0.3s ease;; font-weight: 300; position: relative; z-index: 1; font-family: 'Montserrat';}
.topo-menu{left: 3.5rem; position: absolute; top:2.5rem;}
.topo-menu ul { list-style: none; display: flex; /* Flex layout para itens lado a lado */ gap: 40px; /* Espaçamento entre os itens */ padding-top: 0rem;}
.topo-menu ul li { display: inline; /* Itens de lista em linha */}
.topo-menu ul li a { color: #fff; text-decoration: none; font-size: 13px; transition: color 0.4s ease-in-out; font-weight: 300; position: relative; z-index: 1; font-family: 'Montserrat';}
.title-home-topo {position: relative; top: 43%; justify-content: center; display: flex; font-weight: 500; font-size: 1.4rem; line-height: 1.4; letter-spacing: 0.8rem; color: #fff; word-spacing: 3rem;}
.section1-home {display: block; margin-bottom: 1rem;}
.section1-home .row1-home {display: flex; column-gap: 3rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 7rem;}
.column1-home {float: left; width: 50%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.column1-01{margin-bottom: 1rem; left: 4%; position: relative; width: 57%; padding-top: 0rem;}
.topo-column-home {margin-bottom: 1rem; left: 8.5%; position: relative; width: 91.5%; margin-top: 1rem;}
.pre-title-home {font-weight: 300; font-size: 10px; line-height: 1.4; letter-spacing: 0.3rem; padding-bottom: 1rem; text-align: right;}
.title-column-home {color: #000;/* margin-right: 7.5em; */font-weight: 700; font-size: 21px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 0rem;}
.subtitle-home {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 2rem; width: auto; text-align: right;}
.cta-1-home {font-size: 13px; padding-top: 2rem; text-align: right;}
#left{text-align: left !important; left: 0% !important;}
.img-cta-1-home {margin-left: 1rem;}
.img-column1 {width: 37rem; margin-right: 8.5%;}
.title-why-us{font-size: 36px; padding: 1rem; letter-spacing: 4px;}
.subtitle-why {padding: 1rem 27rem 1rem; display: flex; font-size: 13px; width: -webkit-fill-available; align-content: center; flex-wrap: wrap; justify-content: center;}
.ctas-centro{position: static; top: 51%; justify-content: center; margin-top: 1.5rem; font-size: 13px;}
.topo-home {margin-bottom: 0rem;/* left: 8.5%; */position: relative; width: 100%; padding-top: 7rem; justify-content: center; display: flex;}
.logo-topo-home{width: 91.5%; margin-right: auto; text-align: right; padding-bottom: 0rem; right: 0%; position: relative; padding-top: 3rem;}
.marca-topo{text-align: center; font-size: 11px; letter-spacing: 6px; word-spacing: 0.5rem;}
.slogan{text-align: center; padding-top: 2rem; font-weight: 750; /* letter-spacing: 19px; *//* word-spacing: 119px; */ font-size: 2rem;}
.sub-slogan{text-align: center; font-weight: 300; padding-top: 0.3rem; font-size: 1.7rem;}
.CTA-first-hp{padding-top: 2rem; height: 7vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.cta-description{padding: 3px; background-color: #fff; color: #000; font-size: 13px; /* cursor: pointer; */ font-family: 'Montserrat'; font-weight: 600; /* width: 5rem; *//* border-bottom: solid 1px #000; */ align-content: center; justify-content: center; display: flex; flex-wrap: wrap; gap: 4px;}
.clique{color: #000;; cursor: pointer; width: rem; border-bottom: solid 1px #000; font-family: 'Montserrat'; font-weight: 400;}
.galeria-hp{margin-top: 5rem; margin-bottom: 7rem; width: 100%; overflow-x: auto; /* Barra de scroll visível */ white-space: nowrap; /* Evita que as imagens quebrem para a linha de baixo */ cursor: grab; /* Muda o cursor ao passar sobre a seção */ -webkit-overflow-scrolling: touch; /* Suporte para mobile */ margin-left: 0%;}
.title-2 {text-align: left; padding-left: 9%;}
.sub-title-2{text-align: left; padding: 0 9%; padding-top: 1rem;}
.info-experiences-hp{top: 33%; position: relative;}
.info-experiences-hp-title{color: #fff; font-size: 3rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 12px;}
.info-experiences-hp-cta{transition: transform 0.5s ease; transform-style: preserve-3d; border: solid 1px #fff; padding: 6px; font-size: 13px; width: 12rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.info-adventures-hp{top: 33%; position: relative;}
.info-adventures-hp-title{color: #fff; font-size: 3rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 12px;}
.info-adventures-hp-cta{transition: transform 0.5s ease; transform-style: preserve-3d; border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.bloco-why-us{margin-top: -2rem; color: #000; background-color: #fff; height: 44vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.title-why-us {font-size: 36px; padding: 1rem; letter-spacing: 0px;}
.subtitle-why {padding: 1rem 27rem 1rem; display: flex; font-size: 14px; width: -webkit-fill-available; align-content: center; flex-wrap: wrap; justify-content: center;}
.ctas-centro {position: static; top: 51%; justify-content: center; margin-top: 1.5rem; font-size: 13px;}
.cta-1-home {font-size: 13px; padding-top: 2rem; text-align: right; color:#000; border-bottom: solid 1px;}
.section-experiences-adventures{display: block; margin-bottom: 1rem; margin-top: 4rem;}
.section-experiences-adventures .row-experiences-adventures{display: flex; column-gap: 3rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-experiences{width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: #20252d;}  
.column-adventures{width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
#experiences {cursor:pointer; background-color: #20252d; position: relative; background-image: url(../img/experiences.jpg); background-size: cover; background-position: center; overflow: hidden;}
#adventures {cursor:pointer; background-color: #20252d; position: relative; background-image: url(../img/experiences.jpg); background-size: cover; background-position: center; overflow: hidden;}
.info-experiences-hp-cta:hover{transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}
.info-adventures-hp-cta:hover{transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}
.ctas-centro {position: static; top: 51%; justify-content: center; margin-top: 1.5rem; font-size: 13px;}
.ctas-centro:hover .cta-1-home{border:solid 1px #fff; background-color: #20252d; color:#fff !important; padding:10px;}
.botao-expandir {position: relative; padding: 0px 5px; border-bottom: 1px solid #000; background: transparent; color: #000; overflow: hidden; transition: color 0.4s;}
.botao-expandir::before {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #20252d; z-index: -1; transition: width 0.4s;}
.botao-expandir:hover {color: #fff; background: #20252d; border-bottom: 1px solid #fff;}
.botao-expandir:hover::before {width: 100%;}
.botao-expandir-big {position: relative; padding: 10px; border-bottom: 1px solid #000; background: transparent; color: #000; overflow: hidden; transition: color 0.4s;}
.botao-expandir-big::before {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #20252d; z-index: -1; transition: width 0.4s;}
.botao-expandir-big:hover {color: #fff; background: #20252d; border-bottom: 1px solid #fff;}
.botao-expandir-big:hover::before {width: 100%;}.explore{padding: 11px; background-color: #fff; color: #000000 !important; font-size: 13px; cursor: pointer; font-weight: 300; width: 12rem; border: solid 1px #000; align-content: center; justify-content: center; display: flex; flex-wrap: wrap; margin-top: 1rem;}
/*END INDEX*/

/*STYLE ABOUT*/
.description0{text-align: center; font-weight: 300; padding-top: 0.3rem; font-size: 1.4rem;}
.description1{text-align: center; font-weight: 300; padding-top: 1%; font-size: 1.4rem;}
.description2{text-align: center; font-weight: 300; padding-top: 1%; margin-bottom: 1rem; font-size: 1.4rem;}
.CTA-first-about{padding-top: 2rem; height: 7vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 7rem;}
.cta-description-about{padding: 3px; color: #000; font-size: 13px; /* cursor: pointer; */ font-weight: 600; font-family: 'Montserrat'; /* width: 5rem; *//* border-bottom: solid 1px #000; */ align-content: center; justify-content: center; display: flex; flex-wrap: wrap; gap: 4px;}
.clique-about{color: #000; cursor: pointer; width: rem; border-bottom: solid 1px #000; font-family: 'Montserrat'; font-weight: 400;}
.video-background {position: relative; width: 100%; height: 80vh; /* altura total do ecrã */ overflow: hidden;}
.video-wrapper {width: 100%; height: 80vh; overflow: hidden;}
.video-wrapper video {width: 100%; height: 100%; object-fit: cover; display: block;}
/*END STYLE ABOUT*/

/*STYLE SERVICES*/
.CTA-first-services{margin-bottom: 4rem; padding-top: 0rem; height: 7vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 7rem;}
.cta-description-services{padding: 3px; background-color: transparent; color: #000; font-size: 13px; /* cursor: pointer; */ font-weight: 500; font-family: 'Montserrat'; /* width: 5rem; *//* border-bottom: solid 1px #000; */ align-content: center; justify-content: center; display: flex; flex-wrap: wrap; gap: 4px;}
.clique-services{color: #000; cursor: pointer; width: rem; border-bottom: solid 1px #000; font-family: 'Montserrat'; font-weight: 400;}

/*END STYLE SERVICES*/

/*STYLE CONTACTS*/
.section-cont-form{display: block; margin-bottom: 1rem; margin-top: 4rem;}
.row-cont-form{display: flex; column-gap: 10%; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-cont-form{width: 40%; padding: 0; text-align: left; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: fit-content; transition: all 0.3s ease-in-out; background-color: transparent;}
.column-text-cont{width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: transparent;}
.img-mapa-contactos{margin-top:5rem;}
.hero-contact { background-color: #20252D; /* Cor de fundo sólida */ background-repeat: no-repeat; background-position: center center; background-size: cover; height: 69vh; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 0; /* Garante que a imagem de fundo esteja por trás do conteúdo */}
.title-contact { color: #000; margin-right: 7.5em;; /* Espaço entre o título e o menu */ font-weight: 700; padding-top: 4em; font-size: 28px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-contact{ font-weight: 300; font-size: 13px; margin-right: 7em; padding-top: 1em;}
#first-name, #last-name, #email, #phone1{color: #000; padding-bottom: 0.5rem; width: 100%; margin-right: 1rem; font-size: 10px; margin-bottom: 1.5rem;}
#phone-number{margin-top: -1.5rem; font-size: 10px;}
#motivo {color: #000; padding-bottom: 0.5rem; margin-bottom: 1.5rem; width: 100%;}
#campos-form{padding: 10px 0 10px;width: 100%;}
#contact-form{display: flex; flex-direction: column; width: 100%;}
.f-form{display: block; gap: 2rem; width: 100%;}
.form-wrapper textarea{width: 100%; text-align: left; resize: none; height: 4rem; border-bottom: 1px solid #000; margin-top: 3rem; padding: 7px 0px; font-family: 'Montserrat'; font-size: 13px; font-weight: 500; color: #000;}
.form-wrapper{padding: 20px 20px 20px 20px; border-radius: 8px; width: auto; margin-left: 7rem;}
.text-block-contactos{color: #000; text-align: left; width: 100%; font-size: 13px; padding-left: 0rem; padding-bottom: 0rem; top: 11rem; position: relative;}
.text-block-contactos h4 {margin-bottom: 0.5rem; font-size: 18px; font-weight: 400;}
.iti{width:100% !important;}
.form-wrapper form {display: flex; flex-direction: column; width: 100%;}
.form-wrapper input, .form-wrapper textarea, .form-wrapper select {margin-bottom: 10px; padding: 0px 0; border: none; border-bottom: 1px solid #000 !important; border-radius: 0; background-color: transparent; outline: none !important; color: #000; margin-top: 1.5em;}
.form-wrapper input {text-align: left; position: relative; width: 100%; left: 0%; font-size: 13px; font-weight: 300; font-family: 'Montserrat'; text-decoration: none; height: 19px;}
.form-wrapper input::placeholder {color: #000 !important; opacity: 1; /* Garante que os placeholders são visíveis */}
.form-wrapper select {width: 91%; text-align: left; position: relative; left: 0%; font-size: 13px; font-weight: 300; font-family: 'Montserrat'; text-decoration: none; height: 24px;}
.form-wrapper select::placeholder {color: #000 !important; opacity: 1; /* Garante que os placeholders são visíveis */}
.form-wrapper textarea::placeholder {color: #000 !important; opacity: 1; /* Garante que os placeholders são visíveis */}
input[type="datetime-local"]::before {content: attr(data-placeholder); color: #000; position: absolute; pointer-events: none; width: 100%;}
input[type="datetime-local"]:focus::before, input[type="datetime-local"]:valid::before {content: "";}
input[type="datetime-local"] {position: relative; color: transparent;}
input[type="datetime-local"]:focus, input[type="datetime-local"]:valid {color: black;}
.form-wrapper .checkbox-wrapper {display: flex; align-items: center; margin-bottom: 20px; font-size: 8px; color: #000; width: 100%;}
.form-wrapper .checkbox-wrapper input {width: 10px; position: relative; display: inline; bottom: 0.9rem;}
.form-wrapper .checkbox-wrapper input + label {position: relative; padding-left: 8px; cursor: pointer; color: #000; font-size: 10px; font-weight: 400;}
.form-wrapper button {padding: 10px; border: none; background-color: #fff; color: #000000; font-size: 12px; cursor: pointer; font-weight: 300; align-self: flex-end; width: 5rem; border-bottom: solid 1px #000; position: relative; left: 0rem;}
.form-wrapper button:hover {background-color: #20252d; color: #fff;}
.img-mapa-contactos-mobile{display:none;}
.img-mapa-contactos{display:block;}
/*END STYLE CONTACTS*/

/*STYLE ABOUT*/
.topo-sobre{margin-bottom: 10rem; left: 9%; position: relative; width: 57%;}
.title-sobre {color: #000; margin-right: 7.5em; font-weight: 700; padding-top: 7rem; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.subtitle-sobre {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 7em; padding-top: 2em; width: 77%;}
.cta-1-sobre {font-size: 13px; padding-top: 2rem;}
.img-cta-1-sobre {margin-left: 1rem;}
.fim-sobre{width: 50%; margin-left: auto; text-align: right; margin-bottom: 10rem; right: 8.5%; position: relative;}
.title-sobre-fim {color: #000; margin-right: 0em; font-weight: 700; padding-top: 7rem; font-size: 36px; width: auto; line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 1rem;}
.subtitle-sobre-fim {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 2em; width: 100%;}
.cta-2-sobre {font-size: 13px; padding-top: 2rem;}
.img-cta-2-sobre {margin-left: 1rem;}
.parceiros-sobre { display:flex; background-color: #ffffff; justify-content: center; align-content: center; flex-wrap: wrap;}
.img-parceiros{width: 50%;}
.parceiros-sobre-black { display:flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: wrap;}
.img-parceiros-black{width: 100%;}
/* CARROUSSEL IMAGENS */
.properties-section {width: 100vw; margin-top: 0; overflow: hidden;}
.carousel-wrapper {justify-content: center; align-items: center; width: 100vw; display: flex; position: relative; overflow: hidden;}
.control-panel {z-index: 10; gap: 10px; background-color: transparent; border-radius: 14px; padding: 5px; flex-direction: row; /* Lado a lado */ justify-content: center; align-items: center; display: flex; position: absolute; top: 2rem; right: 6.5%;}
.control-button.scroll-left {transform: rotate(180deg);}
.control-button {background-color: var(--white); border:solid 1px #20253d; border-radius: 100%; justify-content: center; align-items: center; width: 50px; height: 50px; display: flex;}
.control-icon {width: 30px; max-width: 30px; height: 30px; max-height: 30px; vertical-align: middle; max-width: 100%; display: inline-block;}
.control-button {background-color: var(--white); border-radius: 100%; justify-content: center; align-items: center; width: 50px; height: 50px; display: flex;}
.carousel-container {min-height: 100%; max-height: 100%; display: flex; position: relative; overflow: hidden;}
.carousel-track {background-color: #ddd0; height: auto; transition: all .5s; display: flex;}
.carousel-item {flex: none; align-items: flex-end; width: 19.5rem; height: 62vh; margin-left: 22px; display: flex;}
.project-card {cursor: pointer; /* Em vez de none, para testares o hover */ border-radius: 15px; justify-content: center; align-items: center; width: 19.5rem; height: 59vh; display: flex; position: relative; overflow: hidden;}
.w-inline-block {max-width: 100%; display: inline-block;}
.project-content {text-align: center; flex-direction: column; justify-content: space-between; align-items: center; width: 360px; margin-bottom: 30px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; display: flex;}
.project-ttitle.left {text-align: center; width: 100%;}
.project-ttitle {font-size: 1.4rem; font-weight: 500; padding-bottom: 2rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 6px; width: 100%;}
.project-ttitle.more {border-bottom: solid 1px #fff; padding: 6px; font-size: 13px; width: 8rem; display: inline-block; font-weight: 400; letter-spacing: 1px; cursor: pointer; color: #fff; font-family: 'Montserrat';}
.project-overlay {cursor: pointer; background-image: linear-gradient(#fff0 64%, #0006); justify-content: flex-start; align-items: flex-end; display: flex; position: absolute; inset: 0%;}
.project-overlay {pointer-events: auto;}
.photo {opacity: 1; object-fit: cover; height: 100%;}
.project-card .photo {transition: transform 0.5s ease; transform-style: preserve-3d;}
.project-card:hover .photo {transform: translate3d(0px, 0px, 0px) scale3d(1.2, 1.2, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}


.galeria {width: 91.5%; overflow-x: auto; /* Barra de scroll visível */ white-space: nowrap; /* Evita que as imagens quebrem para a linha de baixo */ cursor: grab; /* Muda o cursor ao passar sobre a seção */ -webkit-overflow-scrolling: touch; /* Suporte para mobile */ margin-left: 8.5%;}
.galeria-wrapper {display: flex; gap: 1rem; /* Espaço entre imagens */}
.image-container {position: relative; /* Adicionado para referência de posicionamento absoluto */ display: inline-block; /* Garante que o contêiner envolva a imagem */}
.galeria-wrapper img {object-fit: cover; width: 19.5rem; /* Ajuste conforme necessário */ border-radius: 13px; height: 59vh; user-select: none; /* Evita seleção de imagem ao arrastar */ margin-bottom: 3rem;}
.image-title {position: absolute; bottom: 10rem; left: 50%; transform: translateX(-50%); color: white; padding: 5px 10px; border-radius: 5px; font-size: 15px; text-align: center; letter-spacing: 0.3rem; font-weight: 500;}
/* END CARROUSSEL IMAGENS */
.galeria-wrapper-adicionais {display: flex; gap: 1rem; /* Espaço entre imagens */}
.galeria-wrapper-adicionais img {margin-top: 11%; width: 19.5rem; /* Ajuste conforme necessário */ border-radius: 13px; height: auto; user-select: none; /* Evita seleção de imagem ao arrastar */ margin-bottom: 4rem;}
.galeria-wrapper-adicionais2 {display: flex; gap: 1rem; /* Espaço entre imagens */}
.galeria-wrapper-adicionais2 img {width: 19.5rem; /* Ajuste conforme necessário */ border-radius: 13px; height: auto; user-select: none; /* Evita seleção de imagem ao arrastar */ margin-bottom: 4rem;}
/*STYLE GERAL*/
#whatsapp-icon { position: fixed; bottom: 35px; right: 35px; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; background-color: #26C943; text-decoration: none; transition: transform 0.2s; display: flex; align-items: center; z-index:1;}
#whatsapp-icon img { width: 35px; /* Tamanho da imagem dentro do ícone */ height: auto;}
#whatsapp-icon:hover { transform: scale(1.1); /* Aumenta o tamanho ao passar o mouse */}
.made-by-mob{display:none;}


.galeria-escura {width: 91.5%; overflow-x: auto; /* Barra de scroll visível */ white-space: nowrap; /* Evita que as imagens quebrem para a linha de baixo */ cursor: grab; /* Muda o cursor ao passar sobre a seção */ -webkit-overflow-scrolling: touch; /* Suporte para mobile */ margin-left: 8rem;}
.galeria-wrapper-escura {display: flex; gap: 1rem; /* Espaço entre imagens */}
.galeria-wrapper-escura img {object-fit: cover; width: 19.5rem; border-radius: 13px; height: 59vh; user-select: none; margin-bottom: 2rem; pointer-events: none;}
/* Deixa a barra de rolagem bem fina */
.galeria-escura::-webkit-scrollbar {height: 2px; /* Linha fina */}
/* Linha preta onde o thumb se move */
.galeria-escura::-webkit-scrollbar-track {background: #3d3d3d; border-radius: 2px;}
/* Thumb mais estreito e com altura visual maior */
.galeria-escura::-webkit-scrollbar-thumb {background: #f1f1f1; /* Cor escura */ border-radius: 10px; min-width: 20px; /* Mantém o thumb mais estreito */ height: 55px; /* Faz parecer que ele tem mais altura */}
/* Efeito ao passar o mouse */
.galeria-escura::-webkit-scrollbar-thumb:hover {background: #f1f1f1;}

/*STYLE SERVICES*/
.title-services-topo {position: relative; top: 43%; justify-content: center; display: flex; font-weight: 400; font-size: 17px; line-height: 1.4; letter-spacing: 0.3rem; color: #fff;}
.topo-services {margin-bottom: 3rem; left: 8.5%; position: relative; width: 57%; padding-top: 7rem;}
.pre-title-services {font-weight: 300; font-size: 10px; line-height: 1.4; letter-spacing: 0.3rem; padding-bottom: 0.5rem;}
.title-services {color: #000; font-weight: 700; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.section-services {display: block; margin-bottom:1rem; margin-top: 5rem;}
.section-services .row-services {display: flex; column-gap: 11em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-services {float: left; width: 20%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.number {font-family: "Poppins"; font-style: normal; font-weight: normal; font-size: 13px; line-height: 1.4; border: 1px solid #d9d9d9; border-radius: 100%; width: 40px; height: 40px; padding: 9.5px; text-align: center; color: #000; font-weight: 400; margin-bottom: 1rem;}
.title1-01 {z-index: 2; color: #000; text-align: left; display: flex; align-content: center; flex-wrap: wrap; position: relative;}
.title1-01 h2 {margin: 0; font-size: 13px; font-weight: 500; position: relative; z-index: 1; display: inline-block; line-height: 1.4; letter-spacing: 0.2rem;}
.title1-01 .text-passos {padding-top: 1em; font-size: 13px; font-weight: 300; line-height: 1.4;}
.download{width: 50%; margin-left: auto; text-align: right; padding-bottom: 7rem; right: 8.5%; position: relative;}
.download-img {width: 11px; right: 3.3rem; position: relative;}
.cta-services {font-size: 13px; padding-top: 0.3rem;}
.section-works {display: block; margin-bottom: 1rem; background-image: url(../img/works-background.webp); background-size: cover; background-position: center; padding: 6rem 0rem !important;}
.section-works .row-works {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: wrap; padding-bottom: 5rem;}
.column-works {float: left; width: 16%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
#seta {width: 4%; position: relative; top: 4rem;}
.title-works {z-index: 2; color: #fff; text-align: left; display: flex; align-content: center; flex-wrap: wrap; position: relative;}
.title-works h2 {margin: 0; font-size: 13px; font-weight: 500; position: relative; z-index: 1; display: inline-block; line-height: 1.4; letter-spacing: 0.2rem;}
.title-works .text-works {padding-top: 1em; font-size: 13px; font-weight: 300; line-height: 1.4;}
.title-works-1 {color: #fff; padding-top: 5rem; font-weight: 700; font-size: 21px; line-height: 1.4; letter-spacing: 0.3rem; text-align: left; padding-bottom: 2.5rem; padding-left: 8.5%;}
.arrow-white{width: 31px;}
.topo-guests {left: 8.5%; position: relative; width: 57%; padding-top: 4rem;}
.title-guests {color: #000; font-weight: 700; font-size: 36px; /* width: 54%; */ line-height: 1.4; letter-spacing: 0px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.fim-guests{width: 50%; margin-left: auto; text-align: right; padding-bottom: 7rem; right: 8.5%; position: relative; margin-bottom:2rem;}
.pre-title-guests {font-weight: 300; font-size: 10px; line-height: 1.4; letter-spacing: 0.3rem; padding-bottom: 0.5rem;}
.title-guests-fim {color: #000; margin-right: 0em; font-weight: 700; padding-top: 0rem; font-size: 28px; width: auto; line-height: 1.4; letter-spacing: 3px; padding-left: 0em; text-align: right; padding-bottom: 1rem;}
.subtitle-guests-fim {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 2rem; width: 100%;}
.cta-2-guests {display:block; font-size: 13px; padding-top: 1rem;}
.cta-2-guests-mobile{display:none;}
.topo-activities{margin-bottom: 9rem; left: 9%; position: relative; width: 57%; margin-top: 7rem;}
.pre-title-activities {font-weight: 300; font-size: 10px; line-height: 1.4; letter-spacing: 0.3rem; padding-bottom: 0.5rem;}
.title-activities {color: #000; margin-right: 7.5em; font-weight: 700; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 0px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 7em; padding-top: 3rem; width: 77%;}
.cta-1-activities {display: block; font-size: 13px; padding-top: 1rem;}
.cta-1-activities-mobile{display: none;}
.bloco-join{height: 44vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.title-join{font-size: 18px; padding: 1rem; letter-spacing: 3px;}
.subtitle-join {padding: 1rem 8.5% 1rem; display: flex; font-size: 13px; width: 100%; justify-content: center;}
.bloco-join button {padding: 11px; border: none; background-color: #fff; color: #000000; font-size: 13px; cursor: pointer; font-weight: 300; width: 12rem; border: solid 1px #000; align-content: center; justify-content: center; display: flex; flex-wrap: wrap; margin-top: 1rem;}
.section-works-mobile{display:none;}
/*END STYLE SERVICES*/

/*STYLE ADITIONAL SERVICES*/
.menu-servicos-adicionais {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/CasasNorte.webp); height: 81vh; background-size: cover; background-position: center center;}
.menu-servicos-adicionais ul { list-style: none; display: flex; /* Flex layout para itens lado a lado */ gap: 60px; /* Espaçamento entre os itens */ padding-top: 0rem;}
.menu-servicos-adicionais ul li { display: inline; /* Itens de lista em linha */}
.menu-servicos-adicionais ul li a { color: #fff; text-decoration: none; font-size: 13px; transition: color 0.3s ease; font-weight: 500; position: relative; z-index: 1;}
.title-servicos-adicionais {position: relative; display: flex; font-weight: 700; font-size: 36px; line-height: 1.44; letter-spacing: 0rem; color: #fff; width: 100%; padding-bottom: 1rem;}
.topo-adicionais{margin-bottom: 5rem; left: 8.5%; position: relative; width: 49%; padding-top: 5%;}
.title-adicionais{color: #000; font-weight: 700; font-size: 36px; line-height: 1.37; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.subtitle-adicionais{font-size: 13px;}
.cta-1-adicionais{width: 50%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 11%; position: relative; font-size: 13px; padding-top: 2rem;}
.img-cta-1-adicionais {margin-left: 1rem;}
.cta-1-ferias {font-size: 13px; padding-top: 2rem; text-align: left;}
.bloco-ferias {color: #fff; background-color: #20252d; height: 26vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin: 6rem 0rem;}
.titulo-galeria {margin-bottom: 3rem; align-content: flex-start; position: relative; text-align: left; font-size: 28px; margin-left: 9%;}
.title-ferias{font-size: 28px; padding: 1rem; letter-spacing: 4px; width: 100%;}
.subtitle-ferias{padding: 1rem 1rem 1rem; display: flex;}
.titulo-carroussel{align-content: center; justify-content: center; display: flex; flex-wrap: wrap; padding-top: 11%; font-size:36px; margin-bottom: 5%;}
.section-aditional-services {display: block; margin-bottom: 1rem;}
.section-aditional-services .row-aditional-services {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-aditional-services {width: 20%; padding: 0; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: 38vh; transition: all 0.3s ease-in-out; border-radius:8px;}
/* Criar um pseudo-elemento para desfocar APENAS o fundo */
.column-aditional-services::before {content: ""; border-radius:8px; position: absolute; inset: 0; background: inherit; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0;}
.column-aditional-services:hover::before {opacity: 1;}
/* .aventura inicia semi-transparente */
.aditional-services {width: 60%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: relative; top: 0%; color: #fff; height: 6vh; background-color: rgba(32, 37, 45, 0.6); /* 60% de opacidade inicialmente */ margin: 0rem 4rem; z-index: 2; transition: background-color 0.3s ease-in-out;}
/* No hover, a cor fica 100% sólida */
.column-aditional-services:hover .aditional-services {background-color: #20252D; /* Agora fica totalmente sólida */}
/* Oculta o h2 no hover */
.column-aditional-services:hover .aditional-services h2 {display: none;}
.column-aditional-services:hover .aditional-services p {display: block;}
.column-aditional-services .aditional-services p {display: none;}
#column14 {background-image: url(../img/pequeno-almoço-capa.webp);}
#column15 {background-image: url(../img/compras-capa.webp);}
#column16 {background-image: url(../img/transfer-capa.webp);}
#column17 {background-image: url(../img/babysitter-capa.webp);}
#column18 {background-image: url(../img/enfermagem-capa.webp);}
#column19 {cursor:default !important; justify-content: center; display: flex; margin-bottom: 1rem; height: 63vh;}
.logo-topo-aditional{width: 130px; height: 130px; align-content: center; justify-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%;}
.aditional-services h2{text-align: center; font-weight: 500; width: 100%; letter-spacing: 5px; font-size: 13px;}
.section-aditional-services-mobile{display:none;}
/*END ADITIONAL SERVICES*/

/*STYLE AVENTURAS*/
.marca-topo-ad{text-align: center; font-size: 11px; letter-spacing: 6px; word-spacing: 0.5rem; padding-top: 5rem;}
.slogan-ad{text-align: center; padding-top: 2rem; font-weight: 750; /* letter-spacing: 19px; *//* word-spacing: 119px; */ font-size: 2rem;}
.sub-slogan-ad{text-align: center; font-weight: 300; padding-top: 0.5rem; font-size: 1.7rem; line-height: 1.4;}
.galeria-ad{margin-top: 5rem; margin-bottom: 4rem; width: 90%; overflow-x: auto; /* Barra de scroll visível */ white-space: nowrap; /* Evita que as imagens quebrem para a linha de baixo */ cursor: grab; /* Muda o cursor ao passar sobre a seção */ -webkit-overflow-scrolling: touch; /* Suporte para mobile */ margin-left: 8.5%;}
.info-experiences-ad{top: 55%; position: relative; text-align: center; justify-content: center; align-content: center; position: absolute; padding-left: 3%; padding-right: 3%; width: 100%;}
.info-experiences-ad-title{color: #fff; font-size: 1.4rem; font-weight: 500; padding-bottom: 2rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 6px; width: 100%;}
.info-experiences-ad-cta{border-bottom: solid 1px #fff; padding: 6px; font-size: 13px; width: 8rem; display: inline-block; font-weight: 100; letter-spacing: 1px; cursor: pointer; color: #fff;}
.info-adventures-ad{top: 33%; position: relative;}
.info-adventures-ad-title{color: #fff; font-size: 3rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 12px;}
.info-adventures-ad-cta{transition: transform 0.5s ease; transform-style: preserve-3d; border: solid 1px #fff; padding: 6px; font-size: 13px; width: 12rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.info-adventures-ad-cta{transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}
.bloco-why-us-ad{margin-top: 5rem; color: #000; background-color: #fff; height: auto; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 4rem;}
.title-why-us-ad {font-size: 2rem; padding: 1rem; letter-spacing: 0px;}
.subtitle-why-ad {padding: 0rem 27rem 0.8rem; display: flex; font-size: 14px; width: -webkit-fill-available; align-content: center; flex-wrap: wrap; justify-content: center;}
.ctas-centro-ad {position: static; top: 51%; justify-content: center; margin-top: 0rem; font-size: 13px;}
.cta-1-home-ad {font-size: 13px; padding-top: 0rem; text-align: right; color:#000; border-bottom: solid 1px;}
.section-experiences-adventures-ad{display: block; margin-bottom: 1rem; margin-top: 4rem;}
.section-experiences-adventures-ad .row-experiences-adventures-ad{display: flex; column-gap: 9rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-experiences-ad{width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: transparent;}  
.column-adventures-ad{width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
.info-experiences-ad-next{top: 38%; padding-left: 6%; padding-right: 3%; position: relative;}
#experiences-ad {background-image: url(../img/experiences.jpg); padding-left: 0rem;}
.title-2-ad {text-align: left; font-size: 2rem; color:#000; letter-spacing: 0px;}
.sub-title-2-ad{text-align: left; padding-top: 1rem; color: #000; letter-spacing: 0px; font-weight: 300; padding-top: 0.5rem; font-size: 1.7rem;}
.page-wrapper-1 {width: -webkit-fill-available; overflow: hidden;}
.container-1 {max-width: -webkit-fill-available; margin-left: auto; margin-right: auto;}
.collection-list-wrapper-1 {margin-top: 2rem; margin-bottom: 7rem;}
.property-list-1-ad {grid-column-gap: 20px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.property-image-wrapper-1-ad {border-radius: 0px; width: 100%; height: auto; max-height: 500px; overflow: hidden; border-radius: 8px;}
.property-link-1 {color: #333; width: 100%; text-decoration: none;}
.w-slider-1 {text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: auto; position: relative;}
.slider-2-1 {justify-content: center; align-items: flex-start;}
.w-slider-mask-1 {z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden;}
.mask-1 {height: 45vh;}
.w-slide-1 {vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative;}
.property-image-ad {object-fit: cover; width: 100%; height: 100%; border-radius:8px;}
#img-houses-1 {vertical-align: middle; max-width: 100%; display: inline-block;}
.w-slider-aria-label-1 {clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}
.icon-wrap-1 {background-color: #eeeeeec4; border-radius: 100%; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: relative;}
.property-content-1 {z-index: 10; background-color: #20253d; border-radius: 11px; width: 90%; height: 100%; padding: 20px; position: relative; top: -62px; left: 7px; box-shadow: 0 2px 8px #0003;}
.w-inline-block-1 {max-width: 100%; display: inline-block;}
.inline-flex-1 .bigger-1 {color: #fff; font-size: 1.5em; font-weight: 400; line-height: 1.1em;}
.inline-flex-1 {flex-flow: wrap; display: flex; color:#fff;}
.text-block-5-1 {margin-right: 7px; color:#fff;}
h3 {color:#fff; margin-top: 20px; margin-bottom: 10px; font-family: Ogg Roman, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 30px;}
.ffs-line-1 {background-color: #fff; opacity: .63; width: 35%; height: 1px; margin-top: 20px; margin-bottom: 20px;}
.inline-padded-1 {padding-right: 5px; color:#fff;}
.bookends-1 {opacity: .1; padding-left: 5px; padding-right: 5px; font-size: 1.5em;}
.div-block-13-1 {margin-top: 20px;}
.button-copy-1 {background-color: #ccc; color: #000; text-align: center; border-radius: 6px; padding: 8px;}
.infos-casas{margin-top:4rem;}
.next-casas-ad{padding: 0 8.5%;}
/*END STYLE AVENTURAS*/

/*STYLE AVENTURAS*/
.topo-aventuras{margin-bottom: 5rem; left: 8.5%; position: relative; width: 49%; padding-top: 5%;}
.title-aventuras{color: #000; font-weight: 700; font-size: 36px; line-height: 1.37; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.topo-aventuras2{margin-bottom: 3rem; left: 8.5%; position: relative; width: 49%; padding-top: 3%;}
.title-aventuras2{color: #000; font-weight: 700; font-size: 21px; line-height: 1.37; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.subtitle-aventuras{font-size: 13px;}
.subtitle-aventuras1{font-size: 13px; color: #737373;}
.section-aventuras {display: block; margin-bottom: 1rem;}
.section-aventuras .row-aventuras {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-aventuras {width: 20%; padding: 0; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; display: flex; border-radius:8px; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: 38vh; transition: filter 0.3s ease;}
.section-aventuras-ar {display: block; margin-bottom: 1rem;}
.section-aventuras-ar .row-aventuras-ar {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-aventuras-ar {float: left; width: 20%; padding: 0; text-align: center; box-sizing: border-box; position: relative; border-radius:8px; cursor: pointer; display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: 38vh; transition: filter 0.3s ease;}
/* Criar um pseudo-elemento para desfocar APENAS o fundo */
.column-aventuras::before {content: ""; position: absolute; inset: 0; background: inherit; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0; border-radius: 8px;}
#column7::before {content: ""; position: absolute; inset: 0; background: inherit; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0;}
#column11::before {content: ""; position: absolute; inset: 0; background: inherit; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0;}
.column-aventuras-ar::before {content: ""; position: absolute; inset: 0; background: inherit; transition: all 0.3s ease-in-out; z-index: 0; opacity: 0; border-radius: 8px;}
.column-aventuras:hover::before {opacity: 1;}
#column7:hover::before {opacity: 1;}
#column7:hover::before {opacity: 1;}
#column11:hover::before {opacity: 1;}
.column-aventuras-ar:hover::before {opacity: 1;}
/* .aventura inicia semi-transparente */
.aventura {width: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: relative; top: 0%; color: #fff; height: 7vh; background-color: rgba(32, 37, 45, 0.6); /* 60% de opacidade inicialmente */ margin: 0rem 4rem; z-index: 2; transition: background-color 0.3s ease-in-out;}
.aventura-ar {width: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: relative; top: 0%; color: #fff; height: 7vh; background-color: rgba(32, 37, 45, 0.6); /* 60% de opacidade inicialmente */ margin: 0rem 4rem; z-index: 2; transition: background-color 0.3s ease-in-out;}
/* No hover, a cor fica 100% sólida */
.column-aventuras:hover .aventura {background-color: #20252D; /* Agora fica totalmente sólida */}
#column7:hover .aventura1 {background-color: #20252D; /* Agora fica totalmente sólida */}
#column11:hover .aventura1 {background-color: #20252D; /* Agora fica totalmente sólida */}
.column-aventuras-ar:hover .aventura-ar {background-color: #20252D; /* Agora fica totalmente sólida */}
/* Oculta o h2 no hover */
.column-aventuras:hover .aventura h2 {display: none;}
#column7:hover .aventura1 h2 {display: none;}
#column11:hover .aventura1 h2 {display: none;}
.column-aventuras-ar:hover .aventura-ar h2 {display: none;}
/* Oculta o p antes do hover */
.column-aventuras .aventura p {display: none;}
#column7 .aventura1 p {display: none;}
#column11 .aventura1 p {display: none;}
.column-aventuras-ar .aventura-ar p {display: none;}
/* Mostra o p no hover */
.column-aventuras:hover .aventura p {display: block;}
#column7:hover .aventura1 p {display: block;}
#column11:hover .aventura1 p {display: block;}
.column-aventuras-ar:hover .aventura-ar p {display: block;}
#column1 {background-image: url(../img/rafting-capa.webp);}
#column2 {background-image: url(../img/sup-kayak-capa.webp);}
#column3 {background-image: url(../img/canyoing-capa.webp);}
#column4 {background-image: url(../img/surf-capa.webp);}
#column5 {background-image: url(../img/wakeboard-capa.webp);}
#column6 {background-image: url(../img/wakefoil-capa.webp);}
#column7 {background-image: url(../img/Cano-Rafting-capa.webp);}
#column8 {background-image: url(../img/buggy-capa.webp);}
#column9 {background-image: url(../img/rapel-capa.webp);}
#column10 {background-image: url(../img/bttour-capa.webp);}
#column11 {background-image: url(../img/paiva-capa.webp);}
#column12 {background-image: url(../img/voo-capa.webp);}
#column13 {background-image: url(../img/paramotor-capa.webp); }
.aventura h2{text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px; color: #fff; display: contents;}
.aventura p{font-size: 0.6rem; letter-spacing: 3px; line-height: 1.24;}
.arrow-right-aventuras{width: 10px; height: 4px;}
.img-cta-aventuras-dentro{margin-left: 0.5rem;}
.aventuras-saber-mais {font-size: 13px; color: #fff !important;}
.aventura1 h2{text-align: center; font-weight: 500; width:100%; letter-spacing: 6px;}
.aventura1 p{font-size: 0.6rem; letter-spacing: 3px; line-height: 1.24;}
.aventura-ar h2{text-align: center; font-weight: 500; width:100%; letter-spacing: 6px; font-size: 13px; display: contents;}
.aventura-ar p{font-size: 0.6rem; letter-spacing: 3px; line-height: 1.24;}
.agua{width: 50%; margin-left: auto; text-align: right; padding-bottom: 3%; right: 8.5%; position: relative;}
.title-agua {color: #000; margin-right: 0em; font-weight: 700; padding-top: 0em; font-size: 21px; width: auto; line-height: 1.37; letter-spacing: 0px; padding-left: 0em; text-align: right; padding-bottom: 0.5rem;}
.subtitle-agua {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 0em; width: 100%;}
.ar {padding-top: 2%; width: 100%; margin-left: auto; text-align: center; padding-bottom: 3%; position: relative;}
.title-ar {color: #000; font-weight: 700; padding-top: 0em; font-size: 21px; width: auto; line-height: 1.37; letter-spacing: 0px; padding-left: 0em; text-align: center; padding-bottom: 0.5rem;}
.subtitle-ar {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 0em; width: 100%;}
.subtitle-ar1{font-size: 13px; color: #737373;}
.cta-2-aventuras {font-size: 13px; padding-top: 2rem; width: 50%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative;}
.cta-2-aventuras-mobile{display: none;}
.black-aventuras{height: 10vh; background-color: #20252d; padding: 1.5rem; margin-top: 10%; margin-bottom: 10%;}
.titulo-aventuras{font-size: 28px; padding: 0rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff;}
.titulo-aventuras-mobile{display:none;}
#date-warning{color: rgb(255, 167, 4); font-size: 0.6rem; margin-top: -1.3rem; display: none;}
/*END STYLE AVENTURAS*/

/*STYLE EXPERIENCIAS*/
.marca-topo-ex{text-align: center; font-size: 11px; letter-spacing: 6px; word-spacing: 0.5rem; padding-top: 5rem;}
.slogan-ex{text-align: center; padding-top: 2rem; font-weight: 750; /* letter-spacing: 19px; *//* word-spacing: 119px; */ font-size: 2rem;}
.sub-slogan-ex{text-align: center; font-weight: 300; padding-top: 0.5rem; font-size: 1.7rem; line-height: 1.4;}
.galeria-ex{margin-top: 5rem; margin-bottom: 4rem; width: 90%; overflow-x: auto; /* Barra de scroll visível */ white-space: nowrap; /* Evita que as imagens quebrem para a linha de baixo */ cursor: grab; /* Muda o cursor ao passar sobre a seção */ -webkit-overflow-scrolling: touch; /* Suporte para mobile */ margin-left: 8.5%;}
.info-experiences-ex{top: 55%; position: relative; text-align: center; justify-content: center; align-content: center; position: absolute; padding-left: 3%; padding-right: 3%; width: 100%;}
.info-experiences-ex-title{color: #fff; font-size: 1.4rem; font-weight: 500; padding-bottom: 2rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 6px; width: 100%;}
.info-experiences-ex-cta{border-bottom: solid 1px #fff; padding: 6px; font-size: 13px; width: 8rem; display: inline-block; font-weight: 100; letter-spacing: 1px; cursor: pointer; color: #fff;}
.info-adventures-ex{top: 33%; position: relative;}
.info-adventures-ex-title{color: #fff; font-size: 3rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 12px;}
.info-adventures-ex-cta{transition: transform 0.5s ease; transform-style: preserve-3d;border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.info-adventures-ex-cta:hover{transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}
.bloco-why-us-ex{margin-top: 5rem; color: #000; background-color: #fff; height: auto; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 4rem;}
.title-why-us-ex {font-size: 2rem; padding: 1rem; letter-spacing: 0px;}
.subtitle-why-ex {padding: 0rem 27rem 0.8rem; display: flex; font-size: 14px; width: -webkit-fill-available; align-content: center; flex-wrap: wrap; justify-content: center;}
.ctas-centro-ex {position: static; top: 51%; justify-content: center; margin-top: 0rem; font-size: 13px;}
.cta-1-home-ex {font-size: 13px; padding-top: 0rem; text-align: right; color:#000; border-bottom: solid 1px;}
.section-experiences-adventures-ex{display: block; margin-bottom: 1rem; margin-top: 4rem;}
.section-experiences-adventures-ex .row-experiences-adventures-ex{display: flex; column-gap: 9rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-experiences-ex{width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: transparent;}  
.column-adventures-ex{width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
.info-experiences-ex-next{top: 38%; padding-left: 6%; padding-right: 3%; position: relative;}
#adventures {background-image: url(../img/adventure.jpg); padding-left: 0rem;}
.title-2-ex {text-align: left; font-size: 2rem; color:#000; letter-spacing: 0px;}
.sub-title-2-ex{text-align: left; padding-top: 1rem; color: #000; letter-spacing: 0px; font-weight: 300; padding-top: 0.5rem; font-size: 1.7rem;}
.page-wrapper-1 {width: -webkit-fill-available; overflow: hidden;}
.container-1 {max-width: -webkit-fill-available; margin-left: auto; margin-right: auto;}
.collection-list-wrapper-1 {margin-top: 2rem; margin-bottom: 7rem;}
.property-list-1-ex {grid-column-gap: 20px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.property-image-wrapper-1-ex {border-radius: 0px; width: 100%; height: auto; max-height: 500px; overflow: hidden; border-radius: 8px;}
.property-link-1 {color: #333; width: 100%; text-decoration: none;}
.w-slider-1 {text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: auto; position: relative;}
.slider-2-1 {justify-content: center; align-items: flex-start;}
.w-slider-mask-1 {z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden;}
.mask-1 {height: 45vh;}
.w-slide-1 {vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative;}
.property-image-ex {object-fit: cover; width: 100%; height: 100%; border-radius:8px;}
#img-houses-1 {vertical-align: middle; max-width: 100%; display: inline-block;}
.w-slider-aria-label-1 {clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}
.icon-wrap-1 {background-color: #eeeeeec4; border-radius: 100%; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: relative;}
.property-content-1 {z-index: 10; background-color: #20253d; border-radius: 11px; width: 90%; height: 100%; padding: 20px; position: relative; top: -62px; left: 7px; box-shadow: 0 2px 8px #0003;}
.w-inline-block-1 {max-width: 100%; display: inline-block;}
.inline-flex-1 .bigger-1 {color: #fff; font-size: 1.5em; font-weight: 400; line-height: 1.1em;}
.inline-flex-1 {flex-flow: wrap; display: flex; color:#fff;}
.text-block-5-1 {margin-right: 7px; color:#fff;}
h3 {color:#fff; margin-top: 20px; margin-bottom: 10px; font-family: Ogg Roman, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 30px;}
.ffs-line-1 {background-color: #fff; opacity: .63; width: 35%; height: 1px; margin-top: 20px; margin-bottom: 20px;}
.inline-padded-1 {padding-right: 5px; color:#fff;}
.bookends-1 {opacity: .1; padding-left: 5px; padding-right: 5px; font-size: 1.5em;}
.div-block-13-1 {margin-top: 20px;}
.button-copy-1 {background-color: #ccc; color: #000; text-align: center; border-radius: 6px; padding: 8px;}
.infos-casas{margin-top:4rem;}
.next-casas-ex{padding: 0 8.5%;}
.galeria-experiencias {width: 91.5%; overflow-x: auto; /* Barra de scroll visível */ white-space: nowrap; /* Evita que as imagens quebrem para a linha de baixo */ cursor: grab; /* Muda o cursor ao passar sobre a seção */ -webkit-overflow-scrolling: touch; /* Suporte para mobile */ margin-top: 8rem; margin-bottom: 8rem; margin-left: 8.5%;}

/*END STYLE EXPERIENCIAS*/

/*STYLE LODGES*/
.slogan-lodges {text-align: center; padding-top: 6rem; font-weight: 750; /* letter-spacing: 19px; *//* word-spacing: 119px; */ font-size: 2rem;}
.sub-slogan-lodges {text-align: center; font-weight: 300; padding-top: 0.3rem; font-size: 1.7rem; line-height: 1.4;}
.section-lodges {display: block; margin-bottom: 1rem; margin-top: 4rem;}
.section-lodges .row-lodges {display: flex; column-gap: 3rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-lodges {width: 40%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: transparent;}
.info-lodges {top: 47%; position: relative; padding: 0rem 5% 0rem;}
.info-lodges-title {color: #fff; font-size: 1rem; font-weight: 500; padding-bottom: 0rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 10px;}
.info-lodges-sub-title {font-size: 0.7rem; letter-spacing: 3px; padding-top: 0rem; padding-bottom: 1rem;}
.info-lodges-cta {transition: transform 0.5s ease; transform-style: preserve-3d;border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.info-lodges-cta:hover{transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}
#gala {background-image: url(../img/quinta-gala/quinta-gala-capa-lodges.jpg); padding-left: 0rem;}
#cavadinha {background-image: url(../img/cavadinha/cavadinha-2.webp); padding-left: 0rem;}
#torreira {background-image: url(../img/torreira/Torreira-Beach-Apartment.-36.webp); padding-left: 0rem;}
#geres {background-image: url(../img/piscina-geres.jpg); padding-left: 0rem;}
#azure {background-image: url(../img/quarto.webp); padding-left: 0rem;}
#zero{background-color: transparent;}
.bloco-why-us-lodges{margin-top: 5rem; color: #000; background-color: #fff; height: auto; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 4rem;}
.title-why-us-lodges {font-size: 2rem; padding: 1rem; letter-spacing: 0px;}
.section-plus {display: block; margin-bottom: 6rem; margin-top: 3rem;}
.section-plus .row-plus {display: flex; column-gap: 3rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-plus {width: 25%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 53vh; transition: all 0.3s ease-in-out; background-color: transparent;}
.info-plus {top: 33%; position: relative; padding: 0rem 5% 0rem;}
.info-plus-title {color: #fff; font-size: 2rem; font-weight: 500; padding-bottom: 2rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 12px;}
.info-plus-cta {transition: transform 0.5s ease; transform-style: preserve-3d; border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.info-plus-cta:hover{transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}
#experiences-plus {background-image: url(../img/experiences.jpg); padding-left: 0rem;}
#adventures-plus {background-image: url(../img/adventure.jpg); padding-left: 0rem;}
#services-plus {background-image: url(../img/comodidades.jpg); padding-left: 0rem;}

/*END STYLE LODGES*/

/* Estilos do menu */
.menu-home ul {list-style: none;padding: 0;margin: 0;display: flex;}
.menu-home > ul > li {position: relative;margin-right: 1rem;}
.menu-home a {text-decoration: none;color: #000; /* Cor inicial preta */padding: 10px 15px;display: block;transition: color 0.3s ease; /* Transição suave para a cor */}
/* Estilos do submenu (dropdown) */
.sub-menu {display: none;  /* Submenu oculto por padrão */position: absolute;top: 100%;left: 0;list-style: none;padding: 0;background-color: transparent;border: none;min-width: 15rem;z-index: 1000; /* Garante que o submenu fique acima de outros elementos */}
/* Mostrar o submenu ao passar o mouse */
.menu-item-has-children:hover .sub-menu {display: block;  /* Submenu visível ao passar o mouse */}
/* Adicionar underline no item de menu quando o submenu é visível */
.menu-item-has-children:hover > a {text-decoration: none;}
/* Ajustes no submenu */
.sub-menu li {padding: 0.2rem 1.5rem;}
.sub-menu li a {color: #000; /* Cor preta para os itens do dropdown */ padding: 0.2rem 1.5rem; display: block; transition: all 0.3s ease; font-size: 10px; /* Tamanho base */}
.sub-menu li a:hover {font-size: 12px;/* Aumenta o tamanho */ transform: scale(1.05); /* Dá leve destaque */}
/* O item ativo continua preto */
.menu-home > ul > li.active > a {color: #fff; /* Preto */}
/* Os itens inativos ficam cinza quando há um ativo */
.menu-home > ul > li.active ~ li > a,.menu-home > ul > li:not(.active) > a {color: #545454; /* Cinza */}
/* Quando não há ativo, todas as opções permanecem pretas */
.menu-home:not(:has(.active)) a {color: #fff !important;}

/*STYLE INFOS SERVIÇOS*/
.galeria-serv-ad{margin-top: 5rem; margin-bottom: 4rem; width: 80%; overflow-x: auto; /* Barra de scroll visível */ white-space: nowrap; /* Evita que as imagens quebrem para a linha de baixo */ cursor: grab; /* Muda o cursor ao passar sobre a seção */ -webkit-overflow-scrolling: touch; /* Suporte para mobile */ margin-left: 16%;}




.top-chef{background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/chef/chef-infos.capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.title-infos-topo{position: relative; top: 39%; justify-content: center; display: flex; font-weight: 700; font-size: 36px; line-height: 1.4; letter-spacing: 0.5rem; color: #fff; left: 7%; width: fit-content;}
.pretitle-infos{position: relative; top: 41.5%; left: 7%; font-size: 13px; color: #ffde59; width: fit-content;}
.disclaimer{font-size: 10px; padding-top: 2rem; text-align: right; color:#000;}
.logo-form{width: 21px; height: 28px; margin: 25px;}
.section-infos {display: block; margin-bottom: 1rem; padding: 0rem 8.5%;}
.section-infos .row-infos {display: flex; column-gap: 3rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 6rem;}
.column-infos {float: left; width: 70%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.column-descricao{margin-bottom: 1rem; left: 4%; position: relative; width: 57%; padding-top: 0rem;}
.topo-column-infos {margin-bottom: 1rem; left: 8.5%; position: relative; width: 91.5%; margin-top: 1rem;}
.pre-title-infos {font-weight: 300; font-size: 10px; line-height: 1.4; letter-spacing: 0.3rem; padding-bottom: 1rem; text-align: right;}
.title-column-infos {color: #000;/* margin-right: 7.5em; */font-weight: 700; font-size: 21px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 0rem;}
.subtitle-infos {font-weight: 300; font-size: 13px; line-height: 1.7; padding-top: 2rem; width: 100%; text-align: right;}
/*.form-chef {padding: 20px; border-radius: 8px; width: 100%; margin-left: 7rem;}*/
.form-chef input::placeholder {color: #000 !important; opacity: 1; /* Garante que os placeholders são visíveis */}
#submit-form-chef {padding: 10px; border: none; background-color: #fff; color: #000; font-size: 13px; cursor: pointer; font-weight: 300; align-self: flex-end; width: 7rem; border-bottom: solid 1px #20252d; height: 2.5rem; align-self: center; margin-top: 1rem;}
#submit-form-chef:hover {background-color: #20252d; color:#fff;}
.column-form {float: left; width: 40%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.form-chef {display: flow; align-items: center; justify-content: center; background-color: #fff; padding: 2rem 1.5rem 0.5rem 1.5rem; box-shadow: 1px 1px 22px 0px #d7d7d7; border-radius: 8px;}
.logo-form {width: 21px; height: 28px; margin: 25px;}
.titulo-form {font-weight: 700; font-size: 13px; color: #000; text-align: left; padding: 0rem 1rem; line-height: 1.4; letter-spacing: 2px;}
.form-chef form {display: flex; flex-direction: column; padding: 2rem 1rem;}
.form-chef input {text-align: left; position: relative; font-size: 9px; font-weight: 300; font-family: 'Poppins'; text-decoration: none; height: 19px; width: 100%; /* padding: 2rem; */}
input, select, textarea {height: 14px; width: 150px; border: none; border-bottom: 1px solid #000; outline: none; padding: 0px 0px; border-radius: 0px;}
.section-infos-chef {display: flex; width: 100%;}
.left-information {flex-direction: column; justify-content: center; /* padding-left: 1.5em; */ padding-right: 1em;}
.chef {width: 50%; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.infos {display: flex; flex-wrap: wrap; justify-content: space-between; overflow-x: auto;}
#tipo-experiencia{margin-bottom: 1.5rem; width: 100%; height: 30px; margin-top: 0.4rem; padding-left: 0px;}
.right-information {flex-direction: column; justify-content: center;}
.disclaimer-form{font-size: 9px; color: #000; text-align: left; padding-top: 1.5rem;}
.form-chef textarea {width: 100%; text-align: left; resize: none; height: 75px; border: 1px solid #000; margin-top: 1.5rem !important; padding: 5px !important; font-family: 'Poppins'; font-size: 10px; font-weight: 400;}
.form-chef input, .form-chef textarea {margin-bottom: 1.5rem; padding: 0px 4px; border-bottom: 1px solid #000 !important; border-radius: 0; background-color: transparent; outline: none !important; color: #000; margin-top: 1rem;}
.block-form .infos {display: flex; margin-bottom: 0; flex-direction: column; justify-content: space-between;}
.input-holder {display: flex; flex-direction: column; margin-bottom: 10px;}
.block-form .input-holder {width: 100%; position: relative; padding: 28px 0 10px;}
#name, #e-mail, #fone, #people, #time, #tipo-experiencia, #date, #stay {color: #000 !important; padding-bottom: 0.5rem; font-size: 11px; font-family: 'Poppins';}
#time {padding-left: 0px; width: 100%; height: 30px; margin-bottom: 1.5rem; margin-top: 0.4rem;}
.tabs {display: flex; justify-content: space-around; position: relative; border-bottom: 2px solid #525252; margin-top: 5.5rem;}
.tab {color:#000; padding: 0px 10px 5px 10px; cursor: pointer; position: relative; font-size: 13px; font-family: 'Poppins';}
.indicator {position: absolute; bottom: -2px; left: 0; height: 3px; background-color: black; width: 25%; transition: transform 0.3s ease-in-out;}
.content {margin-top: 20px; font-size: 13px; font-family: 'Poppins';}
.top-massagens{background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/massagem/massagem-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.menu-options-massagem {list-style: none; padding: 0; text-align: left; margin-bottom: 4rem; /* width: 14rem; */ position: relative; width: 34rem;}
.menu-options-massage, .menu-item-has-children {cursor:pointer; margin: 8% 0; position: relative; /* Para posicionar o dropdown corretamente */}
.menu-options-massagem a {color: #000; text-decoration: none; font-size: 13px; font-family: 'Montserrat'; letter-spacing: 1px; transition: color 0.3sease; padding-bottom: 1rem;}
.menu-options-massagem a.inactive {color: #545454; /* Cinza escuro */}
.menu-options-massagem a.active {color: #000;}
.menu-options-massagem a.active .chevron {transform: rotate(135deg); /* Chevron para cima */ border-color: #444; /* Cinza escuro quando ativo */}
.dropdown-massagem a {color: #000; text-decoration: none; font-size: 13px; padding: 5px 10px; display: block; letter-spacing: 1px; font-family: 'Montserrat'; transition: transform 0.3s ease; }
.dropdown-massagem a:hover {transform: scale(0.97);}
#dropdown-toggle-massagem{position: relative;float: inline-end;}
.dropdown-massagem {list-style: none;padding: 0;max-height: 0; /* Inicialmente fechado */overflow: hidden;transition: max-height 0.5s ease; /* Transição mais lenta */margin-top: -0.5rem;}
.dropdown-massagem li {margin: 12px 0; cursor: pointer;}
.dropdown-massagem.active {max-height: fit-content; /* Altura máxima do dropdown */}
.dropdown-massagem  p{font-size: 13px; padding-top: 0.8rem; margin-top: 0.4rem;}
.tipos-massagem{margin-top: 3rem;}
.tipos-massagem li{margin-bottom: 3rem; cursor: pointer;}
.top-barco{background-position-y: -17rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/barco/barco-capa.webp); height: 81vh; background-size: cover; background-repeat: no-repeat;}
.disclaimer-barco{font-size: 10px; text-align: right; color:#a6a6a6;}
.local{font-size:13px;}
svg{width: 25px; margin-right: -6px; position: relative; /* right: -17px; */ top: 7px; left: -7px;}
.message-wrapper {margin-top: 0rem; transition: all 0.3s ease; align-self: center; width: 100%;}
.message-toggle {background-color: transparent !important; color: #000 !important; border: none; padding: 10px 16px; font-size: 13px; cursor: pointer; border-radius: 0px; transition: background-color 0.3s ease; margin-top: -1rem !important;}
.iti__selected-flag {z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 13px 5px !important; background-color: transparent;}
.iti__flag.iti__pt {height: 13px; background-position: -4141px 0px; width: 18px; padding-bottom: 18px;}
.iti__flag {height: 15px; box-shadow: none !important; background-image: url(../img/flags.png); background-repeat: no-repeat; background-color: transparent !important; background-position: 20px 0;}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {padding-right: 6px; padding-left: 52px; margin-left: 0; padding-bottom: 8px !important; font-size: 11px !important;}
.message-toggle:hover {background-color: #e1b600;}
#message-area {display: none; margin-top: 10px; animation: fadeIn 0.3s ease forwards;}
.message-toggle:hover {background-color: #e1b600;}
.close-message {position: absolute; top: 0px; right: 0px; background-color: transparent !important; border: none !important; border-radius: 0%; font-size: 12px !important; width: 19px !important; height: 17px !important; cursor: pointer !important; color: #000 !important; padding: 0px;}
.message{width: 18px; margin-right: 0px; position: relative; /* right: -17px; */ top: 12px; left: -4px;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); }}
.top-cavalo{background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/cavalo/cavalo-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.mais-infos-experiencia{font-size: 13px; color:#a6a6a6;}
.top-yoga{background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/yoga/yoga-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-personal-trainer{background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/Personal/personal-trainer-capa.png); height: 81vh; background-size: cover; background-position: center center;}
.top-chocolate{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/chocolate/chocolate-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.localizacao{font-size:13px;}
#local{text-align: left !important; left: 0% !important; padding-bottom: 1.5rem;}
.top-peq-almoco{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/pequeno-almoço/peqalmoco-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-compras{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/compras/compras-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-babysitter{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/babysitter/babysitter-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-transfer{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/transfer/transfer-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-rafting{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/rafting/rafting-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-canorafting{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/cano-rafting/canorafting-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-canyoning{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/canyoning/canyoning-capa.webp); height: 81vh; background-size: cover; background-position-y: -42rem;}
.top-wakeboard{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/wakeboard/wakeboard-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-wakefoil{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/wakefoil/wakefoil-capa.webp); height: 81vh; background-size: cover; background-position-y: -17rem;}
.top-surf{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/surf/surf-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-paiva{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/paiva/paiva-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-rapel{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/rapel/rapel-capa.webp); height: 81vh; background-size: cover; background-position-y: -39rem;}
.top-buggy{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/buggy/buggy-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-paddle{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/paddle/paddle-capa.webp); height: 81vh; background-size: cover;}
.top-bttour{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/btt/btt-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.top-voo{display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/voo/voo-capa.webp); height: 81vh; background-size: cover; background-position: center center;}

/*END INFOS SERVIÇOS*/

/*STYLE TERMOS RESERVAS*/
.title-termos { color: #000; /* Espaço entre o título e o menu */ font-weight: 100; padding-top: 4em; font-size: 21px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: center; padding-bottom: 3rem;}
.bemvindos{font-size: 16px; padding-top: 2rem;}
.condicoes{padding: 0rem 8.5%; font-size:12px; font-family: 'Poppins'; margin-bottom: 6%; margin-top: 5%;}
.cta-2-termos {font-size: 13px; padding-top: 2rem; width: 50%; margin-left: 0; text-align: right; padding-bottom: 2rem; left: 41%; position: relative; color:#fff;}
.image-title-escura {position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); color: white; /* background-color: rgba(0, 0, 0, 0.7); */ padding: 5px 10px; border-radius: 5px; font-size: 15px; text-align: center; pointer-events: none; letter-spacing: 0.49rem;}
.logos{height: 1.4cm;}
/*END STYLE TERMOS RESERVAS*/

/* STYLE FAQS */
.accordion {width: 100%; margin: auto;}
.accordion-item {margin-bottom: 0.5em;}
.accordion-header {padding: 8px 0; cursor: pointer; position: relative; display: flex; align-items: center;}
.accordion-header::before {content: ""; width: 2px; height: 42%; background-color: #20252d; position: absolute; left: 0; top: 10px; transition: opacity 0.3s ease;}
.accordion-header span {color: #000; flex-grow: 1; padding-left: 10px;}
.accordion-content {max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, border 0.3s ease-out, padding 0.3s ease-out; border: none; position: relative;}
.accordion-content p {color: #000; margin: 15px 15px; font-size: 13px;}
/* Oculta o traço amarelo quando o acordeão está aberto */
.accordion-header.active::before {opacity: 0;}
.accordion-content.open {border-bottom: 1px solid #20252d;}
.subtitle-faqs{font-weight: 600;}
/*END STYLE FAQS*/

/*STYLE SIMULATOR*/
.slogan-simulator{text-align: center; padding-top: 2rem; padding-bottom: 2rem; font-weight: 750; /* letter-spacing: 19px; *//* word-spacing: 119px; */ font-size: 2rem;}
.error { border-color: red; }
.hidden { display: none; }
.simulator{padding-left: 1rem; padding-right: 1rem; justify-content: center; display: flex; margin-top: 2rem;}
#menuToggledesk{top: 1em ! Important; left: 11.5em ! Important;}
.pretitle-simulator{font-size: 13px; font-weight: 300; text-align: center; display: flex; align-content: center; justify-content: center;}
.title-simulator {color: #000; font-weight: 300; padding-top: 3em; padding-bottom: 1em; font-size: 21px; line-height: 1.37; letter-spacing: 6px; text-align: center; position: relative; justify-content: center; align-content: center; flex-wrap: wrap; display: flex;}
.form-container { padding: 0px; width: 100%; max-width: 700px; justify-content: center; flex-wrap: wrap; position: relative;}
.form-container h3{justify-content: center; align-content: center; display: flex; padding-bottom: 1em; background-color: #20252D; border-top-left-radius: 16px; border-top-right-radius: 16px; padding: 1em; justify-content: center; align-content: center; display: flex; padding-bottom: 1em; color: #fff;}
.section-simulator { display: flex; width: 100%;}
.columnsimulator-4 { width: 50%; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.left-columnsimulator { flex-direction: column; justify-content: center; padding-left: 2rem; padding-right: 3rem;}
.textsimulator-block h2{ margin-bottom: 1em; font-size: 43px; font-weight: 700;}
.textsimulator-container { display: flex; flex-direction: column; align-items: center;}
.textsimulator-block { color:#ffffff; margin-bottom: 20px; text-align: left; width: 100%;}
.right-columnsimulator { flex-direction: column; justify-content: center; padding-left: 2rem; padding-right: 3rem;}
.form-step { display: none; }
.form-step-active { display: block; }
.form-container { padding: 0px; width: 100%; max-width: 700px;}
.form-step { display: none;}
.form-step-active { display: block;}
.progress-bar { margin-bottom: 20px; z-index: -1;}
.progress-bar ul { list-style-type: none; padding: 0; display: flex; justify-content: center;}
.progress-bar ul li {width: 13%; height: 2px; background-color: #ccc; position: relative; margin-left: 4px; margin-bottom: 0rem;}
.progress-bar ul li.active { background-color: #20252d;}
.progress-bar ul li:before { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; transform: translate(-50%, -50%); margin-left: 4px;}
.progress-bar ul li.active:before { background-color: #FFDE59;}
label { display: block; margin-bottom: 8px; font-weight: 300; color: #000; font-size: 13px; margin-bottom: 5px; font-family: 'Poppins';}
input, select, textarea {font-size: 11px; font-family: 'Poppins'; color: #000;height: 32px; width: 200px; border: none; border-bottom: 1px solid #000; outline: none; padding: 2px 4px; border-radius: 0px;}
#tipo-experiencia-select{padding: 8px 8px 8px 2px !important;}
textarea { resize: vertical;}
button { padding: 9px 9px; border: none; font-size: 10px; cursor: pointer; transition: background-color 0.3s; font-family: 'Poppins';}
.btn-next {background-color: transparent; width: 12%; /* border-bottom-right-radius: 16px; *//* border-bottom-left-radius: 16px; */ margin-top: 1em; border-bottom: solid 1px #20252d; position: absolute; right: 3rem;}
.btn-next:hover { background-color: #20252d; color:#fff;}
.btn-enviar {bottom: -2rem; margin-top: -2em; color: #000; background-color: transparent; border-bottom: solid 1px #20252d; width: 12%;/* border-bottom-right-radius: 16px; *//* border-bottom-left-radius: 16px; */ position: absolute; right: 3rem; margin-top: 1rem;}
.btn-enviar:hover { background-color: #20252d; color:#fff;}
.btn-prev { background-color: #d2d2d2 !important; padding: 8px 5px !important; margin-top: 1em; border-radius: 10px; width: 6%; height: 33px;}
.btn-prev:hover { background-color: #d2d2d2 !important;}
.PhoneInput { display: flex; align-items: center; font-size: 10px;}
.PhoneInputCountry { font-size:10px; display: flex; align-items: center; margin-right: var(--PhoneInputCountrySelect-marginRight);}
.PhoneInputCountrySelect {font-size: 10px; position: absolute; height: 100%; width: 100%; border: 0; opacity: 0; cursor: pointer;}
.PhoneInputCountryIcon {font-size: 10px; width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height);}
.PhoneInputCountryIconImg {font-size: 10px; display: block; width: 100%; height: 100%;}
.PhoneInputInput {font-size: 10px; flex: 1; min-width: 0; padding: 6px 12px; height: 40px; font-size: 15px; color: #000; background: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.iti__country-list{box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; overflow-y: scroll; -webkit-overflow-scrolling: touch; font-size: 13px; width: 15rem;}
.phone-wrapper{margin-bottom: 0.9rem; margin-top: 1rem;}
.select { position: relative; width: 100%;}
.select-holder { background: #fff; border: 1px solid #ccc; cursor: pointer; padding: 10px; display: flex; justify-content: space-between; align-items: center;}
.select-arrow { width: 16px; height: 16px;}
.select-drop { display: none; position: absolute; width: 100%; border: 1px solid #ccc; border-radius: 4px; top: 40px; box-shadow: 0 6px 12px rgba(0, 0, 0, .075); background: #fff; z-index: 1;}
.select-drop.show { display: block;}
.select-options { padding: 10px; cursor: pointer;}
.select-options:hover { background: #f1f1f1;}
.check { position: absolute; cursor: pointer; z-index: 1; left: 7.5em; bottom: 1.5em;}
.check:checked + span + svg:last-child { display: block;}
.holder { display: flex; align-items: center; position: relative;}
.holder svg:last-child { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: none; z-index: 2;}
.valuation-widget .holder-buttons { position: fixed; bottom: 0; left: 0;  width: 100%;  padding: 10px 15px; min-height: 48px; background: #fbfbfb; z-index: 10; box-shadow: 2px 0 8px rgba(0, 0, 0, .1);}
.valuation-widget .holder-buttons .frame { max-width: 616px; margin: 0 auto;}
.valuation-widget .holder-buttons button.back { width: 44px; height: 40px; background: #fff; border: 0; padding: 0; font-weight: normal; box-shadow: 2px 6px 17px rgba(0, 0, 0, .07);}
.block-form {border-radius: 16px; max-width: 700px; margin: 0 auto 10px; background: #fff;}
.block-form .input-holder { width: 100%; position: relative; padding: 28px 0 10px;}
.block-form .input-holder.empty .label { top: 30px; font-size: 14px; letter-spacing: -0.9px;}
.block-form .line { display: flex; margin-bottom: 0; flex-direction: column; justify-content: space-between; width:100%;}
.block-form .select-wrapper { width: 100%; position: relative; margin-bottom: 15px; padding-top: 7px;}
.block-form .select-value { min-height: 25px; height: 25px; line-height: 14px; border-width: 0 0 1px; border-color: #d9d9d9; padding: 6px 0 4px; background: none; letter-spacing: -0.7px;}
.valuation-widget .step5 .block-form { padding: 16px;}
.step5 .block-form { margin-bottom: 20px;}
.valuation-widget .step5 .columns-wrapper { display: flex; justify-content: space-between; flex-direction: column;}
.valuation-widget .step5 .columns-wrapper .column { width: 100%;}
.valuation-widget .step5 .input-holder { height: 65px;}
.valuation-widget .row-info { width: 100%; max-width: 615px; margin: 0 auto 30px; overflow: hidden; font-size: 13px; line-height: 15px; color: #b2b2b2;}
.ConsentInput { font-size: 10px; line-height: 10px; min-height: 27px;}
.ConsentInput .checkbox-row { position: relative;}
.checkbox-row { width: 100%;}
.ConsentInput label { width: 85%;}
.checkbox-row label { float: left; width: 100%;}
.checkbox-checker { float: left; width: 15px; height: 15px; border-radius: 2px; border: 1px solid #ccc; background: #fff; margin-right: 10px; margin-top: 3px;}
.ConsentInput .checkbox-row .checkbox-checker, .ConsentInput .checkbox-row input[type=checkbox] { position: absolute; right: 0; display: block; float: right; margin: 0 20px; height: 27px; width: 27px;}
.checkbox-row:after { clear: both;}
.checkbox-row:before, .checkbox-row:after { content: " "; display: table;}
.holder-features { padding: 0 0 12px; margin: 0 auto; list-style: none; text-align: left;}
.holder-features li .holder { position: relative; width: 142px; min-height: 107px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid rgb(0 0 0 / 6%); border-radius: 3px; padding: 10px; gap: 10px; cursor: pointer; background-color: #fafafa; box-shadow: brown; box-shadow: 2px 6px 17px rgba(0, 0, 0, .07);}
.holder-features li { position: relative; padding-left: 30px; padding-bottom: 15px;}
.holder-features li:before { position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 50%; background: #007BFF;}
.line { display: flex; flex-wrap: nowrap; /* Impede a quebra de linha */ justify-content: space-between; /* Espaça os itens igualmente */ margin-bottom: 15px; /* Espaçamento entre linhas */}
#receiverCP{border-bottom: 0px solid transparent;}
.input-holder { display: flex; flex-direction: column; /* Coloca o label acima do input */ margin-bottom: 10px; /* Espaço entre múltiplos campos, se necessário */}
.input-holder .label { margin-bottom: 5px; /* Espaço entre o label e o input */}
.input-holder input[type="text"] { height: 20px; /* Altura do campo */ width: 100%; /* Largura do campo */ border: none; /* Remove a borda padrão */ border-bottom: 1px solid #20252d; /* Adiciona uma borda inferior */ outline: none; /* Remove o contorno ao focar */ padding: 2px 4px; /* Espaçamento interno */}
.input-holder:last-child { margin-right: 0; /* Remove o margin-right do último item em cada linha */}
input, select { width: 100%; padding: 8px; box-sizing: border-box; /* Inclui padding e border na largura */}
.error-message { color: red; font-size: 0.875em; margin-top: 5px;}
.holder{ display: flex; align-items: center; position: relative; justify-content: center; top: 1em;} 
.holder .legenda{ position: absolute; top: 3.5em; right: -0.5em; width: 100%;}
.fa-solid .fas{ font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px;}
.extras{ width: 44px; justify-content: center; align-content: center; display: flex; flex-wrap: wrap;}
.section3-simulator{ background-color: #ffffff; margin-left: 0em;}
.section3-simulator .row-simulator { margin-top: 2em; display: flex; column-gap: 3.5em; justify-content: center; width: 100%; flex-wrap: nowrap;}
.column-simulator { float: left; width: 27.33%; padding: 0px; margin-bottom: 20px; text-align: left; box-shadow: 0 0 10px rgba(0, 0, 0, 0.234); box-sizing: border-box; gap: 3em; max-width: 418px; height: 100px; cursor: pointer; z-index: 0; background-size: cover; background-position: center; position: relative;}
.column1-simulator, .column2-simulator, .column3-simulator, .column4-simulator, .column5-simulator, .column6-simulator{ background-image: none;}
.right-columnsimulatorFinal {flex-direction: column; justify-content: center; padding-left: 2rem; padding-right: 3rem;}
.left-columnsimulatorFinal {flex-direction: column; justify-content: center; padding-left: 2rem; padding-right: 3rem;}
.footer-simulator{ background-color: #20252D; height: 66vh;}
.hidden h2 {padding-bottom: 2em;}
.buttons-simulator{position: absolute; top: 3.5em; right: 34em; display: flex; gap: 32px;}
/* Ajuste para o estilo do Select2 para manter a consistência */
.select2-container .select2-selection--multiple {border: none !important; border-bottom: 1px solid #000 !important; background-color: transparent !important; outline: none !important; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 300; color: #000; padding: 0 !important; border-radius: 0px !important; position: relative;}
/* Adiciona o ícone chevron-down do Font Awesome */
/* Ícone chevron-down visível por padrão */
.select2-container .select2-selection--multiple::after {font-family: "Font Awesome 6 Free"; content: "\f078"; /* fa-chevron-down */ font-weight: 900; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 13px; color: #000; pointer-events: none; transition: opacity 0.2s ease; opacity: 1;}
.select2-container .select2-selection__placeholder {color: #000 !important; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 300;}
#valuation_rooms, #tipology, #valuation_buildings{color:#828282;}
/* Quando o dropdown está aberto, o ícone desaparece */
.select2-container--open .select2-selection--multiple::after {opacity: 0;}
/* Campo de texto interno */
.select2-search__field {width: 100% !important; font-family: 'Poppins', sans-serif; font-size: 13px; color: #000;}
.select2-search .select2-search--inline {margin: 0% !important;}
/* Esconde o select real */
.select2-hidden-accessible {border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important;}
.select2-container {box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle;}
.select2-container--classic .select2-selection--multiple {background-color: white; border: 1px solid #aaa; cursor: text; outline: 0;}
.select2-container .select2-selection--multiple .select2-selection__rendered {line-height: 14px; font-size: 13px; /* atualizado para 12px */ font-weight: 300; text-align: left; display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; color: #000; font-family: 'Poppins', sans-serif;}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {list-style: none; margin: 0; padding: 0 5px;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {background-color: #20252d; border: 1px solid #20252d; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px;}
.select2-dropdown {width: auto; min-width: 270px; position: relative; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 300; text-align: left;}
.select2-container--classic.select2-container--open .select2-dropdown {border-color: #20252d;}
.select2-container--classic.select2-container--open .select2-selection--multiple {border: 1px solid #20252d;}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {background-color: #20252d; color: #fff;}
.select2-container .select2-selection__choice {background-color: #000; color: #fff; font-size: 13px; font-weight: 300; padding: 1px 5px;}
.select2-container .select2-selection__choice__remove {color: #fff; font-size: 13px; padding-left: 3px;}
.select2-container--classic .select2-selection__arrow {display: none; /* mantém escondido o padrão */}



.dropdown-checkbox-simulator {position: relative; width: 100%;}
.comodidadesSimulator {width: 100%; padding: 8px 10px; border-bottom: 1px solid #20252d !important; background: white; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: flex-start; min-height: 38px; gap: 5px; border: none;}
.checkbox-simulator{width: 20%; padding: 8px; box-sizing: border-box; height: 10px;}
.dropdown-options-simulator {display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #ccc; border-top: none; z-index: 1000; max-height: 200px; overflow-y: auto;}
.dropdown-options-simulator label {display: block; padding: 0px 10px; cursor: pointer;}
.dropdown-options-simulator label:hover {background: #f0f0f0;}
.selected-tags-container {display: flex; flex-wrap: wrap; gap: 5px; flex-grow: 1; align-items: center; min-height: 24px;}
.placeholder-text {color: #20252d; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.selected-tag {background: #20252d; padding: 3px 8px; border-radius: 15px; display: flex; align-items: center; font-size: 13px; white-space: nowrap; color: #fff;}
.selected-tag button {margin-left: 5px; background: none; border: none; cursor: pointer; color: #fff; font-size: 12px; line-height: 1; padding: 0;}
.chevron-icon {margin-left: auto; flex-shrink: 0; align-self: center; transition: transform 0.2s ease;}
.chevron-icon-simulator.open {transform: rotate(180deg);}
#phone-simulator{margin-top:-3rem !important;}
.selected-tags-container {display: flex; flex-wrap: wrap; gap: 4px;}
.selected-tag {background-color: #20252d; padding: 2px 6px; border-radius: 12px; font-size: 12px; white-space: nowrap;}
.placeholder-text {color: #999;}
/*END STYLE SIMULATOR*/

/*STYLE BLOG*/
.topo-blog{padding: 2% 11.5%; width: auto; margin-bottom: 4rem;}
.slogan-blog{text-align: center; padding-top: 10rem; font-weight: 750; /* letter-spacing: 19px; *//* word-spacing: 119px; */ font-size: 2rem;}
.CTA-first-blog{padding-bottom: 8rem; padding-top: 2rem; height: 7vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
#artigo1{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo1.jpg); background-size: cover; background-position: center;}
#artigo2{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo2.jpg); background-size: cover; background-position: center;}
#artigo3{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo3.jpg); background-size: cover; background-position: center;}
#artigo4{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo4.jpg); background-size: cover; background-position: center;}
#artigo5{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo5.jpg); background-size: cover; background-position: center;}
#artigo6{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo6.jpg); background-size: cover; background-position: center;}
#artigo7{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo7.jpg); background-size: cover; background-position: center;}
#artigo8{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo8.jpg); background-size: cover; background-position: center;}
#artigo9{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo9.webp); background-size: cover; background-position: center;}
#artigo10{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo10.jpg); background-size: cover; background-position: center;}
#artigo11{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo11.jpg); background-size: cover; background-position: center;}
#artigo12{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo12.jpg); background-size: cover; background-position: center;}
#artigo13{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo13.jpg); background-size: cover; background-position: center;}
#artigo14{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo14.jpg); background-size: cover; background-position: center;}
#artigo15{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo15.jpg); background-size: cover; background-position: center;}
#artigo16{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo16.jpg); background-size: cover; background-position: center;}
#artigo17{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo17.jpg); background-size: cover; background-position: center;}
#artigo18{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo18.jpg); background-size: cover; background-position: center;}
#artigo19{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo19.jpg); background-size: cover; background-position: center;}
#artigo20{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo20.jpg); background-size: cover; background-position: center;}
#artigo21{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url(../img/blog/artigo21.jpg); background-size: cover; background-position: center;}
.info-experiences-art-title{color: #fff; font-size: 1.6rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 6px;}
.top-artigo1{display: block; background-image: url(../img/blog/artigo1.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo2{display: block; background-image: url(../img/blog/artigo2.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo3{display: block; background-image: url(../img/blog/artigo3.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo4{display: block; background-image: url(../img/blog/artigo4.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo5{display: block; background-image: url(../img/blog/artigo5.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo6{display: block; background-image: url(../img/blog/artigo6.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo7{display: block; background-image: url(../img/blog/artigo7.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo8{display: block; background-image: url(../img/blog/artigo8.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo9{display: block; background-image: url(../img/blog/artigo9.webp); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo10{display: block; background-image: url(../img/blog/artigo10.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo11{display: block; background-image: url(../img/blog/artigo11.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo12{display: block; background-image: url(../img/blog/artigo12.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo13{display: block; background-image: url(../img/blog/artigo13.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo14{display: block; background-image: url(../img/blog/artigo14.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo15{display: block; background-image: url(../img/blog/artigo15.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo16{display: block; background-image: url(../img/blog/artigo16.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo17{display: block; background-image: url(../img/blog/artigo17.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo18{display: block; background-image: url(../img/blog/artigo18.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo19{display: block; background-image: url(../img/blog/artigo19.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo20{display: block; background-image: url(../img/blog/artigo20.jpg); height: 43vh; background-size: cover; background-position: center center;}
.top-artigo21{display: block; background-image: url(../img/blog/artigo21.jpg); height: 43vh; background-size: cover; background-position: center center;}
.contactos-blog{margin-bottom: 6rem; padding: 0 8.5%;}
.contactos-blog-title{font-weight: 700;font-size: 21px;font-family: 'Montserrat';}
.contactos-blog-subtitle{letter-spacing: 3px; padding-top: 10px;}
.parceiro-blog{color: #000; background-color: transparent; padding: 11px; position: relative; top: 0rem; margin-left: auto; right: 0; left: 17rem; font-size: 13px; border-bottom: solid 1px #20252d; font-weight: 500;}
.title-artigo {color: #000; font-weight: 600; padding-top: 3em; font-size: 36px; line-height: 1.37; letter-spacing: 4px; padding-left: 0em; text-align: center; padding-bottom: 3rem;}
.tabs-blog {display: flex; justify-content: space-around; position: relative; border-bottom: 2px solid #525252; margin-top: 2.5rem;}
.tab-blog {color:#000; padding: 0px 10px 5px 10px; cursor: pointer; position: relative; font-size: 13px; font-family: 'Poppins';}
.indicator-blog {position: absolute; bottom: -2px; left: 0; height: 3px; background-color: black; width: 25%; transition: transform 0.3s ease-in-out;}
.content-blog{padding-top:4rem;}
.row-artigos{row-gap: 10rem; display: flex; column-gap: 2rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-artigos{width: 31%; padding: 0px; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center center; height: 35vh; transition: 0.3s ease-in-out; display: flex;}
.artigo{top: 100%; color: #fff; height: 10vh; background-color: transparent; z-index: 2; transition: background-color 0.3s ease-in-out; padding: 10px; position: relative; width: 100%;}
.artigo h2{color: #20252d; text-align: left; font-size: 21px; font-weight: 600;}
.artigo p{color: #7c7c7c; text-align: left; font-size: 10px;}
.artigo h3{color: #20252d; text-align: left; margin: 0; font-family: 'Montserrat'; font-weight: 400; line-height: normal; font-size: 15px; padding: 0.8rem 0rem;}
#art1{background-image: url(../img/blog/artigo1.jpg);}
#art2{background-image: url(../img/blog/artigo2.jpg);}
#art3{background-image: url(../img/blog/artigo3.jpg);}
#art4{background-image: url(../img/blog/artigo4.jpg);}
#art5{background-image: url(../img/blog/artigo5.jpg);}
#art6{background-image: url(../img/blog/artigo6.jpg);}
#art7{background-image: url(../img/blog/artigo7.jpg);}
#art8{background-image: url(../img/blog/artigo8.jpg);}
#art9{background-image: url(../img/blog/artigo9.webp);}
#art10{background-image: url(../img/blog/artigo10.jpg);}
#art11{background-image: url(../img/blog/artigo11.jpg);}
#art12{background-image: url(../img/blog/artigo12.jpg);}
#art13{background-image: url(../img/blog/artigo13.jpg);}
#art14{background-image: url(../img/blog/artigo14.jpg);}
#art15{background-image: url(../img/blog/artigo15.jpg);}
#art16{background-image: url(../img/blog/artigo16.jpg);}
#art17{background-image: url(../img/blog/artigo17.jpg);}
#art18{background-image: url(../img/blog/artigo18.jpg);}
#art19{background-image: url(../img/blog/artigo19.jpg);}
#art20{background-image: url(../img/blog/artigo20.jpg);}
#art21{background-image: url(../img/blog/artigo21.jpg);}
/*END STYLE BLOG*/

/*STYLE ALOJAMENTOS*/
.galeria-casas-container {display: flex; gap: 20px; max-width: -webkit-fill-available; margin: 0rem 0 0; padding: 6rem 8.5% 0;}
.imagem-principal img {width: 100%; height: 79.8%; object-fit: cover; cursor: pointer;}
.miniaturas {display: flex; flex-direction: column; gap: 20px;}
.miniaturas img.thumb {width: 23.56rem; height: 25%; cursor: pointer; border-radius: 0px; transition: transform 0.5s, opacity 0.2s;}
.miniaturas img.thumb:hover {transform: scale(1.02); opacity: 0.8;}
.miniaturas button {margin-top: -2.75rem; padding: 13px; background-color: #20252d; color: #fff; border: none; cursor: pointer; font-weight: bold; border-radius: 0px; transition: background 0.3s; width: 12rem; position: relative; right: 0; margin-left: auto; font-size: 13px;}
.miniaturas button:hover {background-color: #545454;}
.lightbox {display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; flex-direction: column;}
.lightbox img {max-width: 90%; max-height: 80vh;}
.lightbox .fechar {position: absolute; top: 20px; right: 30px; font-size: 40px; color: #fff; cursor: pointer;}
.lightbox .navegacao {position: absolute; top: 47%; display: flex; gap: 61rem;}
.lightbox .navegacao button {background: none; color: #fff; font-size: 18px; padding: 3px 10px; border-radius: 14px; cursor: pointer; transition: transform 0.5s, opacity 0.2s;}
.lightbox .navegacao button:hover {color: #fff; transform: scale(1.35);}
.miniatura-wrapper {position: relative; display: inline-block;}
#share {margin-left: 5.2%; align-items: center !important; z-index: auto !important; top: 0px !important; margin-top: 0rem !important; padding: 12px !important; background-color: transparent !important; color: #000 !important; border: none !important; cursor: pointer; font-weight: 400; border-radius: 0px; transition: background 0.3s !important; width: 3rem !important; position: relative; right: 0; font-size: 13px; margin-bottom: -1.1rem !important; font-family: 'Montserrat';}
#share:hover {background-color: rgba(0, 0, 0, 0.9);}
.svg-share{width: 16px; margin-right: 5px; position: relative; top: 22px; left: -20px;}
.subtitle-houses {padding: 0rem 8.5% 1.5rem; margin-top: 1.5rem; margin-bottom: 3rem; font-weight: 400; font-size: 16px;}
.location-houses {padding: 0 8.5%; margin: auto; font-size: 16px; font-family: 'Montserrat';}
.specs-houses {padding: 0 8.5%; margin: 1rem 0rem; font-weight: 300; font-size: 13px; font-family: 'Poppins'; line-height: 24px;}
.menu-options-comodidades {list-style: none; padding: 0; text-align: left; margin-bottom: 4rem; /* width: 14rem; */ position: relative; width: -webkit-fill-available;}
.menu-options-massage, .menu-item-has-children {cursor:pointer; margin: 8% 0; position: relative; /* Para posicionar o dropdown corretamente */}
.menu-options-comodidades a {color: #000; text-decoration: none; font-size: 16px; font-weight: 500; font-family: 'Montserrat'; letter-spacing: 2px; transition: color 0.3sease; padding-bottom: 1rem;}
.menu-options-comodidades a.inactive {color: #545454; /* Cinza escuro */}
.menu-options-comodidades a.active {color: #000;}
.menu-options-comodidades a.active .chevron {transform: rotate(135deg); /* Chevron para cima */ border-color: #444; /* Cinza escuro quando ativo */}
.dropdown-comodidades a {color: #000; text-decoration: none; font-size: 13px; padding: 5px 10px; display: block; letter-spacing: 1px; font-family: 'Montserrat'; transition: transform 0.3s ease; }
.dropdown-massagem a:hover {transform: scale(0.97);}
#dropdown-toggle-comodidades{position: relative;float: inline-end;}
.dropdown-comodidades {list-style: none;padding: 0;max-height: 0; /* Inicialmente fechado */overflow: hidden;transition: max-height 0.5s ease; /* Transição mais lenta */margin-top: -0.5rem;}
.dropdown-comodidades li {margin: 12px 0; cursor: pointer;}
.dropdown-comodidades.active {max-height: fit-content; /* Altura máxima do dropdown */ padding: 0 1rem;}
.dropdown-coomodidades  p{font-size: 13px; padding-top: 0.8rem; margin-top: 0.4rem;}
.tipos-comodidades{margin-top: 3rem; padding: 0 8.5%;}
.tipos-comodidades li{margin-bottom: 2rem; cursor: pointer;}
.dropdown-toggle-comodidades{font-size: 18px; font-weight: 600; line-height: 1.4; font-family: 'Montserrat';}
.section-gerais {display: block; margin-bottom: 1rem;}
.section-gerais .row-gerais {display: flex; column-gap: 1rem; justify-content: flex-start; width: 100%; flex-wrap: wrap;}
.coluna-gerais{text-align: left; font-weight: 300; width: 100%; letter-spacing: 0px; font-size: 13px; line-height: 1.4;}
.column-gerais1 {top: 0.5rem; width: 23%; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
#btn-ver-mais-comodidades{margin-top: 0.5rem; background: none; border: none; color: #20252d; font-family: 'Montserrat'; font-size: 14px; cursor: pointer; text-decoration: underline; margin-left: -1.3rem; padding: 0 1.5rem;}
.subtitle-comodidades-extra{padding-top: 0rem; font-weight: 600; font-size: 14px; font-family: 'Montserrat'; letter-spacing: 2px; line-height: 1.4;}
.icon-comodidades{width: 16px; margin-right: 2px; position: relative; top: 10px; left: 3px;}
.sobre-casa{padding-top: 2rem; line-height: 2;}
.chevron-comodidades {display: inline-block; width: 8px; height: 8px; border-left: 2px solid #000; border-bottom: 2px solid #000; pointer-events: auto; margin-left: 8px; transition: transform 0.3s ease, border-color 0.3s ease; position: relative; float: left; transform: rotate(-45deg); left: 0; margin-right: 1.5rem; top: 4px;}
.divider-houses{margin-bottom: 1.5rem; margin-top: 0rem; width: 66%;}
#map {width: 55%; height: 450px; border-radius: 0px; margin: 1rem 8.5%;}
.mapa-casas{margin-top: 2rem; margin-bottom: 4rem;}
.infos-contacto-reservas{color:#fff; text-align:center; line-height: 1.4; font-size: 14px; font-weight: 300; padding: 1rem 0px;}
.reservas-houses{color:#fff; font-size: 23px; text-align: center; line-height: 2; font-weight: 700; letter-spacing: 4px;}
.banner-reserva-casas{background-color: #20252d; margin-bottom: 6rem; margin-top: 6rem; padding: 4rem 0;}
.title-next-houses{color: #000; font-size: 21px; font-weight: 700; font-family: 'Montserrat'; padding-left: 8.5%; padding-bottom: 2%;}
.next-casas{padding: 0 8.5%;}
.titulo-casas{text-align: left; font-size: 16px; padding-bottom: 5px; font-family: 'Montserrat'; margin-top: -2rem;}
.subtitulo-casas{text-align: left; font-size: 13px; font-family: 'Montserrat';}
.miniatura1-next-row{padding: 0;}
.miniatura1-next-cont{margin-bottom: 1rem; left: 0%; position: relative; width: 100%; padding-top: 0rem;}
.imagem-nitida{height: 60%; width: 100%;}
.botao-reservar{cursor: pointer; background-color:#20252d; color:#fff; width: 10rem; display: flex; text-align: center; padding: 14px 22px; position: relative; right: 0px; margin-left: auto; bottom: 1.5rem;}
.section-casas-next {display: block; margin-bottom: 1rem; margin-top: -2rem;}
.section-casas-next .row-casas-next {display: flex; column-gap: 3rem; justify-content: flex-start; width: 100%; flex-wrap: wrap;}
.coluna-casas-next{text-align: left; font-weight: 300; width: 100%; letter-spacing: 0px; font-size: 13px; line-height: 1.4;}
.column-casas-next {top: 1rem; width: 47%; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
.mais-comodidades{padding: 2rem 8.5%; margin-top: 2rem;}
.title-comodidades{color:#000; font-size:16px; font-weight: 500; line-height: 1.4; font-family: 'Montserrat'; letter-spacing: 2px;}
.sobre-local{padding: 1rem 8.5%; width: 70%;}
.title-sobre-local{font-size: 16px; padding-bottom: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: 2px;}
.title-houses{padding: 0rem 8.5% 0rem; margin-top: -8rem; font-size: 26px;}
.galeria-casas-desktop{display: block;}
.galeria-casas-mobile{display: none;}
.banner-reserva-mob{display: none;}
.banner-reserva-casas {display: block;}
.css-xm7yc3 {-webkit-column-count: 3; column-count: 3; padding: 1rem 0rem;}
.css-1nph1vj {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; color: #000000;}
.css-xkhtup {margin: 0; font-weight: 400; font-size: 13px; line-height: 1.1428571428571428; line-height: 2.2857142857142856;}
.css-1qgmnlh {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; color: #000000; color: rgba(0, 0, 0, 0.38);}
.infos-contacto-reservas-mob{display: none;}
.reservas-houses-mob{display: none;}
.imagem-desfocada-torreira {height: auto; width: 100%;}
.botao-brevemente {cursor: default; background-color: rgb(32, 37, 45); color: rgb(255, 255, 255); width: 13rem; display: flex; text-align: center; position: relative; right: 0px; margin-left: auto; bottom: 1.5rem; justify-content: center; padding: 14px 19px;}

.next-casas {padding: 0 8.5%;}
.title-next-houses {color: #000; font-size: 21px; font-weight: 700;}
.botao-brevemente {cursor: default; background-color: rgb(32, 37, 45); color: rgb(255, 255, 255); width: 13rem; display: flex; text-align: center; position: relative; right: 0px; margin-left: auto; bottom: 1.5rem; justify-content: center; padding: 14px 19px;}
.titulo-casas-em-breve {text-align: left; font-size: 16px; padding-bottom: 5px; font-family: 'Montserrat'; margin-top: -2rem;}
.subtitulo-casas {text-align: left; font-size: 13px; font-family: 'Montserrat';}
.botao-reservar {cursor: pointer; background-color: #20252d; color: #fff; width: 10rem; display: flex; text-align: center; padding: 14px 22px; position: relative; right: 0px; margin-left: auto; bottom: 1.5rem; justify-content: center;}
#galeria-escura{margin-top: 8rem;}
.page-wrapper {width: -webkit-fill-available; overflow: hidden;}
.container {max-width: -webkit-fill-available; margin-left: auto; margin-right: auto; padding-left: 8.5%; padding-right: 8.5%;}
.collection-list-wrapper {margin-top: 4rem; margin-bottom: 0rem;}
.property-list {grid-row-gap: 3rem; display: grid;}
.property-image-wrapper {border-radius: 0px; width: 68%; height: auto; max-height: 500px; overflow: hidden;}
.property-link {color: #333; width: 100%; text-decoration: none;}
.w-slider {text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: auto; position: relative;}
.slider-2 {justify-content: center; align-items: flex-start;}
.w-slider-mask {z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden;}
.mask {height: 45vh;}
.w-slide {vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative;}
.property-image {object-fit: cover; width: 100%; height: 100%;}
#img-houses {vertical-align: middle; max-width: 100%; display: inline-block;}
.w-slider-aria-label {clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}
.icon-wrap {background-color: #eeeeeec4; border-radius: 100%; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: relative;}
.property-content {z-index: 10; background-color: #20253d; border-radius: 11px; width: 90%; height: 100%; padding: 20px; position: relative; top: -62px; left: 7px; box-shadow: 0 2px 8px #0003;}
.w-inline-block {max-width: 100%; display: inline-block;}
.inline-flex.bigger {color: #fff; font-size: 1.5em; font-weight: 400; line-height: 1.1em;}
.inline-flex {flex-flow: wrap; display: flex; color:#fff;}
.text-block-5 {margin-right: 7px; color:#fff;}
h3 {color:#fff; margin-top: 20px; margin-bottom: 10px; font-family: Ogg Roman, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 30px;}
.ffs-line {background-color: #fff; opacity: .63; width: 35%; height: 1px; margin-top: 20px; margin-bottom: 20px;}
.inline-padded {padding-right: 5px; color:#fff;}
.bookends {opacity: .1; padding-left: 5px; padding-right: 5px; font-size: 1.5em;}
.div-block-13 {margin-top: 20px;}
.button-copy {background-color: #ccc; color: #000; text-align: center; border-radius: 6px; padding: 8px;}


.css-qnq2k1 {min-height:auto; padding: 0 0%;}
.css-kedol7 {width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; display: block; padding-left: 16px; padding-right: 16px; padding-left: 20px; padding-right: 20px;}
@media (min-width: 600px) {
  .css-kedol7 {padding-left: 24px; padding-right: 24px;}
}
@media (min-width: 600px) {
.css-kedol7 {padding-left: 40px; padding-right: 40px;}
}
@media (min-width: 1200px) {
.css-kedol7 {padding-left: 80px; padding-right: 80px;}
}
.css-1mcqjv0 {display: grid; overflow-y: auto; list-style: none; padding: 0; -webkit-overflow-scrolling: touch; --default-border-radius: 8px; --accent-border-radius: 8px; --see-more-button-color: #000000; width: 100%; padding-top: 24px; padding-bottom: 0px; position: relative;}
@media (min-width: 600px) {
.css-1mcqjv0 {height: 459px;}
}
@media (min-width: 900px) {
.css-1mcqjv0 {height: 361px;}
}
@media (min-width: 1200px) {
.css-1mcqjv0 {height: 581px;}
}
@media (min-width: 1536px) {
.css-1mcqjv0 {height: 670px;}
}
.css-p8pnwm {display: block; position: relative;}
.css-1e63vzj {height: 100%; width: 100%; position: relative; cursor: pointer; overflow: hidden;}
.css-p8pnwm {display: block; position: relative;}
.css-1kbyb2m{ height: 100%; width: 100%; position: relative; cursor: pointer; overflow: hidden;}
.btn-more {padding: 12px 9px; border: none; font-size: 12px; cursor: pointer; transition: background-color 0.3s; font-family: 'Poppins'; margin-left: auto; right: 0; position: absolute; margin-right: 5.2%; margin-top: -1.3rem; width: 12rem; background-color: #20252d; color: #fff;}


.page-wrapper-1 {width: -webkit-fill-available; overflow: hidden;}
.container-1 {max-width: -webkit-fill-available; margin-left: auto; margin-right: auto;}
.collection-list-wrapper-1 {margin-top: 2rem; margin-bottom: 7rem;}
.property-list-1 {grid-column-gap: 20px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid;}
.property-image-wrapper-1 {border-radius: 0px; width: 100%; height: auto; max-height: 500px; overflow: hidden;}
.property-link-1 {color: #333; width: 100%; text-decoration: none;}
.w-slider-1 {text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: auto; position: relative;}
.slider-2-1 {justify-content: center; align-items: flex-start;}
.w-slider-mask-1 {z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden;}
.mask-1 {height: 45vh;}
.w-slide-1 {vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative;}
.property-image-1 {object-fit: cover; width: 100%; height: 100%;}
#img-houses-1 {vertical-align: middle; max-width: 100%; display: inline-block;}
.w-slider-aria-label-1 {clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}
.icon-wrap-1 {background-color: #eeeeeec4; border-radius: 100%; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: relative;}
.property-content-1 {z-index: 10; background-color: #20253d; border-radius: 11px; width: 90%; height: 100%; padding: 20px; position: relative; top: -62px; left: 7px; box-shadow: 0 2px 8px #0003;}
.w-inline-block-1 {max-width: 100%; display: inline-block;}
.inline-flex-1 .bigger-1 {color: #fff; font-size: 1.5em; font-weight: 400; line-height: 1.1em;}
.inline-flex-1 {flex-flow: wrap; display: flex; color:#fff;}
.text-block-5-1 {margin-right: 7px; color:#fff;}
h3 {color:#fff; margin-top: 20px; margin-bottom: 10px; font-family: Ogg Roman, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 30px;}
.ffs-line-1 {background-color: #fff; opacity: .63; width: 35%; height: 1px; margin-top: 20px; margin-bottom: 20px;}
.inline-padded-1 {padding-right: 5px; color:#fff;}
.bookends-1 {opacity: .1; padding-left: 5px; padding-right: 5px; font-size: 1.5em;}
.div-block-13-1 {margin-top: 20px;}
.button-copy-1 {background-color: #ccc; color: #000; text-align: center; border-radius: 6px; padding: 8px;}
.infos-casas{margin-top:4rem;}

.galeria-desktop{display: block; padding: 0 5.2%;}
.galeria-mobile{display: none;}
.rules{padding-left: 1.1rem;}
.houses-rules{margin-bottom: 0rem !important; font-size: 13px;}
.house-location{color: #7c7c7c; margin-top: 10px; font-family: 'Montserrat'; font-size: 10px; font-weight: 400; line-height: 0px;}
.info-tooltip {position: relative; display: inline-block; margin-left: 5px; cursor: pointer;}
.info-tooltip .fas {color: #20252D;font-size: 13px;}
.tooltip-text {border-radius: 8px; line-height: 1.4; visibility: hidden; width: 400px; background-color: #20252d; color: #fff; text-align: left; padding: 10px; position: absolute; z-index: 100; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 8px; opacity: 0; transition: opacity 0.3s; font-size: 12px; pointer-events: none;}
/* Desktop: tooltip aparece no hover */
.info-tooltip:hover .tooltip-text {visibility: visible; opacity: 1;}
/* Mobile: tooltip aparece no clique (touch) */
@media (max-width: 768px) {
  .info-tooltip:active .tooltip-text, .info-tooltip:focus .tooltip-text {visibility: visible; opacity: 1;}
  .info-tooltip.active .tooltip-text {visibility: visible !important; opacity: 1 !important;}
  .info-tooltip {padding: 8px; /* Área maior para toque */}
  .tooltip-text {font-size: 10px; padding: 10px; width: fit-content; /* Ocupa 70% da tela em mobile */ max-width: 250px; /* Limite máximo */ bottom: auto; top: 100%; /* Aparece abaixo do ícone */ left: 50%; transform: translateX(-50%);}

}

/*END STYLE ALOJAMENTOS*/

@media screen and (max-width: 479px) { 
/*MOBILE INDEX*/
.galeria-hp {margin-top: 5rem; margin-bottom: 4rem; width: 90%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 8%;}
.title-2 {text-align: left; padding-left: 9%; font-weight: 750; font-size: 1.8rem;}
.sub-title-2 {text-align: left; padding: 0 9%; padding-top: 1rem; font-size: 1.2rem;}
.section-experiences-adventures {display: block; margin-bottom: 1rem; margin-top: 4rem;}
.section-experiences-adventures .row-experiences-adventures {display: flex; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-experiences {width: 93%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 2rem; background-size: cover; border-radius: 8px; background-position: center; height: 65vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
.info-experiences-hp-title{color: #fff; font-size: 2rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 9px; padding: 1rem 5% 3rem; text-align: center;}
.info-experiences-hp-cta {border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.column-adventures {width: 93%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 65vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
.info-adventures-hp-title {color: #fff; font-size: 2rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 9px; padding: 1rem 5% 3rem; text-align: center;}
.info-adventures-hp-cta {border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.bloco-why-us {margin-top: 2rem; color: #000; background-color: #fff; height: fit-content; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 3rem;}
.title-why-us {padding: 2rem 1rem 1rem; letter-spacing: 1px; font-weight: 750; font-size: 1.8rem;}
.subtitle-why {padding: 1rem 1rem 1rem; display: flex; font-size: 14px; width: -webkit-fill-available; align-content: center; flex-wrap: wrap; justify-content: center;}
.ctas-centro {position: static; top: 51%; justify-content: center; margin-top: 1.5rem; font-size: 13px; padding-bottom: 2rem;}
.cta-1-home {font-size: 13px; padding-top: 2rem; text-align: right; color: #000; border-bottom: solid 1px}

.dropdown a {transition: all 0.3s ease !important; font-size: 12px !important; /* Tamanho base */ color: #FFF; font-family: 'Montserrat' !important; letter-spacing: 1px !important; word-spacing: 3px !important; font-weight: 500;}
.dropdown a:hover {font-size: 12px !important; /* Aumenta o tamanho */ transform: scale(1.05) !important; /* Dá leve destaque */}
h1{font-size: 22px;}
.casasnorte {text-align: center; font-size: 11px; width: 95%;}
.marca-topo {margin-top: 5rem;}
.slogan {text-align: center; padding-top: 2rem; font-weight: 750; font-size: 1.8rem; padding-left: 5%; padding-right: 5%;}
.sub-slogan {text-align: center; font-weight: 300; padding-top: 0.5rem; font-size: 1.4rem; padding-right: 5%; padding-left: 5%;}
.CTA-first-hp {padding-top: 2rem; height: 0vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-home {margin-right: 0em;}
#cta-experiencia-esquerda {padding-left: 5%;}
.ctas-direita {padding-right: 5%;}
#text-left {margin-left: 0em; text-align: left;}
.ctas-centro {padding-bottom: 2rem;}
.galeria-wrapper img {width: 300px;}
.image-title-escura {position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); color: white;/* background-color: rgba(0, 0, 0, 0.7); */padding: 5px 10px; border-radius: 5px; font-size: 13px; text-align: center; pointer-events: none; letter-spacing: 0.49rem;}
.gold-layer-title{color: #000; letter-spacing: 1rem; word-spacing: 1.5rem; font-family: 'Montserrat'; position: relative; padding-left: 5%;}
.black-layer {z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 0rem; transform: translateY(-100%); height: -webkit-fill-available;}
.social-icons {padding: 3rem 2rem;}
.dropdown li {margin: 4spx 0;}
.topo-menu{display: none;}
.sub_btn{display:none;}
.buttons {display:none;}
.buttons-mob {position: relative; display: flex; margin-bottom: 0rem; padding-right: 5rem;}
.top-home {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 0em; padding-top: 1rem; background-image: url(../img/homepage-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.logo-topo-home {display: none;}
.topo-home {display: none;}
.section1-home {display: none;}
.section1-home-mobile {display: block;}
.title-home-topo {text-align:center; position: relative; top: 43%; justify-content: center; display: flex; font-weight:500; font-size: 1.1rem; line-height: 1.4; letter-spacing: 0.2rem; color: #fff; word-spacing: 0.6rem;}
.topo-mobile-home {padding: 5rem 1.5rem 1rem;}
.title-column-home {color: #000; margin-right: 0em; font-weight: 700; font-size: 20px;/* width: 54%; */line-height: 1.37; letter-spacing: 1px; padding-left: 0em; text-align: right; padding-bottom: 0rem;}
.cta-1-home {font-size: 0.69rem; padding-top: 1rem; text-align: right;}
.img-cta-1-home {margin-left: 0.3rem;}
.img-column1 {width: 99%; margin-right: 0%; padding: 1.5rem; margin-top: 2.5rem;}
.cta-1-home {font-size: 0.69rem; padding-top: 2rem; text-align: right;}
.bloco-home-bottom {height: -webkit-fill-available; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 0rem;}
.title-home-bottom {font-size: 16px; padding: 1rem; letter-spacing: 1px; line-height: 1.8;}
.subtitle-home-bottom {padding: 1rem 8.5% 1rem; display: flex;}
.bloco-home-bottom button {padding: 11px; border: none; background-color: #fff; color: #000000; font-size: 13px; cursor: pointer; font-weight: 300; width: 9rem; border: solid 1px #000; align-content: center; justify-content: center; display: flex; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 3rem;}
.section-rate {display: block; margin-bottom: 0.3rem; background-color: #20252D; height: 55vh; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative;}
.section-rate .row-rate {align-content: center; top: 7%; position: relative; display: flex; column-gap: 0.3em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-rate {border: solid 1px #fff; float: left; width: 50%; padding: 1rem; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative; margin-bottom: 1rem;}
.google-icon {width: 10%; position: absolute; right: 0%; top: 80%; left: auto;}
.img-star{height: 2vh;}
.star-rate {width: 4rem; left: 7%; position: absolute; padding-bottom: 0.5rem;}
.ctas-esquerda{justify-content: center; align-content: center; position: absolute; left:0rem; padding-top:1rem;}
.image-title {position: absolute; bottom: 10rem; left: 50%; transform: translateX(-50%); color: white; padding: 5px 10px; border-radius: 5px; font-size: 15px; text-align: center; letter-spacing: 0.1rem; font-weight: 500;}
#column2{background-position-y: 0px;}
.seta3, .seta4{position: relative; top: 0.3rem; width: 1rem;}
.seta5, .seta6, .seta12, .seta22, .seta24, .seta25, .seta26, .seta9, .seta27, .seta11, .seta13, .seta10, .seta8, .seta15, .seta23{width: 1.2rem; position: relative; top: 0.4rem;}
.setadown1{width: 1.2rem; position: relative; right: 3.2rem;}
.seta19, .seta20, .seta21{position: relative; right: 1rem;}
.footer-mob{display:block;}
.section-footer {width: 100%; display: flex; justify-content: center; gap: 0px; margin-top: 0em; padding: 3rem 5% 0;}
.menu-options {top: 0% !important; width: 80%;}
.social-icons-mob {background-color: #20252d; border-top: solid 0.5px #fff; padding-top: 1rem;}
.social-icons-mob .social-title-mob {color: #FFF; font-size: 10px; margin-bottom: 10px; text-align: center; font-family: 'Montserrat'; letter-spacing: 6px; margin-bottom: 2rem; }
.social-icons-mob .icons-container-mob {display: flex; gap: 15px; align-content: center; flex-wrap: wrap; justify-content: center;}
.made-by {align-content: center; justify-content: center; display: flex; padding-top: 2rem; font-size: 10px; padding-bottom: 2rem;}
/*END MOBILE INDEX*/

/*MOBILE CONTACTS*/
.nav-toggle-button__icon2{position: absolute; top: 33%; right: 1em; transform: none; background: none; border: none; cursor: pointer; left: auto;}
.small-btn-topo {display: none;}
.logo {max-width: 198px; position: relative; top: 0px; left: 0%; transform: none;}
.language-switcher {background-color: transparent; top: 0rem; position: relative; right: 7rem;}
.form-contacto-mob{display:block; width: 100%; justify-content: center; align-content: center; display: flex;flex-wrap: wrap;}
#first-name, #last-name, #email, #phone1 {width:100%; color: #000; padding-bottom: 0rem; margin-right: 0rem;}
.form-wrapper{margin-left:0rem; padding: 0px 20px;}
.form-wrapper textarea {width: 100%; text-align: left; resize: none; height: 5rem; border: 1px solid #000; margin-top: 2rem; padding: 20px; font-size: 13px; font-weight: 300;}
.form-wrapper input {text-align: left; position: relative; width: 100%; left: 0%; font-size: 13px; font-weight: 300; text-decoration: none; height: 19px;}
.form-wrapper select {text-align: left; position: relative; width: 100%; left: 0%; font-size: 13px; font-weight: 300; text-decoration: none; height: 25px;}
.form-wrapper button {padding: 7px; border: none; background-color: #fff; color: #000000; font-size: 13px; cursor: pointer; font-weight: 300; align-self: flex-end; width: 6rem; border: solid 1px #000; position: relative; left: 66%; margin-right: auto;}
.dados-contacto-mob{display:block; padding: 2rem 1.3rem 0rem 1.3rem;}
.left-column-contactos{flex-direction: column; justify-content: center; display: flex; width: 100%;}
.right-column-contactos{display: none;}
.form-wrapper form {display: flex; flex-direction: column; width: 100%;}
.f-form{display: inline; gap: 2rem; width: 91%;}
#campos-form{padding: 10px 0 10px; width: 100%;}
.menu-geral {display: block; align-self: flex-start; padding-left: 1.5em; padding-top: 0.5rem; background-color: #20252D; height: 0vh;}
.menu-geral ul {list-style: none; display: flex; gap: 3.5rem; padding-top: 1rem;}
.title-contact {color: #000; margin-right: 0em; font-weight: 700; padding-top: 3em; font-size: 22px; width: 100%; line-height: 1.37; letter-spacing: 3px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.subtitle-contact {font-weight: 300; font-size: 13px; margin-right: 0em; padding-top: 1em;}
.topo-contactos {margin-bottom: 2rem; left: 0%; position: relative; width: 100%; padding: 0rem 1rem;}
.form-wrapper form {display: flex; flex-direction: column; width: 100%;}
.text-block-contactos {color: #000; margin-bottom: 0px; text-align: left; width: 100%; font-size: 13px; padding-left: 0.2%; padding-bottom: 2rem;}
.bloco-faqs {height: 33vh; justify-content: center; align-content: center; display: grid; text-align: center; font-size: 13px; padding: 1rem;}
.footer-desk{display:none;}
.section-footer {width: 100%; display: flex; justify-content: center; gap: 0px; padding-left: 0rem; padding-right: 0px; padding-bottom: 0px; margin-top: 0em;}
.row-footer {width: 100%; gap: 1rem; display: flex; padding: 1rem;}
.menu-footer {text-align: right; color: #fff;}
.section-logo-form {justify-content: center; align-content: center; display: flex; flex-wrap: wrap; padding-top: 1rem;}
.footer-image {width: 8vw; height: 9vw;}
.column-footer {float: left; width: 50%; padding: 0px; gap: 0em; z-index: 0; position: relative; align-content: center; justify-content: center; display: grid;}
.icon img {max-width: 25px; height: auto; color: #ffffff; padding: 3px; margin-bottom: 3px; cursor: pointer;}
.container-news {text-align: center; padding: 2rem 2rem 1rem 2rem;}
.footer-faqs {background-color: #20252D; height: fit-content;}
.btn-news {cursor: pointer; align-self: flex-end; padding-right: 0.8rem;}
#whatsapp-icon {position: fixed; bottom: 15px; right: 9px; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; background-color: #26C943; text-decoration: none; transition: transform 0.2s; display: flex; align-items: center;}
#whatsapp-icon img {width: 26px; height: auto;}
.img-mapa-contactos{display:none;}
.img-mapa-contactos-mobile{display: block; margin-top:3rem;}
/*END MOBILE CONTACTS*/

/*STYLE MOBILE ABOUT*/
.parceiros-sobre-black {display: flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: nowrap;}
.fim-sobre {width: 84%; margin-left: auto; text-align: right; margin-bottom: 10rem; right: 1.5%; position: relative;}
.menu-about ul {display: none;}
.galeria {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 2rem; margin-bottom: 1rem;}
.galeria-wrapper {display: flex; gap: 0.5rem;}
.galeria-escura {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 2rem;}
.galeria-wrapper-escura {display: flex; gap: 0.5rem;}
.galeria-wrapper-escura img{width: 300px;}
.topo-sobre {margin-bottom: 10rem; left: 8%; position: relative; width: 92%;}
.subtitle-sobre {font-weight: 300; font-size: 13px; line-height: 1.4; padding-right: 1em; padding-top: 2em; width: 100%;}
.title-sobre {color: #000; margin-right: 0em; font-weight: 700; padding-top: 2em; font-size: 20px;/* width: 54%; */line-height: 1.37; letter-spacing: 4px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 54vh; background-size: cover; background-position: center center;}
.img-parceiros {width: 100%;}
.img-parceiros1 {width: 100%;}
.title-sobre-fim {color: #000; margin-right: 0em; font-weight: 700; padding-top: 3rem; font-size: 20px; width: auto; line-height: 1.37; letter-spacing: 4px; padding-left: 0em; text-align: right; padding-bottom: 1rem;}
/*END STYLE MOBILE ABOUT*/

/*MOBILE SERVICOS*/
.menu-services {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 1em; padding-top: 1rem; background-image: url(../img/que-fazemos.webp); height: 50vh; background-size: cover; background-position: center center;}
.menu-services ul {display:none;}
.title-services-topo {position: relative; top: 47%; justify-content: center; display: flex; font-weight: 400; font-size: 17px; line-height: 1.4; letter-spacing: 0.3rem; color: #fff; text-align: center;}
.row-services {gap: 1.5rem; display: flex; padding: 8.5%;}
.topo-services {margin-bottom: 1rem; left: 8.5%; position: relative; width: 90%; padding-top: 4rem;}
.title-services {color: #000; font-weight: 700; font-size: 30px; line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.download {margin-top: 3rem; width: 50%; margin-left: auto; text-align: right; padding-bottom: 3rem; right: 8.5%; position: relative;}
.download-img {width: 8px; right: 3.3rem; position: relative;}
.title-works-1 {color: #fff; padding-top: 3rem; font-weight: 700; font-size: 21px; line-height: 1.4; letter-spacing: 0.3rem; text-align: left; padding-bottom: 2.5rem; padding-left: 8.5%;}
.title-works {z-index: 2; color: #fff; text-align: left; display: flex; align-content: center; flex-wrap: wrap; position: relative; padding-left: 8.5%; padding-bottom: 1rem; padding-right: 1.3rem;}
.arrow-works {padding-left: 8.5%; padding-bottom: 1rem; display: flex; justify-content: center;}
.arrow-white {width: 10px; align-self: center;}
.title-guests-fim {color: #000; margin-right: 0em; font-weight: 700; padding-top: 0rem; font-size: 20px; width: auto; line-height: 1.4; letter-spacing: 4px; padding-left: 0em; text-align: right; padding-bottom: 1rem;}
.title-guests{display:none;}
.title-guests-mobile{font-size: 16;}
.column-services {float: left; width: 50%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.topo-guests {left: 8.5%; position: relative; width: 79%; padding-top: 4rem; padding-bottom: 4rem;}
.fim-guests {width: 82%; margin-left: auto; text-align: right; padding-bottom: 5rem; right: 8.5%; position: relative; margin-bottom:1rem;}
.img-cta-2-sobre {margin-left: 0.5rem;}
.topo-activities {margin-bottom: 6rem; left: 9%; position: relative; width: 90%; margin-top: 4rem;}
.title-activities {color: #000; margin-right: 0em; font-weight: 700; font-size: 20px;/* width: 90%; */ line-height: 1.37; letter-spacing: 4px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 1em; padding-top: 2rem; width: 90%;}
.img-cta-1-sobre {margin-left: 0.5rem;}
.subtitle-join {padding: 1rem 1rem 1rem; display: flex; font-size: 13px;}
.bloco-join {line-height: 1.7; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-top: 0rem; padding: 0% 5%; margin-bottom: 4rem;}
.section-works{display: none;}
.section-works-mobile{display: block; margin-bottom: 1rem; padding-bottom: 2.5rem; background-image: url(../img/works-background.webp); background-size: cover; background-position: center;}
.section-services{display:none;}
.title-join{display:none;}
.cta-2-guests {display: none;}
.cta-1-activities {display:none}
.cta-2-guests-mobile {display:block; font-size: 13px; padding-top: 0rem; margin-left:-1rem;}
.cta-1-activities-mobile {display: block; font-size: 13px; padding-top: 1rem;}
.cta-2-aventuras{display: none;}
.cta-2-aventuras-mobile {display: block; font-size: 13px; padding-top: 1rem;}
/*END MOBILE SERVICOS*/

/*MOBILE LODGES*/
.slogan-lodges {text-align: center; padding-top: 2rem; font-weight: 750; letter-spacing: 0px; word-spacing: 0px; font-size: 1.8rem;}
.sub-slogan-lodges {text-align: center; font-weight: 300; padding-top: 0.5rem;font-size: 1.4rem; line-height: 1.4; padding-right: 5%; padding-left: 5%; margin-bottom:4rem;}
.section-lodges {display: block; margin-bottom: 0rem; margin-top: 0rem; width: -webkit-fill-available;}
.section-lodges .row-lodges {display: flex; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-lodges {width: 93%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 2rem; background-size: cover; border-radius: 8px; background-position: center; height: 50vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
.info-lodges-title{color: #fff; font-size: 1rem; font-weight: 500; padding-bottom: 0rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 10px;}
.info-lodges-sub-title{font-size: 0.7rem; letter-spacing: 3px; padding-top: 0rem; padding-bottom: 1rem;}
.info-lodges-cta {border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.info-lodges {top: 25%; position: relative; text-align: center; justify-content: center; align-content: center; position: absolute; padding-left: 3%; padding-right: 3%; width: 100%;}
.bloco-why-us-lodges {margin-top: 10%; color: #000; background-color: #fff; height: auto; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 5%;}
.title-why-us-lodges {font-size: 1.8rem; padding: 1rem; letter-spacing: 0px;}
.section-plus {display: block; margin-bottom: 4rem; margin-top: 4rem; padding: 0 0%; width: -webkit-fill-available;}
.section-plus .row-plus {display: flex; column-gap: 9rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-plus {width: 93%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 65vh; transition: all 0.3s ease-in-out; background-color: transparent;}
.info-plus {top: 33%; position: relative; text-align: center; justify-content: center; align-content: center; position: absolute; padding-left: 3%; padding-right: 3%; width: 100%;}
.info-plus-title {color: #fff; font-size: 1.4rem; font-weight: 500; padding-bottom: 2rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 6px; width: 100%;}
.info-plus-cta {border-bottom: solid 1px #fff; padding: 6px; font-size: 13px; width: 8rem; display: inline-block; font-weight: 100; letter-spacing: 1px; cursor: pointer; color: #fff;}
#zero{display: none;}
/*END MOBILE LODGES*/

/*MOBILE ADVENTURES*/
.marca-topo-ad {text-align: center; font-size: 11px; letter-spacing: 6px; word-spacing: 0.5rem; padding-top: 5rem;}
.slogan-ad {text-align: center; padding-top: 2rem; font-weight: 750; letter-spacing: 0px; word-spacing: 0px; font-size: 1.8rem;}
.sub-slogan-ad {text-align: center; font-weight: 300; padding-top: 0.5rem;font-size: 1.4rem; line-height: 1.4; padding-right: 5%; padding-left: 5%;}
.galeria-ad {margin-top: 5rem;margin-bottom: 4rem; width: 90%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 8%;}
.image-container { position: relative; display: inline-block;}
.info-experiences-ad {top: 55%; position: relative; text-align: center; justify-content: center; align-content: center; position: absolute; padding-left: 3%; padding-right: 3%; width: 100%;}
.info-experiences-ad-title {color: #fff; font-size: 1.4rem; font-weight: 500; padding-bottom: 2rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 6px; width: 100%;}
.info-experiences-ad-cta {border-bottom: solid 1px #fff; padding: 6px; font-size: 13px; width: 8rem; display: inline-block; font-weight: 100; letter-spacing: 1px; cursor: pointer; color: #fff;}
.section-experiences-adventures-ad {display: block; margin-bottom: 1rem; margin-top: 4rem; padding: 0 8%; width: -webkit-fill-available;}
.section-experiences-adventures-ad .row-experiences-adventures-ad {display: flex; column-gap: 9rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-experiences-ad {width: 100%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: auto; transition: all 0.3s ease-in-out; background-color: transparent;}
.info-experiences-ad-next {top: 0%; padding-left: 0%; padding-right: 3%; position: relative; margin-bottom: 10%;}
.title-2-ad {text-align: left; font-size: 1.8rem; color: #000; letter-spacing: 0px;}
.sub-title-2-ad {text-align: left; padding-top: 1rem; color: #000; letter-spacing: 0px; font-weight: 300; padding-top: 0.5rem; font-size: 1.4rem;}
#experiences-ad {background-image: url(../img/experiences.jpg); padding-left: 0rem;}
.column-adventures-ad {width: 100%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 65vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
.info-adventures-ad {top: 33%; position: relative;}
.info-adventures-ad-title {color: #fff; font-size: 2rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 7px; padding: 1rem 5% 3rem;}
.info-adventures-ad-cta {border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.bloco-why-us-ad {margin-top: 10%; color: #000; background-color: #fff; height: auto; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 5%;}
.title-why-us-ad {font-size: 1.8rem; padding: 1rem; letter-spacing: 0px;}
.subtitle-why-ad {padding: 0rem 27rem 0rem; display: flex; font-size: 14px; width: -webkit-fill-available; align-content: center; flex-wrap: wrap; justify-content: center;}
.ctas-centro-ad {position: static; top: 51%; justify-content: center; margin-top: 0rem; font-size: 13px;}
.cta-1-home-ad {font-size: 13px; padding-top: 0rem; text-align: right; color: #000; border-bottom: solid 1px;}
.next-casas-ad {padding: 0 5%;}
.page-wrapper-1 {width: -webkit-fill-available; overflow: hidden;}
.container-1 {max-width: -webkit-fill-available; margin-left: auto; margin-right: auto;}
.collection-list-wrapper-1 {margin-top: 2rem; margin-bottom: 7rem;}
.property-list-1-ad {grid-column-gap: 6px; grid-row-gap: 15px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid;}
.property-item-1.w-dyn-item {height: fit-content;}
.property-link-1 {color: #333; width: 100%; text-decoration: none;}
.property-image-wrapper-1-ad {border-radius: 0px; width: 100%; height: auto; max-height: auto; overflow: hidden; border-radius: 8px;}
.w-slider-1 {text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: auto; position: relative;}
.slider-2-1 {justify-content: center; align-items: flex-start;}
.mask-1 {height: auto;}
.w-slide-1 {vertical-align: top; white-space: normal; text-align: left; width: 100%; height: auto; display: inline-block; position: relative;}
.property-image-ad {object-fit: cover; width: 100%; height: auto; border-radius: 8px;}
.w-slider-aria-label {clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}
/*END MOBILE ADVENTURES*/

/*MOBILE EXPERIENCES*/
.marca-topo-ex {text-align: center; font-size: 11px; letter-spacing: 6px; word-spacing: 0.5rem; padding: 5rem 3% 0rem;}
.slogan-ex {text-align: center; padding: 2rem 8% 0.2rem; font-weight: 750; letter-spacing: 0px; word-spacing: 0px; font-size: 1.8rem;}
.sub-slogan-ex {text-align: center; font-weight: 300; padding-top: 0.5rem;font-size: 1.4rem; line-height: 1.4; padding-right: 5%; padding-left: 5%;}
.galeria-ex {margin-top: 5rem;margin-bottom: 4rem; width: 90%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 8%;}
.image-container { position: relative; display: inline-block;}
.info-experiences-ex {top: 55%; position: relative; text-align: center; justify-content: center; align-content: center; position: absolute; padding-left: 3%; padding-right: 3%; width: 100%;}
.info-experiences-ex-title {color: #fff; font-size: 1.4rem; font-weight: 500; padding-bottom: 2rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 6px; width: 100%;}
.info-experiences-ex-cta {border-bottom: solid 1px #fff; padding: 6px; font-size: 13px; width: 8rem; display: inline-block; font-weight: 100; letter-spacing: 1px; cursor: pointer; color: #fff;}
.section-experiences-adventures-ex {display: block; margin-bottom: 1rem; margin-top: 4rem; padding: 0 8%; width: -webkit-fill-available;}
.section-experiences-adventures-ex .row-experiences-adventures-ex {display: flex; column-gap: 9rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-experiences-ex {width: 100%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: auto; transition: all 0.3s ease-in-out; background-color: transparent;}
.info-experiences-ex-next {top: 0%; padding-left: 0%; padding-right: 3%; position: relative; margin-bottom: 10%;}
.title-2-ex {text-align: left; font-size: 1.8rem; color: #000; letter-spacing: 0px;}
.sub-title-2-ex {text-align: left; padding-top: 1rem; color: #000; letter-spacing: 0px; font-weight: 300; padding-top: 0.5rem; font-size: 1.4rem;}
#adventures {background-image: url(../img/adventure.jpg); padding-left: 0rem;}
.column-adventures-ex {width: 100%; padding: 0; text-align: center; box-sizing: border-box; position: relative; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center; height: 65vh; transition: all 0.3s ease-in-out; background-color: #20252d;}
.info-adventures-ex {top: 33%; position: relative;}
.info-adventures-ex-title {color: #fff; font-size: 2rem; font-weight: 500; padding-bottom: 3rem; padding-top: 1rem; font-family: 'Montserrat'; letter-spacing: 7px; padding: 1rem 5% 3rem;}
.info-adventures-ex-cta {border: solid 1px #fff; padding: 6px; font-size: 13px; width: 10rem; display: inline-block; font-weight: 100; letter-spacing: 1px; border-radius: 8px; cursor: pointer;}
.bloco-why-us-ex {margin-top: 10%; color: #000; background-color: #fff; height: auto; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-bottom: 5%;}
.title-why-us-ex {font-size: 1.8rem; padding: 1rem; letter-spacing: 0px;}
.subtitle-why-ex {padding: 0rem 27rem 0rem; display: flex; font-size: 14px; width: -webkit-fill-available; align-content: center; flex-wrap: wrap; justify-content: center;}
.ctas-centro-ex {position: static; top: 51%; justify-content: center; margin-top: 0rem; font-size: 13px;}
.cta-1-home-ex {font-size: 13px; padding-top: 0rem; text-align: right; color: #000; border-bottom: solid 1px;}
.next-casas-ex {padding: 0 5%;}
.page-wrapper-1 {width: -webkit-fill-available; overflow: hidden;}
.container-1 {max-width: -webkit-fill-available; margin-left: auto; margin-right: auto;}
.collection-list-wrapper-1 {margin-top: 2rem; margin-bottom: 7rem;}
.property-list-1-ex {grid-column-gap: 6px; grid-row-gap: 15px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid;}
.property-item-1.w-dyn-item {height: fit-content;}
.property-link-1 {color: #333; width: 100%; text-decoration: none;}
.property-image-wrapper-1-ex {border-radius: 0px; width: 100%; height: auto; max-height: auto; overflow: hidden; border-radius: 8px;}
.w-slider-1 {text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: auto; position: relative;}
.slider-2-1 {justify-content: center; align-items: flex-start;}
.mask-1 {height: auto;}
.w-slide-1 {vertical-align: top; white-space: normal; text-align: left; width: 100%; height: auto; display: inline-block; position: relative;}
.property-image-ex {object-fit: cover; width: 100%; height: auto; border-radius: 8px;}
.w-slider-aria-label {clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}
/*END MOBILE EXPERIENCES*/

/*MOBILE ADITIONAL SERVICES*/
.galeria-serv-ad {margin-top: 5rem;margin-bottom: 4rem; width: 90%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 8%;}



.tab {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; touch-action: manipulation; cursor: pointer; position: relative; z-index: 1;}
.indicator {will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
/* Melhor feedback visual para toque no Android */
.tab:active {opacity: 0.8; transition: opacity 0.1s;}
.topo-adicionais {margin-bottom: 18%; left: 8.5%; position: relative; width: 83%; padding-top: 25%;}
.title-adicionais {color: #000; font-weight: 700; font-size: 25px; line-height: 1.37; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.column-aditional-services {height: 32vh; float: left; width: 85%; padding: 0px; text-align: center; box-sizing: border-box; z-index: 0; position: relative;}
#column19{display: none;}
.aditional-services {width: 65%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 5vh; background-color: #20252d96; margin: 0rem 1rem;}
.aditional-services h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 2px; font-size: 0.6rem;}
.bloco-ferias {color: #fff; background-color: #20252d; height: -webkit-fill-available; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin: 3rem 0rem; padding: 1.5rem;}
.title-ferias {font-size: 21px; padding: 1rem; letter-spacing: 4px; width: 100%;}
.titulo-galeria {margin-bottom: 3rem; align-content: center; position: relative; text-align: center; font-size: 20px;}
.section-aditional-services-mobile{display:none;}
.title-join-mobile{font-size: 20px;}
/*END ADITIONAL SERVICES*/

/*MOBILE LODGES*/
/*END MOBILE LODGES*/

/*MOBILE EXPERIENCIAS*/
.subtitle-experiencias{display:none;}
.title-experiencias{font-size: 26px;}
.topo-experiencias {margin-bottom: 15%; left: 8.5%; position: relative; width: 89%; padding-top: 20%;}
.experiencias {width: 84%; margin-left: auto; text-align: right; padding-bottom: 3%; right: 8.5%; position: relative;}
.column-experiencias {height: 35vh; width: 90%;}
.experiencias-quadrados {width: 76%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 6vh; background-color: #20252d96; margin: 0rem 1rem;}
.titulo-experiencias-mobile {font-size: 16px; padding: 0rem 1rem 0rem 1rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff; text-align: center;}
.titulo-experiencias {display:none;}
.cta-2-experiencias{display:none;}
.cta-2-experiencias-mob {font-size: 13px; padding-top: 2rem; width: 82%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative;}
#column22{background-position-y: -8rem;}
#column23{background-position-y: 31rem;}
#sem-fundo{display: none;}
.black-experiencias{height: fit-content;}
/*END MOBILE EXPERIENCIAS*/

/*MOBILE EXPERIENCIAS E AVENTURAS*/
.top-yoga, .top-voo, .top-bttour, .top-paddle, .top-buggy, .top-rapel, .top-paiva, .top-surf, .top-wakefoil, .top-wakeboard, .top-canyoning, .top-canorafting, .top-rafting, .top-transfer, .top-babysitter, .top-compras, .top-peq-almoco, .top-chocolate, .top-personal-trainer, .top-barco{height: 30vh; padding-left: 1.5em; background-position: center center;}
.pretitle-infos {position: relative; top: 28%; left: 0%; font-size: 13px; color: #ffde59; width: fit-content;}
.title-infos-topo {position: relative; top: 27%; justify-content: center; display: flex; font-weight: 700; font-size: 25px; line-height: 1.4; letter-spacing: 0.5rem; color: #fff; left: 0%; width: fit-content;}
.column-infos {float: left; width: 100%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.section-infos .row-infos {display: block; /* column-gap: 3rem; */ justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 2.5em; margin-top: 0rem;}
.topo-column-infos {margin-bottom: 2.5rem; left: 8.5%; position: relative; width: 100%; margin-top: 1rem;}
.title-column-infos {color: #000; /* margin-right: 7.5em; */ font-weight: 700; font-size: 21px; width: 100%; line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 0rem;}
.subtitle-infos {font-weight: 300; font-size: 13px; line-height: 1.4; padding-top: 2rem; width: 100%; text-align: right;}
.column-form {float: left; width: 100%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative; margin-bottom: 4.5rem;}
.disclaimer {padding-top: 0rem; padding-bottom: 2.5rem;}
.menu-options-massagem {width: auto;}
.tab {color: #000; padding: 0px 0px 5px 5px; cursor: pointer; position: relative; font-size: 13px; font-family: 'Poppins';}
.indicator {position: absolute; bottom: -2px; left: -3px; height: 3px; background-color: black; width: 23%; transition: transform 0.3s ease-in-out;}
.form-chef {padding: 2rem 0.5rem 0.5rem 0.5rem;}
/*END EXPERIENCIAS E AVENTURAS*/

/*STYLE SIMULATOR*/
.section-simulator{display: block; width: 100%;}
.left-columnsimulator {padding-left: 0.5rem; padding-right: 0.5rem;}
.columnsimulator-4 {width: 100%; flex-wrap: wrap;}
.right-columnsimulator {padding-left: 0.5rem; padding-right: 0.5rem;}
.btn-next {width: 30%; right: 0.5rem;}
.btn-enviar {width: 30%; right: 0.5rem;}
.left-columnsimulatorFinal {padding-left: 0.5rem; padding-right: 0.5rem;}
.right-columnsimulatorFinal {padding-left: 0.5rem; padding-right: 0.5rem;}
/*END SIMULATOR*/

/*STYLE RESERVAS*/
.logos{height: auto; width: -webkit-fill-available;}
.cta-2-termos {font-size: 13px; padding-top: 1rem; width: 90%; left:0%; margin-left: 0; text-align: right; padding-bottom: 2rem; position: relative; color: #fff;}
.title-termos { color: #000; /* Espaço entre o título e o menu */ font-weight: 100; padding-top: 4em; font-size: 17px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: center; padding-bottom: 3rem;}
.bemvindos{font-size: 15px; padding-top: 2rem;}
/*END STYLE RESERVAS*/

/*STYLE ALOJAMENTOS*/
.galeria-casas-mobile{display: block;}
.galeria-casas-desktop{display: none;}
#share {width: 3rem !important; right: -10%; top: -0.5rem !important;}
.svg-share {width: 14px; margin-right: 0px; position: relative; top: 24px; left: -22px;}
.galeria-casas-container {display: flex; gap: 10px; max-width: -webkit-fill-available; margin: 0rem 0 0; padding: 0rem 8.5% 0;}
.imagem-principal img {width: 100%; height: 97%; object-fit: cover; cursor: pointer;}
.miniaturas {display: flex; flex-direction: row; gap: 5px; width: -webkit-fill-available; padding: 0 8.5%;}
.miniaturas img.thumb {width: 32.5%; height: 23%; cursor: pointer; border-radius: 0px; transition: transform 0.5s, opacity 0.2s;}
.btn-see-more{position: relative; right: 8%; margin-left: auto; display: flex; top: -1rem; font-size: 12px; background-color: #20252d; color: #fff; width: 6rem; justify-content: center;}
.title-houses {padding: 0rem 8.5% 0rem; margin-top: 0rem; font-size: 21px;}
.subtitle-houses {padding: 0rem 8.5% 1.5rem; margin-top: 1rem; margin-bottom: 2rem; font-weight: 400; font-size: 16px;}
.infos-casas{width: -webkit-fill-available;}
.location-houses {padding: 0 8.5%; margin: auto; font-weight: 600; font-size: 14px; font-family: 'Montserrat';}
.specs-houses {padding: 0 8.5%; margin: 1rem 0rem; font-weight: 300; font-size: 13px; font-family: 'Poppins'; line-height: 24px;}
.title-comodidades {color: #000; font-size: 14px; font-weight: 500; line-height: 1.4; font-family: 'Montserrat'; letter-spacing: 2px;}
.column-gerais1 {top: 0.5rem; width: 48%; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
#btn-ver-mais-comodidades {margin-top: 0.5rem; background: none; border: none; color: #20252d; font-family: 'Montserrat'; font-size: 14px; cursor: pointer; text-decoration: underline; margin-left: -1.3rem; padding: 0 1.5rem;}
.location-houses {padding: 0 8.5%; margin: auto; font-weight: 600; font-size: 14px; font-family: 'Montserrat';}
#map {width: -webkit-fill-available; height: 35%; border-radius: 0px; margin: 1rem 8.5%;}
.sobre-local {padding: 1rem 8.5%; width: -webkit-fill-available;}
.title-sobre-local {font-size: 14px; padding-bottom: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: 2px;}
.menu-options-comodidades {list-style: none; padding: 0; text-align: left; margin-bottom: 4rem; position: relative; width: -webkit-fill-available;}
.menu-options-comodidades a {color: #000; text-decoration: none; font-size: 14px; font-weight: 500; font-family: 'Montserrat'; letter-spacing: 2px; transition: color 0.3sease; padding-bottom: 1rem;}
.chevron-comodidades {display: inline-block; width: 8px; height: 8px; border-left: 2px solid #000; border-bottom: 2px solid #000; pointer-events: auto; transition: transform 0.3s ease, border-color 0.3s ease; position: relative; float: left; transform: rotate(-45deg); left: 0px; margin-right: 15px; top: 4px;}
.divider-houses {margin-bottom: 1.5rem; margin-top: 0rem; width: 95%;}
.infos-contacto-reservas {color: #fff; text-align: center; line-height: 1.4; font-size: 11px; font-weight: 300; padding: 1rem 0px;}
.banner-reserva-casas{display: none;}
.banner-reserva-casas-mob {display: block; background-color: #20252d; margin-bottom: 4rem; margin-top: 4rem; padding: 2rem 1rem;}
.infos-contacto-reservas-mob {color: #fff; text-align: center; line-height: 1.4; font-size: 11px; font-weight: 300; padding: 1rem 0px;}
.reservas-houses-mob {color: #fff; font-size: 13px; text-align: center; line-height: 2; font-weight: 700; letter-spacing: 6px;}
.title-next-houses {color: #000; font-size: 21px; font-weight: 700; padding-bottom: 2rem;}
.section-casas-next {display: block; margin-bottom: 1rem; margin-top: -1rem;}
.column-casas-next {top: 1rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
.coluna-casas-next {text-align: left; font-weight: 300; width: 100%; letter-spacing: 0px; font-size: 13px; line-height: 1.4;}
.miniatura1-next-cont {margin-bottom: 1rem; left: 0%; position: relative; width: 100%; padding-top: 0rem;}
.titulo-casas {text-align: left; font-size: 14px; padding-bottom: 5px; font-family: 'Montserrat'; margin-top: -1rem;}
.subtitulo-casas {text-align: left; font-size: 12px; font-family: 'Montserrat';}
.css-xm7yc3 {column-count: 2;}
.css-1nph1vj {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; color: #000000;}
.css-1a02w18 {height: 1.5rem; width: 1.5rem; display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 2px; margin-bottom: 2px; color: #084440;}
.css-kqzqgg {fill: currentColor;}
.css-xkhtup {margin: 0; font-weight: 400; font-size: 9px;line-height: 1.1428571428571428;line-height: 2.2857142857142856;}
.css-1qgmnlh {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; color: #000000; color: rgba(0, 0, 0, 0.38);}
.infos-contacto-reservas-mob{display: block;}
.reservas-houses-mob{display: block;}

.botao-brevemente {cursor: default; background-color: rgb(32, 37, 45); color: rgb(255, 255, 255); width: 10rem; display: flex; text-align: center; position: relative; right: 0px; margin-left: auto; justify-content: center; padding: 14px 8px; font-size: 12px;}
#galeria-escura{margin-top: 7rem;}
.property-image-wrapper {border-radius: 0px; width: -webkit-fill-available; height: auto; max-height: 500px; overflow: hidden;}

.css-kedol7 {width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; display: block; padding-left: 16px; padding-right: 16px; padding-left: 20px; padding-right: 20px;}
.css-1mcqjv0 {height: 333px; grid-template-columns: repeat(2, 1fr); gap: 12px; z-index: 1;}
.css-p8pnwm {height: auto; grid-column-end: span 2; grid-row-end: span 2;}
.css-1kbyb2m {height: 100%; width: 100%; position: relative; cursor: pointer; overflow: hidden;}
.css-1kbyb2m span{box-sizing: border-box; display: block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.lightbox img {max-width: 78%; max-height: 80vh;}
.lightbox .navegacao button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; /* Certifica-te que é superior ao da imagem */background: none; color: #fff; font-size: 18px; padding: 3px 10px; border-radius: 14px; cursor: pointer; transition: transform 0.5s, opacity 0.2s;}
.lightbox .navegacao button:hover {color: #fff; transform: scale(1.35);}
.nav-prev {left: -12rem;}
.nav-next {right: -12rem;}
#lightbox {display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; z-index: 9999;}
.galeria-desktop{display: none;}
.galeria-mobile{display: block;}
.css-1mcqjv0 {height: 333px;}
.css-p8pnwm {display: block; position: relative;}
.css-1kbyb2m {height: 100%; width: 100%; position: relative; cursor: pointer; overflow: hidden;}
.css-1g0jz4h {height: 100%; width: 100%; position: relative; overflow: hidden; cursor: pointer;}
.infos-casas {width: -webkit-fill-available; margin-top: 4rem;}
.css-qnq2k1 {min-height: auto; padding: 0 0%;}
.css-1tub4x5{padding: 0 5.2%}
.btn-more {z-index:2; padding: 12px 9px; border: none; font-size: 13px; cursor: pointer; transition: background-color 0.3s; font-family: 'Poppins'; margin-left: auto; right: 0; position: absolute; margin-right: 5.2%; margin-top: -1.3rem; width: 7rem; background-color: #20252d; color: #fff;}
.reservas-houses-mob {color: #fff; font-size: 13px; text-align: center; line-height: 2; font-weight: 700; letter-spacing: 3px;}
.property-list-1 {grid-column-gap: 20px; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid;}
.property-image-wrapper-1 {border-radius: 0px; width: 100%; height: auto; max-height: auto; overflow: hidden;}
.mask-1 {height: 75%;}
.botao-reservar {cursor: pointer; background-color: #20252d; color: #fff; width: 10rem; display: flex; text-align: center; padding: 12px 22px; position: relative; right: 0px; margin-left: auto; bottom: 1.5rem; justify-content: center; font-size: 13px;}
#share {width: 3rem !important; right: -2%; top: 0.5rem !important;}
/*END STYLE ALOJAMENTOS*/

/*STYLE BLOG*/
.top-artigo1 {height: 20vh;}
.title-artigo {font-size: 22px;}
.parceiro-blog{top: 2rem; left: 0rem;}
.contactos-blog{margin-top: 4rem;}
.topo-blog{padding: 5% 5.2%; width: -webkit-fill-available; margin-bottom: 30%;}
.tab-blog {color: #000; padding: 0px 0px 5px 0px; cursor: pointer; position: relative; font-size: 10px; font-family: 'Poppins';}
.row-artigos {row-gap: 10rem; display: flex; column-gap: 1rem; justify-content: space-between; width: -webkit-fill-available; flex-wrap: wrap;}
.column-artigos {width: 47%; padding: 0px; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center center; height: 20vh; transition: 0.3s ease-in-out; display: flex;}
.artigo {top: 100%; color: #fff; background-color: transparent; z-index: 2; transition: background-color 0.3s ease-in-out; padding: 4px 0px; position: relative; width: auto;}
.artigo h2 {color: #20252d; text-align: left; font-size: 13px; font-weight: 600;}
.artigo h3 {color: #20252d; text-align: left; margin: 0; font-family: 'Montserrat'; font-weight: 400; line-height: normal; font-size: 10px; padding: 0.4rem 0rem;}
.artigo p {color: #7c7c7c; text-align: left; font-size: 8px;}
/*END STYLE BLOG*/
}

@media screen and (min-width: 480px) and (max-width: 767px) { 
/*INDEX MOBILE*/
.buttons {display:none;}
.topo-menu{display: none;}
.sub_btn{display:none;}
.buttons-mob{position: relative; display: flex; margin-bottom: 4rem; padding-right: 3rem;}
.top-home {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/homepage-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.logo-topo-home {width: 91.5%; margin-right: auto; text-align: right; padding-bottom: 0rem; right: 0%; position: relative; padding-top: 3rem;}
.marca-topo{text-align: center; font-size: 10px; letter-spacing: 4px;}
.slogan{text-align: center; padding-top: 2rem; font-weight: 100; letter-spacing: 19px; word-spacing: 119px; font-size: 18px;}
img.logo-topo {width: 30%;}
.topo-home {margin-bottom: 0rem; left: 0%; position: relative; width: 100%; padding: 2rem 1rem; justify-content: center; display: flex;}
.title-home {color: #545454; font-weight: 200; font-size: 20px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: center; padding-bottom: 1rem;/* text-spacing-trim: space-all; */word-spacing: 2rem;}
.section1-home {display: none; margin-bottom: 1rem;}
.section1-home-mobile {display: block;}
.topo-mobile-home {padding: 3rem 1rem 2rem;}
.title-column-home {color: #000;/* margin-right: 7.5em; */font-weight: 700; font-size: 36px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 0rem;}
.subtitle-home {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 7em; padding-top: 2rem; width: auto; text-align: right;}
.mobile-img-home {/* width: 74%; */padding: 1rem;}
.img-column1 {width: 100%; margin-right: 0%;}
.bloco-why-us {margin-top: 7rem; color: #000; background-color: #fff; height: 33vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-why {padding: 1rem 8.5% 1rem; display: flex;}
.bloco-home-bottom {height: 36vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-home-bottom {padding: 1rem 8.5% 1rem; display: flex;}
.section-rate {display: block; margin-bottom: 0.3rem; background-color: #20252D; height: 37vh; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative;}
.section-rate .row-rate {align-content: center; top: 5%; position: relative; display: flex; column-gap: 1em; justify-content: center; width: 100%; flex-wrap: wrap;/* margin-bottom: 3.5em; */}
.column-rate {border: solid 1px #fff; float: left; width: 28%; padding: 1rem; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;/* height: 100%; */}
.img-star {height: 1.5vh;}
.star-rate {width: 4rem; align-self: left; left: 1rem; position: absolute; padding-bottom: 0.5rem;}
.google-icon {width: 10%; position: absolute; right: 0%; top: 92%; left:auto;}
/*END INDEX MOBILE*/

/*MOBILE CONTACTS*/
/*#languageDropdown {width: 100%; background-color: transparent; color: #fff; border-bottom-color: #fff; font-size: 10px;}
.small-btn-topo {display: none;}
.nav-toggle-button__icon2{position: absolute; top: 50%; right: 1em; transform: none; background: none; border: none; cursor: pointer; left: auto;}
.menu-geral {display: block; align-self: flex-start; padding-left: 2rem; padding-top: 2rem; background-color: #20252D; height: 0vh;}
.topo-contactos {margin-bottom: 2rem; left: 0%; position: relative; width: auto; padding: 0rem 2rem;}
.title-contact {color: #000; margin-right: 0em; font-weight: 700; padding-top: 4em; font-size: 25px; width: auto; line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.subtitle-contact {font-weight: 300; font-size: 13px; margin-right: 0em; padding: 0em;}
.section-blocos-contactos {display: flex; justify-content: space-between; gap: 4%;}
.form-wrapper {padding: 20px; border-radius: 8px; width: 100%; margin-left: 1rem;}
.form-wrapper form {display: flex; flex-direction: column; width: auto;}
#first-name, #last-name, #email, #phone1{color: #000; padding-bottom: 0rem; width: 100%;}
.form-wrapper textarea {width: auto; text-align: left; resize: none; height: 155px; border: 1px solid #000; margin-top: 3rem; padding: 20px; font-family: 'Montserrat'; font-size: 13px; font-weight: 300;}
.right-column-contactos {justify-content: flex-start; align-content: center; display: grid; width: 100%;}
.text-block-contactos {color: #000; margin-bottom: 20px; text-align: left; width: 100%; font-size: 13px; padding: 2rem;}
.form-contacto-mob {display: none;}
.dados-contacto-mob {display: none;}
.img-parceiros1 {width: 100%;}
.footer-faqs {background-color: #20252D; height: -webkit-fill-available;}
.left-column-contactos {flex-direction: column; justify-content: center; width: 100%;}
.footer-image {height: 81px; margin-top: 0rem; right: 0%; position: relative; padding: 0rem;}
.container-news {text-align: center; padding: 1.5rem;}
.section-footer {width: 100%; display: flex; justify-content: center; gap: 6px; padding-left: 0rem; padding-right: 0px; padding-bottom: 12px; margin-top: 1em;}
.column-footer {float: left; width: 33.33%; padding: 8px; gap: 1em; z-index: 0; position: relative; align-content: center; justify-content: center; display: grid;}
.menu-footer {text-align: left; color: #fff; padding-left: 1rem;}*/
/*END MOBILE CONTACTS*/

/*MOBILE ABOUT*/
.galeria {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 2rem;}
.galeria-escura {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 2rem;}
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 81vh; background-size: cover; background-position: center center;}
.topo-sobre {margin-bottom: 10rem; left: 9%; position: relative; width: 90%;}
.title-sobre {color: #000; margin-right: 0em; font-weight: 700; padding-top: 3em; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.subtitle-sobre {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 2em; padding-top: 2em; width: 95%;}
.fim-sobre {width: 84%; margin-left: auto; text-align: right; margin-bottom: 10rem; right: 4.5%; position: relative;}
.title-sobre-fim {color: #000; margin-right: 0em; font-weight: 700; padding-top: 3em; font-size: 36px; width: auto; line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 1rem;}
.parceiros-sobre-black {display: flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: nowrap;}
/*END MOBILE ABOUT*/

/*MOBILE SERVICOS*/
.section-services-mobile{display:none;}
.section-works-mobile{display:none;}
.title-guests{display:none;}
.title-join{display: none;}
.subtitle-join {padding: 1rem 1rem 1rem; display: flex; font-size: 13px;}
.title-services-topo {position: relative; top: 46%; justify-content: center; display: flex; font-weight: 400; font-size: 17px; line-height: 1.4; letter-spacing: 0.3rem; color: #fff; margin-left: -4.5rem;}
.topo-services {margin-bottom: 3rem; left: 8.5%; position: relative; width: 90%; padding-top: 4rem;}
.section-services .row-services {display: flex; column-gap: 2em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-services {float: left; width: 23%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.download {width: 50%; margin-left: auto; text-align: right; padding-bottom: 5rem; right: 8.5%; position: relative;}
.title-guests-mobile {padding-right: 1rem; color: #000; font-weight: 700; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.topo-guests {left: 8.5%; position: relative; width: 92%; padding-top: 4rem;}
.fim-guests {padding-top: 5rem; width: 88%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative; margin-bottom:1rem;}
.img-cta-2-sobre {margin-left: 0.8rem;}
.topo-activities {margin-bottom: 7rem; left: 9%; position: relative; width: 90%; margin-top: 5rem;}
.title-activities {color: #000; margin-right: 3em; font-weight: 700; font-size: 28px;/* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.img-cta-1-sobre {margin-left: 0.8rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 3em; padding-top: 2rem; width: 77%;}
.bloco-join {line-height: 1.6; height: 31vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.title-join-mobile {font-size: 13px; padding: 1rem; letter-spacing: 4px;}
/*END MOBILE SERVICOS*/

/*MOBILE ADVENTURE*/
.topo-aventuras {margin-bottom: 4rem; left: 8.5%; position: relative; width: 81%; padding-top: 17%;}
.agua {width: 71%; margin-left: auto; text-align: right; padding-bottom: 6%; right: 8.5%; position: relative;}
.section-aventuras {display: block; margin-bottom: 1rem;}
.section-aventuras .row-aventuras {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-aventuras {float: left; width: 84%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative; height: 37vh;    transition: filter 0.3s ease;}
#column2{background-position-y: 32%;}
.aventura {width: 60%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 10vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura h2 {padding-bottom: 0.3rem; text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px; color: #fff; display: contents;}
.aventura1 {width: 65%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 9vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura1 h2 {padding-bottom: 0.3rem; text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px;}
.topo-aventuras2 {margin-bottom: 3rem; left: 8.5%; position: relative; width: 82%; padding-top: 10%;}
.ar {padding-top: 10%; width: 64%; margin-left: auto; text-align: right; padding-bottom: 6%; right: 8.5%; position: relative;}
.column-aventuras-ar {float: left; width: 83%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;    transition: filter 0.3s ease;}
.aventura-ar {width: 85%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 10vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura-ar h2 {padding-bottom: 0.3rem; text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px; display: contents;}
.black-aventuras {height: 10vh; background-color: #20252d; padding: 3rem 1rem; margin-top: 10%; margin-bottom: 10%;}
.titulo-aventuras {display: none;}
.titulo-aventuras-mobile {font-size: 23px; padding: 0rem 1rem 0rem 1rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff;}
.cta-2-aventuras{display: none;}
.cta-2-aventuras-mobile {font-size: 13px; padding-top: 2rem; width: 74%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative;}
/*END MOBILE ADVENTURE*/

/*MOBILE ADITIONAL SERVICES*/
.topo-adicionais {margin-bottom: 6rem; left: 8.5%; position: relative; width: 82%; padding-top: 22%;}
.section-aditional-services{display: none;}
.section-aditional-services-mobile {display: block; margin-bottom: 1rem;}
.section-aditional-services-mobile .row-aditional-services-mobile {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-aditional-services-mobile {width: 83%; padding: 0; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: 52vh; transition: all 0.3s ease-in-out;}
/* Criar um pseudo-elemento para desfocar APENAS o fundo */
.column-aditional-services-mobile::before {content: ""; position: absolute; inset: 0; background: inherit; filter: blur(5px); transition: all 0.3s ease-in-out; z-index: 0; opacity: 0;}
.column-aditional-services-mobile:hover::before {opacity: 1;}
/* .aventura inicia semi-transparente */
.aditional-services-mobile {width: 76%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: relative; top: 0%; color: #fff; height: 7vh; background-color: rgba(32, 37, 45, 0.6); /* 60% de opacidade inicialmente */ margin: 0rem 4rem; z-index: 2; transition: background-color 0.3s ease-in-out;}
/* No hover, a cor fica 100% sólida */
.column-aditional-services-mobile:hover .aditional-services-mobile {background-color: #20252D; /* Agora fica totalmente sólida */}
/* Oculta o h2 no hover */
.column-aditional-services-mobile:hover .aditional-services-mobile h2 {display: none;}
.column-aditional-services-mobile:hover .aditional-services-mobile p {display: block;}
.column-aditional-services-mobile .aditional-services-mobile p {display: none;}
#column19 {display:none;}
.aditional-services-mobile h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 5px; font-size: 13px;}
.subtitle-ferias {padding: 1rem 1rem 1rem; display: flex; font-size: 0.7rem;}
.bloco-ferias {color: #fff; background-color: #20252d; height: 20vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin: 6rem 0rem;}
.titulo-galeria {margin-bottom: 3rem; align-content: center; position: relative; text-align: center; font-size: 28px;}
/*END ADITIONAL SERVICES*/

/*MOBILE EXPERIENCIAS*/
.topo-experiencias {margin-bottom: 6rem; left: 8.5%; position: relative; width: 75%; padding-top: 22%;}
.experiencias {width: 57%; margin-left: auto; text-align: right; padding-bottom: 3%; right: 8.5%; position: relative;}
.column-experiencias {height: 34vh;}
.experiencias-quadrados {width: 78%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 6vh; background-color: #20252d96; margin: 0rem 1rem;}
.experiencias-quadrados h2{font-size: 13px;}
.titulo-experiencias-mobile {font-size: 26px; padding: 0rem 1rem 0rem 1rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff;}
.titulo-experiencias {display:none;}
.cta-2-experiencias {font-size: 13px; padding-top: 2rem; width: 75%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative;}
/*END MOBILE EXPERIENCIAS*/

/*MOBILE EXPERIENCIAS E AVENTURAS*/
.top-yoga, .top-voo, .top-bttour, .top-paddle, .top-buggy, .top-rapel, .top-paiva, .top-surf, .top-wakefoil, .top-wakeboard, .top-canyoning, .top-canorafting, .top-rafting, .top-transfer, .top-babysitter, .top-compras, .top-peq-almoco, .top-chocolate, .top-personal-trainer, .top-barco{height: 40vh; padding-left: 3.5em; background-position: center center;}
.pretitle-infos {position: relative; top: 41%; left: 0%; font-size: 13px; color: #ffde59; width: fit-content;}
.title-infos-topo {position: relative; top: 39%; justify-content: center; display: flex; font-weight: 700; font-size: 25px; line-height: 1.4; letter-spacing: 0.5rem; color: #fff; left: 0%; width: fit-content;}
.column-infos {float: left; width: 100%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.section-infos .row-infos {display: block; /* column-gap: 3rem; */ justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 2.5em; margin-top: 0rem;}
.topo-column-infos {margin-bottom: 2.5rem; left: 8.5%; position: relative; width: 100%; margin-top: 1rem;}
.title-column-infos {color: #000; /* margin-right: 7.5em; */ font-weight: 700; font-size: 21px; width: 100%; line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 0rem;}
.subtitle-infos {font-weight: 300; font-size: 13px; line-height: 1.4; padding-top: 2rem; width: 100%; text-align: right;}
.column-form {float: left; width: 100%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative; margin-bottom: 4.5rem;}
.chef {width: 50%; display: flex; align-items: flex-start; justify-content: left; box-sizing: border-box;}
.disclaimer {padding-top: 0rem; padding-bottom: 2.5rem;}
.menu-options-massagem {width: auto;}
.tab {color: #000; padding: 0px 0px 5px 5px; cursor: pointer; position: relative; font-size: 13px; font-family: 'Poppins';}
.indicator {position: absolute; bottom: -2px; left: -3px; height: 3px; background-color: black; width: 23%; transition: transform 0.3s ease-in-out;}
/*END EXPERIENCIAS E AVENTURAS*/

/*STYLE ALOJAMENTOS*/
.galeria-casas-mobile{display: block;}
.galeria-casas-desktop{display: none;}
#share {width: 3rem !important; position: relative; right: -10%; margin-left: auto; font-size: 13px; margin-bottom: -1.1rem !important; font-family: 'Montserrat'; bottom: 1rem; top: -0.5rem !important;}
.svg-share {width: 14px; margin-right: 0px; position: relative; top: 24px; left: -22px;}
.galeria-casas-container {display: flex; gap: 10px; max-width: -webkit-fill-available; margin: 0rem 0 0; padding: 0.5rem 8.5% 0;}
.imagem-principal img {width: 100%; height: 97%; object-fit: cover; cursor: pointer;}
.miniaturas {display: flex; flex-direction: row; gap: 5px; width: -webkit-fill-available; padding: 0 8.5%;}
.miniaturas img.thumb {width: 32.9%; height: 23%; cursor: pointer; border-radius: 0px; transition: transform 0.5s, opacity 0.2s;}
.btn-see-more{position: relative; right: 8.2%; margin-left: auto; display: flex; top: -1rem; font-size: 12px; background-color: #20252d; color: #fff; width: 6rem; justify-content: center;}
.title-houses {padding: 0rem 8.5% 0rem; margin-top: 0rem; font-size: 25px;}
.subtitle-houses {padding: 0rem 8.5% 1.5rem; margin-top: 1rem; margin-bottom: 2rem; font-weight: 400; font-size: 16px;}
.infos-casas{width: -webkit-fill-available;}
.location-houses {padding: 0 8.5%; margin: auto; font-weight: 600; font-size: 16px; font-family: 'Montserrat';}
.specs-houses {padding: 0 8.5%; margin: 1rem 0rem; font-weight: 300; font-size: 13px; font-family: 'Poppins'; line-height: 24px;}
.title-comodidades {color: #000; font-size: 16px; font-weight: 500; line-height: 1.4; font-family: 'Montserrat'; letter-spacing: 2px;}
.column-gerais1 { top: 0.5rem; width: 48%; padding: 0; text-align: left; box-sizing: border-box; position: relative; /* cursor: pointer; */ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
#btn-ver-mais-comodidades {margin-top: 0.5rem; background: none; border: none; color: #20252d; font-family: 'Montserrat'; font-size: 14px; cursor: pointer; text-decoration: underline; margin-left: -1.3rem; padding: 0 1.5rem;}
.location-houses {padding: 0 8.5%; margin: auto; font-weight: 600; font-size: 16px; font-family: 'Montserrat';}
#map {width: -webkit-fill-available; height: 35%; border-radius: 0px; /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */ margin: 1rem 8.5%;}
.sobre-local {padding: 1rem 8.5%; width: -webkit-fill-available;}
.title-sobre-local {font-size: 16px; padding-bottom: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: 2px;}
.menu-options-comodidades {list-style: none; padding: 0; text-align: left; margin-bottom: 4rem; position: relative; width: -webkit-fill-available;}
.menu-options-comodidades a {color: #000; text-decoration: none; font-size: 16px; font-weight: 500; font-family: 'Montserrat'; letter-spacing: 2px; transition: color 0.3sease; padding-bottom: 1rem;}
.chevron-comodidades {display: inline-block; width: 8px; height: 8px; border-left: 2px solid #000; border-bottom: 2px solid #000; pointer-events: auto; transition: transform 0.3s ease, border-color 0.3s ease; position: relative; float: left; transform: rotate(-45deg); left: 0px; margin-right: 15px; top: 4px;}
.divider-houses {margin-bottom: 1.5rem; margin-top: 0rem; width: 95%;}
.infos-contacto-reservas {color: #fff; text-align: center; line-height: 1.4; font-size: 11px; font-weight: 300; padding: 1rem 0px;}
.banner-reserva-casas{display: none;}
.banner-reserva-casas-mob {display: block; background-color: #20252d; margin-bottom: 6rem; margin-top: 6rem; padding: 2rem 1rem;}
.infos-contacto-reservas-mob {color: #fff; text-align: center; line-height: 1.4; font-size: 13px; font-weight: 300; padding: 1rem 0px;}
.reservas-houses-mob {color: #fff; font-size: 16px; text-align: center; line-height: 2; font-weight: 700; letter-spacing: 6px;}
.title-next-houses {color: #000; font-size: 21px; font-weight: 700; padding-bottom: 1rem;}
.section-casas-next {display: block; margin-bottom: 1rem; margin-top: -1rem;}
.column-casas-next {top: 1rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
.coluna-casas-next {text-align: left; font-weight: 300; width: 100%; letter-spacing: 0px; font-size: 13px; line-height: 1.4;}
.miniatura1-next-cont {margin-bottom: 1rem; left: 0%; position: relative; width: 100%; padding-top: 0rem;}
.titulo-casas {text-align: left; font-size: 18px; padding-bottom: 5px; font-family: 'Montserrat'; margin-top: -1rem;}
.subtitulo-casas {text-align: left; font-size: 13px; font-family: 'Montserrat';}
.css-xm7yc3 {column-count: 3;}
.css-1nph1vj {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; color: #000000;}
.css-1a02w18 {height: 1.5rem; width: 1.5rem; display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 2px; margin-bottom: 2px; color: #084440;}
.css-kqzqgg {fill: currentColor;}
.css-xkhtup {margin: 0; font-weight: 400; font-size: 9px; line-height: 1.1428571428571428; line-height: 2.2857142857142856;}
.css-1qgmnlh {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; color: #000000; color: rgba(0, 0, 0, 0.38);}
.infos-contacto-reservas-mob{display: block;}
.reservas-houses-mob{display: block;}


.property-image-wrapper {border-radius: 0px; width: -webkit-fill-available; height: auto; max-height: 500px; overflow: hidden;}
#galeria-escura {margin-top: 5rem;}
/*END STYLE ALOJAMENTOS*/

/*STYLE BLOG*/
.parceiro-blog {top: 2rem; left: 0rem;}
.topo-blog{padding: 5% 5.2%; width: -webkit-fill-available; margin-bottom: 19%;}
.tab-blog {color: #000; padding: 0px 10px 5px 10px; cursor: pointer; position: relative; font-size: 16px; font-family: 'Poppins';}
.row-artigos {row-gap: 8rem; display: flex; column-gap: 1rem; justify-content: space-between; width: -webkit-fill-available; flex-wrap: wrap;}
.artigo h2 {color: #20252d; text-align: left; font-size: 18px; font-weight: 600;}
.artigo h3 {color: #20252d; text-align: left; margin: 0; font-family: 'Montserrat'; font-weight: 400; line-height: normal; font-size: 14px; padding: 0.4rem 0rem;}
.artigo p {color: #7c7c7c; text-align: left; font-size: 11px;}
/*END STYLE BLOG*/

}

@media screen and (min-width: 768px) and (max-width: 991px) { 
/*INDEX STYLE*/
.buttons {display:none;}
.topo-menu{display: none;}
.sub_btn{display:none;}
.buttons-mob{position: relative; display: flex; margin-bottom: 4rem; padding-right: 3rem;}
.top-home {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/homepage-capa.webp); height: 44vh; background-size: cover; background-position: center center;}
.logo-topo-home {width: 91.5%; margin-right: auto; text-align: right; padding-bottom: 0rem; right: 0%; position: relative; padding-top: 3rem;}
.marca-topo{text-align: center; font-size: 10px; letter-spacing: 4px;}
.slogan{text-align: center; padding-top: 2rem; font-weight: 100; letter-spacing: 19px; word-spacing: 119px; font-size: 18px;}
.title-home {color: #545454; font-weight: 200; font-size: 25px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: center; padding-bottom: 1rem;/* text-spacing-trim: space-all; */word-spacing: 3rem;}
.section1-home {display: block; margin-bottom: 1rem;}
.section1-home .row1-home {display: flex; column-gap: 2rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 0rem; padding: 2.5%;}
.column1-01 {margin-bottom: 1rem; left: 2%; position: relative; width: 50%; padding-top: 0rem;}
.topo-column-home {margin-bottom: 1rem; left: 0.5%; position: relative; width: 93%; margin-top: 1rem; top: 2rem;}
.img-column1 {width: 100%; margin-right: 0.5%; top: 15%; position: relative;}
.column1-home {float: left; width: 50%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.bloco-why-us {margin-top: 9rem; color: #000; background-color: #fff; height: 33vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-why {padding: 1rem 8.5% 1rem; display: flex;}
.title-activities {color: #000; margin-right: 0.5em; font-weight: 700; font-size: 28px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 2rem; width: 77%;}
.bloco-home-bottom {height: 38vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-home-bottom {padding: 1rem 8.5% 1rem; display: flex;}
.section-rate {display: block; margin-bottom: 0.3rem; background-color: #20252D; height: 35vh; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative;}
.section-rate .row-rate {align-content: center; top: 12%; position: relative; display: flex; column-gap: 1em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-rate {border: solid 1px #fff; float: left; width: 23%; padding: 1rem; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.google-icon {width: 10%; position: absolute; right: 0%; top: 92%; left: auto;}
.img-star {height: 2vh;}
.star-rate {width: 4rem; align-self: left; left: 10%; position: absolute; padding-bottom: 0.5rem;}
/*END INDEX STYLE*/

/*MOBILE CONTACTS*/
/*.buttons {position: absolute; top: -0.5em; right: 3em; display: flex; gap: 0px;}
.sub_btn {padding-top: 0em; padding-right: 0em; position: absolute; top: 2.5em; right: 7em;}
.nav-toggle-button__icon2 {background: none; border: none; color: #ffffff; cursor: pointer; font-size: 24px; position: absolute; top: 2em; right: 1em;}    
.topo-contactos {margin-bottom: 2rem; left: 8.5%; position: relative; width: 90%;}
.left-column-contactos {flex-direction: column; justify-content: center; width: 100%;}
.form-wrapper {padding: 20px; border-radius: 8px; width: 100%; margin-left: 3rem;}
.form-wrapper form {display: flex; flex-direction: column; width: auto;}
#first-name, #last-name, #email, #phone1{color: #000; padding-bottom: 0.5rem; width: 100%;}
.form-wrapper textarea {width: auto; text-align: left; resize: none; height: 155px; margin-top: 3rem; padding: 20px; font-family: 'Montserrat'; font-size: 13px; font-weight: 300;}
.right-column-contactos {justify-content: flex-start; align-content: center; display: grid; width: 100%;}
.form-contacto-mob {display: none;}
.dados-contacto-mob {display: none;}
.container-news {text-align: center; padding: 2rem 2rem 2rem 3rem;}
.menu-footer {text-align: left; color: #fff; padding-left: 3rem;}
.section-footer {width: 100%; display: flex; justify-content: center; gap: 6px; padding-left: 1rem; padding-right: 0px; padding-bottom: 12px; margin-top: 1em;}
.footer-faqs {background-color: #20252D; height: -webkit-fill-available;}*/
/*END MOBILE CONTACTS*/

/*MOBILE ABOUT*/
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 81vh; background-size: cover; background-position: center center;}
.topo-sobre {margin-bottom: 10rem; left: 9%; position: relative; width: 90%;}
.title-sobre {color: #000; margin-right: 2.5em; font-weight: 700; padding-top: 3em; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.img-parceiros1{width: -webkit-fill-available;}
.galeria {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 4rem;}
.galeria-escura {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 4rem;}
.fim-sobre {width: 78%; margin-left: auto; text-align: right; margin-bottom: 10rem; right: 6.5%; position: relative;}
.title-sobre-fim {color: #000; margin-right: 0em; font-weight: 700; padding-top: 3em; font-size: 36px; width: auto; line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 1rem;}
.parceiros-sobre-black {display: flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: nowrap;}
/*END MOBILE ABOUT*/

/*MOBILE SERVICOS*/
.section-services-mobile{display:none;}
.section-works-mobile{display:none;}
.title-guests{display: none;}
.title-join-mobile{display:none;}
.subtitle-join {padding: 1rem 2rem 1rem; display: flex; font-size: 13px;}
.menu-services {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/que-fazemos.webp); height: 52vh; background-size: cover; background-position: center center;}
.section-services .row-services {display: flex; column-gap: 5em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.title-guests-mobile {display: block; color: #000; font-weight: 700; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem; padding-right: 2rem;}
.topo-guests {padding-bottom: 4rem; left: 8.5%; position: relative; width: 79%; padding-top: 4rem;}
.fim-guests {width: 70%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative; margin-bottom:1rem;}
.topo-activities {margin-bottom: 7rem; left: 9%; position: relative; width: 90%; margin-top: 5rem;}
.bloco-join {height: 34vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
/*END MOBILE SERVICOS*/

/*MOBILE ADVENTURES*/
.topo-aventuras {margin-bottom: 3rem; left: 8.5%; position: relative; width: 74%; padding-top: 10%;}
.column-aventuras {float: left; width: 27%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative; height: 31vh;    transition: filter 0.3s ease;}
.aventura {width: 50%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 7vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 4px; font-size: 13px; color: #fff; display: contents;}
.aventura1 {width: 61%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 10vh; background-color: #20252d96; margin: 0rem 4rem;}
.aventura1 h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 4px; font-size: 13px;}
.column-aventuras-ar {height: 40vh; float: left; width: 41%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;    transition: filter 0.3s ease;}
.aventura-ar {width: 79%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 8vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura-ar h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 4px; font-size: 13px; display: contents;}
.black-aventuras {height: 10vh; background-color: #20252d; padding: 1.5rem; margin-top: 10%; margin-bottom: 10%;}
.titulo-aventuras {font-size: 28px; padding: 0rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff;}
/*END MOBILE ADVENTURES*/

/*MOBILE ADITIONAL SERVICES*/
.topo-adicionais {margin-bottom: 6rem; left: 8.5%; position: relative; width: 85%; padding-top: 15%;}
.column-aditional-services {height: 35vh;}
.aditional-services {width: 75%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 5vh; background-color: #20252d96; margin: 0rem 1rem;}
.aditional-services h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px;}
.section-aditional-services-mobile{display:none;}
#column19 {height: 35vh;}
/*END ADITIONAL SERVICES*/

/*MOBILE EXPERIENCIAS*/
.topo-experiencias {margin-bottom: 6rem; left: 8.5%; position: relative; width: 86%; padding-top: 15%;}
.column-experiencias {height: 45vh;}
.experiencias-quadrados {width: 72%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 6vh; background-color: #20252d96; margin: 0rem 1rem;}
.black-experiencias {height: 10vh; background-color: #20252d; padding: 2rem; margin-bottom: 5rem; margin-top: 6rem;}
.titulo-experiencias {font-size: 26px; padding: 0rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff; text-align: center;}
/*END MOBILE EXPERIENCIAS*/

/*MOBILE EXPERIENCIAS E AVENTURAS*/
.top-yoga, .top-voo, .top-bttour, .top-paddle, .top-buggy, .top-rapel, .top-paiva, .top-surf, .top-wakefoil, .top-wakeboard, .top-canyoning, .top-canorafting, .top-rafting, .top-transfer, .top-babysitter, .top-compras, .top-peq-almoco, .top-chocolate, .top-personal-trainer, .top-barco{height: 45vh; padding-left: 3.5em; background-position: center center;}
.pretitle-infos {position: relative; top: 41%; left: 0%; font-size: 13px; color: #ffde59; width: fit-content;}
.title-infos-topo {position: relative; top: 39%; justify-content: center; display: flex; font-weight: 700; font-size: 25px; line-height: 1.4; letter-spacing: 0.5rem; color: #fff; left: 0%; width: fit-content;}
.section-infos {display: block; margin-bottom: 1rem; padding: 0rem 3.5%;}
.section-infos .row-infos {display: flex; column-gap: 0rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 7rem;}
.column-infos {float: left; width: 50%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.column-form {float: left; width: 40%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.disclaimer {padding-top: 0rem; padding-bottom: 4.5rem;}
.menu-options-massagem {width: auto;}
.tab {color: #000; padding: 0px 0px 5px 5px; cursor: pointer; position: relative; font-size: 13px; font-family: 'Poppins';}
.indicator {position: absolute; bottom: -2px; left: -3px; height: 3px; background-color: black; width: 23%; transition: transform 0.3s ease-in-out;}
/*END EXPERIENCIAS E AVENTURAS*/

/*STYLE ALOJAMENTOS*/
.miniaturas img.thumb {width: 12.56rem; height: 23.7%; cursor: pointer; border-radius: 0px; transition: transform 0.5s, opacity 0.2s;}
.miniaturas button {margin-top: -2.75rem; padding: 13px; background-color: #20252d; color: #fff; border: none; cursor: pointer; font-weight: bold; border-radius: 0px; transition: background 0.3s; width: 9rem; position: relative; right: 0; margin-left: auto; font-size: 13px;}
.imagem-principal img {width: 100%;height: 79.8%;object-fit: cover;cursor: pointer;}
.title-houses {padding: 0rem 8.5% 0rem; margin-top: -4rem; /* MARGIN-BOTTOM: 4REM; */font-size: 26px;}
.subtitle-houses {padding: 0rem 8.5% 1.5rem; margin-top: 1.5rem; margin-bottom: 3rem; font-weight: 400; font-size: 16px;}
#map {width: 83%; height: 450px; border-radius: 0px; /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */ margin: 1rem 8.5%;}
.divider-houses {margin-bottom: 1.5rem; margin-top: 0rem; width: 100%;}
.reservas-houses {color: #fff; font-size: 21px; text-align: center; line-height: 2; font-weight: 700; letter-spacing: 6px;}
.column-casas-next {top: 1rem; width: 100%; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
.sobre-local {padding: 1rem 8.5%; width: 100%;}


.property-image-wrapper {border-radius: 0px; width: -webkit-fill-available; height: auto; max-height: 500px; overflow: hidden;}

/*END STYLE ALOJAMENTOS*/

/*STYLE BLOG*/
.topo-blog{padding: 5% 11.5%; width: -webkit-fill-available; margin-bottom: 20%;}
.row-artigos {row-gap: 10rem; display: flex; column-gap: 2rem; justify-content: space-between; width: -webkit-fill-available; flex-wrap: wrap;}
.column-artigos {width: 47%; padding: 0px; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center center; height: 20vh; transition: 0.3s ease-in-out; display: flex;}
.artigo h2 {color: #20252d; text-align: left; font-size: 19px; font-weight: 600;}
.artigo h3 {color: #20252d; text-align: left; margin: 0; font-family: 'Montserrat'; font-weight: 400; line-height: normal; font-size: 15px; padding: 0.5rem 0rem;}
/*END STYLE BLOG*/
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
/*INDEX MOBILE*/
.top-home {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/homepage-capa.webp); height: 65vh; background-size: cover; background-position: center center;}
.logo-topo-home {width: 91.5%; margin-right: auto; text-align: right; padding-bottom: 0rem; right: 0%; position: relative; padding-top: 3rem;}
.marca-topo{text-align: center; font-size: 10px; letter-spacing: 4px;}
.slogan{text-align: center; padding-top: 2rem; font-weight: 100; letter-spacing: 19px; word-spacing: 119px; font-size: 18px;}
.topo-home {margin-bottom: 2rem;/* left: 8.5%; */position: relative; width: 100%; padding-top: 2rem; justify-content: center; display: flex;}
.section1-home {display: block; margin-bottom: 1rem; padding: 3.5%;}
.section1-home .row1-home {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 7rem;}
.column1-01 {margin-bottom: 1rem; left: 0%; position: relative; width: 57%; padding-top: 0rem;}
.topo-column-home {margin-bottom: 1rem; left: 0.5%; position: relative; width: 98%; margin-top: 1rem;}
.subtitle-home {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 4em; padding-top: 2rem; width: auto; text-align: right;}
.img-column1 {width: 100%; margin-right: 0%;}
.bloco-why-us {margin-top: 9rem; color: #000; background-color: #fff; height: 36vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-why {padding: 1rem 8.5% 1rem; display: flex;}
.title-activities {color: #000; margin-right: 1.5em; font-weight: 700; font-size: 28px; width: 89%; line-height: 1.37; letter-spacing: 0px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 2rem; width: 60%;}
.subtitle-home-bottom {padding: 1rem 22.5% 1rem; display: flex;}
.section-rate {display: block; margin-bottom: 0.3rem; background-color: #20252D; height: 34vh; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative;}
.section-rate .row-rate {align-content: center; top: 12%; position: relative; display: flex; column-gap: 2em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-rate {border: solid 1px #fff; float: left; width: 23%; padding: 1rem; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
/*END INDEX MOBILE*/

.hero-geral {background-color: #20252D; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 12vh; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 0;}


/*MOBILE ABOUT*/
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 81vh; background-size: cover; background-position: center center;}
.nav-toggle-button__icon2 {background: none; border: none; color: #ffffff; cursor: pointer; font-size: 24px; position: absolute; top: 2.5em; right: 2em;}
.topo-sobre {margin-bottom: 10rem; left: 9%; position: relative; width: 85%;}
.img-parceiros1 {width: 50%;}
.galeria {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 5rem;}
.galeria-escura {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 5rem;}
.fim-sobre {width: 64%; margin-left: auto; text-align: right; margin-bottom: 10rem; right: 7.5%; position: relative;}
.parceiros-sobre-black {display: flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: nowrap;}
.footer-faqs {background-color: #20252D; height: -webkit-fill-available;}
/*END MOBILE ABOUT*/

/*MOBILE SERVICOS*/
.section-works-mobile{display:none;}
.section-services-mobile{display:none;}
.title-guests{display:none;}
.title-guests-mobile{color: #000; font-weight: 700; font-size: 36px; /* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.title-join-mobile{display:none;}
.menu-services {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/que-fazemos.webp); height: 57vh; background-size: cover; background-position: center center;}
.section-services .row-services {display: flex; column-gap: 7em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.title-works-1 {color: #fff; padding-top: 5rem; font-weight: 700; font-size: 21px; line-height: 1.4; letter-spacing: 0.3rem; text-align: left; padding-bottom: 2.5rem; padding-left: 7%;}
.topo-activities {margin-bottom: 7rem; left: 9%; position: relative; width: 71%; margin-top: 5rem;}
.subtitle-join {padding: 1rem 8.5% 1rem; display: flex; font-size: 13px;}
.bloco-join {height: 40vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.topo-guests {left: 8.5%; position: relative; width: 62%; padding-top: 4rem;}
.fim-guests {width: 50%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative; padding-top: 6rem; margin-bottom:2rem;}
/*END MOBILE SERVICOS*/

/*MOBILE ADVENTURES*/
.column-aventuras {height: 36vh;    transition: filter 0.3s ease;}
.topo-aventuras {margin-bottom: 3rem; left: 8.5%; position: relative; width: 76%; padding-top: 10%;}
.aventura {width: 50%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 7vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px; color: #fff; display: contents;}
.aventura1 {width: 61%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 10vh; background-color: #20252d96; margin: 0rem 4rem;}
.aventura1 h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px;}
.column-aventuras-ar {height: 50vh;   transition: filter 0.3s ease;}
.aventura-ar {width: 79%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 9vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura-ar h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px; display: contents;}
.black-aventuras {height: 10vh; background-color: #20252d; padding: 1.5rem; margin-top: 10%; margin-bottom: 10%;}
.titulo-aventuras {font-size: 28px; padding: 0rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff;}
/*END MOBILE ADVENTURES*/

/*MOBILE ADITIONAL SERVICES*/
.topo-adicionais {margin-bottom: 5rem; left: 6.5%; position: relative; width: 82%; padding-top: 5%;}
.section-aditional-services{display: none;}
.section-aditional-services-mobile {display: block; margin-bottom: 1rem;}
.section-aditional-services-mobile .row-aditional-services-mobile {display: flex; column-gap: 1rem; justify-content: center; width: 100%; flex-wrap: wrap;}
.column-aditional-services-mobile {width: 42%; padding: 0; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: 49vh; transition: all 0.3s ease-in-out;}
#column19 {height: 49vh;}
/* Criar um pseudo-elemento para desfocar APENAS o fundo */
.column-aditional-services-mobile::before {content: ""; position: absolute; inset: 0; background: inherit; filter: blur(5px); transition: all 0.3s ease-in-out; z-index: 0; opacity: 0;}
.column-aditional-services-mobile:hover::before {opacity: 1;}
/* .aventura inicia semi-transparente */
.aditional-services-mobile {width: 76%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: relative; top: 0%; color: #fff; height: 7vh; background-color: rgba(32, 37, 45, 0.6); /* 60% de opacidade inicialmente */ margin: 0rem 4rem; z-index: 2; transition: background-color 0.3s ease-in-out;}
/* No hover, a cor fica 100% sólida */
.column-aditional-services-mobile:hover .aditional-services-mobile {background-color: #20252D; /* Agora fica totalmente sólida */}
/* Oculta o h2 no hover */
.aditional-services-mobile h2 {font-size: 13px;}
.column-aditional-services-mobile:hover .aditional-services-mobile h2 {display: none;}
.column-aditional-services-mobile:hover .aditional-services-mobile p {display: block; font-size: 13px;}
.column-aditional-services-mobile .aditional-services-mobile p {display: none;}
.logo-topo-aditional-mobile {height: 26%;}
.subtitle-ferias {padding: 1rem 1rem 1rem; display: flex; font-size: 0.8rem;}
/*MOBILE ADITIONAL SERVICES*/

/*MOBILE EXPERIENCIAS*/
.topo-experiencias {margin-bottom: 6rem; left: 8.5%; position: relative; width: 65%; padding-top: 10%;}
.column-experiencias {height: 56vh;}
.experiencias-quadrados {width: 77%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 7vh; background-color: #20252d96; margin: 0rem 1rem;}
.black-experiencias {height: 11vh; background-color: #20252d; padding: 2rem; margin-bottom: 5rem; margin-top: 6rem;}
/*END MOBILE EXPERIENCIAS*/

/*MOBILE EXPERIENCIAS E AVENTURAS*/
.top-yoga, .top-voo, .top-bttour, .top-paddle, .top-buggy, .top-rapel, .top-paiva, .top-surf, .top-wakefoil, .top-wakeboard, .top-canyoning, .top-canorafting, .top-rafting, .top-transfer, .top-babysitter, .top-compras, .top-peq-almoco, .top-chocolate, .top-personal-trainer, .top-barco{height: 55vh; padding-left: 1.5em; background-position: center center;}
.column-infos {float: left; width: 50%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.subtitle-infos {font-weight: 300; font-size: 13px; line-height: 1.4; padding-top: 2rem; width: 100%; text-align: right;}
.column-form {float: left; width: 45%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.disclaimer {padding-top: 0rem; padding-bottom: 2.5rem;}
.menu-options-massagem {width: auto;}
.tab {color: #000; padding: 0px 0px 5px 5px; cursor: pointer; position: relative; font-size: 13px; font-family: 'Poppins';}
.indicator {position: absolute; bottom: -2px; left: -3px; height: 3px; background-color: black; width: 23%; transition: transform 0.3s ease-in-out;}
/*END EXPERIENCIAS E AVENTURAS*/

/*STYLE ALOJAMENTOS*/
#map {width: 84%; height: 450px; border-radius: 0px; /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */ margin: 1rem 8.5%;}
.sobre-local {padding: 1rem 8.5%; width: 100%;}
.divider-houses {margin-bottom: 1.5rem; margin-top: 0rem; width: 100%;}
.quinta-gala-row {top: 1rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
.cavadinha-row {top: 1rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: 3rem; margin-bottom: 0rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
.quinta-gala {padding: 0 8.5%; margin-top: 4rem;}
.column-casas-em-breve {top: 5rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: auto; transition: all 0.3s ease-in-out;}
.imagem-nitida-torreira {height: auto; position: absolute; top: 2px; left: 3px; width: -webkit-fill-available; filter: blur(4px);}
.imagem-desfocada-torreira {height: auto; width: -webkit-fill-available;}
/*END STYLE ALOJAMENTOS*/

/*STYLE BLOG*/
.topo-blog{padding: 5% 11.5%; width: -webkit-fill-available; margin-bottom: 20%;}
.row-artigos {row-gap: 10rem; display: flex; column-gap: 2rem; justify-content: space-between; width: -webkit-fill-available; flex-wrap: wrap;}
.column-artigos {width: 47%; padding: 0px; text-align: center; box-sizing: border-box; position: relative; cursor: pointer; justify-content: center; align-items: center; margin-bottom: 1rem; background-size: cover; border-radius: 8px; background-position: center center; height: 20vh; transition: 0.3s ease-in-out; display: flex;}
.artigo h2 {color: #20252d; text-align: left; font-size: 19px; font-weight: 600;}
.artigo h3 {color: #20252d; text-align: left; margin: 0; font-family: 'Montserrat'; font-weight: 400; line-height: normal; font-size: 15px; padding: 0.5rem 0rem;}
/*END STYLE BLOG*/
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
/*INDEX STYLE*/
.top-home {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/homepage-capa.webp); height: 60vh; background-size: cover; background-position: center center;}
.logo-topo-home {width: 91.5%; margin-right: auto; text-align: right; padding-bottom: 0rem; right: 0%; position: relative; padding-top: 3rem;}
.marca-topo{text-align: center; font-size: 10px; letter-spacing: 4px;}
.slogan{text-align: center; padding-top: 2rem; font-weight: 100; letter-spacing: 19px; word-spacing: 119px; font-size: 18px;}
.topo-home {margin-bottom: 0rem;/* left: 8.5%; */position: relative; width: 100%; padding-top: 2rem; justify-content: center; display: flex;}
.section1-home {display: block; margin-bottom: 1rem; padding: 4% 8.5%;}
.section1-home .row1-home {display: flex; column-gap: 2rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 7rem;}
.column1-01 {margin-bottom: 1rem; left: 0%; position: relative; width: 57%; padding-top: 0rem;}
.topo-column-home {margin-bottom: 1rem; right: 0%; position: relative; width: 91.5%; margin-top: 1rem;}
.title-column-home {color: #000; margin-right: 0em; font-weight: 700; font-size: 36px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: right; padding-bottom: 0rem;}
.img-column1 {width: 100%; margin-right: 0%;}
.bloco-why-us {margin-top: 6rem; color: #000; background-color: #fff; height: 44vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-why {padding: 1rem 8.5% 1rem; display: flex;}
.title-activities {color: #000; margin-right: 0.5em; font-weight: 700; font-size: 28px; width: 66%; line-height: 1.37; letter-spacing: 0px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 2rem; width: 59%;}
.bloco-home-bottom {height: 41vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-home-bottom {padding: 1rem 20.5% 1rem; display: flex;}
.section-rate {display: block; margin-bottom: 0.3rem; background-color: #20252D; height: 40vh; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative;}
.section-rate .row-rate {align-content: center; top: 12%; position: relative; display: flex; column-gap: 2em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-rate {border: solid 1px #fff; float: left; width: 28%; padding: 1rem; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;/* height: 102%; */}
.img-star {height: 3vh;}
.star-rate {width: 4rem; align-self: left; left: 1rem; position: absolute; padding-bottom: 0.5rem;}
.google-icon {width: 10%; position: absolute; right: 0rem; top: 63%; left:auto;}
/*END INDEX STYLE*/

.hero-geral {background-color: #20252D; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 12vh; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 0;}
/*MOBILE CONTACTS*/ 
.footer-faqs {background-color: #20252D; height: -webkit-fill-available;}
/*END MOBILE CONTACTS*/

/*MOBILE ABOUT*/
.parceiros-sobre-black {display: flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: nowrap;}
.img-parceiros1 {width: 50%;}
.fim-sobre {width: 54%; margin-left: auto; text-align: right; margin-bottom: 10rem; right: 6.5%; position: relative;}
.topo-sobre {margin-bottom: 10rem; left: 9%; position: relative; width: 71%;}
.title-sobre {color: #000; margin-right: 7.5em; font-weight: 700; padding-top: 3em; font-size: 36px; /* width: 54%; */ line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;}
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 81vh; background-size: cover; background-position: center center;}
.galeria {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 6.6rem;}
.galeria-escura {width: 91.5%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 6.6rem;}
/*END MOBILE ABOUT*/

/*MOBILE SERVICOS*/
.section-works-mobile{display:none;}
.section-services-mobile{display:none;}
.title-guests-mobile{display:none;}
.title-join-mobile{display:none;}
.menu-services {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 4.5em; padding-top: 1rem; background-image: url(../img/que-fazemos.webp); height: 54vh; background-size: cover; background-position: center center;}
.section-services .row-services {display: flex; column-gap: 4em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-services {float: left; width: 24%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.topo-guests {left: 8.5%; position: relative; width: 59%; padding-top: 4rem;}
.fim-guests {width: 50%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative; padding-top: 6rem; margin-bottom:2rem;}
.topo-activities {margin-bottom: 7rem; left: 9%; position: relative; width: 72%; margin-top: 5rem;}
.subtitle-join {padding: 1rem 8.5% 1rem; display: flex; font-size: 13px; width: 100%; justify-content: center;}
.bloco-join {height: 39vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
/*END MOBILE SERVICOS*/

/*MOBILE ADVENTURES*/
.topo-aventuras {margin-bottom: 3rem; left: 8.5%; position: relative; width: 76%; padding-top: 10%;}
.column-aventuras {height: 42vh;   transition: filter 0.3s ease;}
.aventura {width: 50%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 7vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px; color: #fff; display: contents;}
.aventura1 {width: 55%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 10vh; background-color: #20252d96; margin: 0rem 4rem;}
.aventura1 h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px;}
.column-aventuras {height: 49vh;   transition: filter 0.3s ease;}
.aventura-ar {width: 73%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff !important; height: 10vh; background-color: #20252d96; margin: 0rem 1rem;}
.aventura-ar h2 {text-align: center; font-weight: 500; width: 100%; letter-spacing: 6px; font-size: 13px; display: contents;}
.black-aventuras {height: 10vh; background-color: #20252d; padding: 1.5rem; margin-top: 10%; margin-bottom: 10%;}
.titulo-aventuras {font-size: 28px; padding: 0rem; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; color: #fff;}
/*END MOBILE ADVENTURES*/

/*MOBILE ADITIONAL SERVICES*/
.topo-adicionais {margin-bottom: 5rem; left: 8.5%; position: relative; width: 57%; padding-top: 5%;}
.column-aditional-services {height: 47vh;}
.aditional-services {width: 65%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 7vh; background-color: #20252d96; margin: 0rem 1rem;}
#column19 {height: 47vh;}
.title-ferias {font-size: 18px; padding: 1rem; letter-spacing: 4px; width: 100%;}
.subtitle-ferias {padding: 1rem 1rem 1rem; display: flex; font-size: 17px;}
.section-aditional-services-mobile{display:none;}
/*MOBILE ADITIONAL SERVICES*/

/*MOBILE EXPERIENCIAS*/
.topo-experiencias {margin-bottom: 6rem; left: 8.5%; position: relative; width: 51%; padding-top: 10%;}
.column-experiencias {height: 62vh;}
.experiencias-quadrados {width: 73%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 8vh; background-color: #20252d96; margin: 0rem 1rem;}
.black-experiencias {height: 11vh; background-color: #20252d; padding: 2rem; margin-bottom: 5rem; margin-top: 6rem;}
.disclaimer {padding-top: 0rem; padding-bottom: 2.5rem;}
/*END EXPERIENCIAS*/

/*MOBILE EXPERIENCIAS E AVENTURAS*/
.top-yoga, .top-voo, .top-bttour, .top-paddle, .top-buggy, .top-rapel, .top-paiva, .top-surf, .top-wakefoil, .top-wakeboard, .top-canyoning, .top-canorafting, .top-rafting, .top-transfer, .top-babysitter, .top-compras, .top-peq-almoco, .top-chocolate, .top-personal-trainer, .top-barco{height: 60vh; padding-left: 1.5em; background-position: center center;}
.column-infos {float: left; width: 50%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.subtitle-infos {font-weight: 300; font-size: 13px; line-height: 1.4; padding-top: 2rem; width: 100%; text-align: right;}
.column-form {float: left; width: 46%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.menu-options-massagem {width: auto;}
.tab {color: #000; padding: 0px 0px 5px 5px; cursor: pointer; position: relative; font-size: 13px; font-family: 'Poppins';}
.indicator {position: absolute; bottom: -2px; left: -3px; height: 3px; background-color: black; width: 23%; transition: transform 0.3s ease-in-out;}
/*END EXPERIENCIAS E AVENTURAS*/

/*STYLE ALOJAMNEOTS*/
#map {width: -webkit-fill-available; height: 450px; border-radius: 0px; /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */ margin: 1rem 8.5%;}
.sobre-local {padding: 1rem 8.5%; width: -webkit-fill-available;}
.divider-houses {margin-bottom: 1.5rem; margin-top: 0rem; width: -webkit-fill-available;}


.quinta-gala-row {top: 1rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0rem; background-size: cover; background-position: center; height: 75%; transition: all 0.3s ease-in-out;}
.quinta-gala {padding: 0 8.5%; margin-top: -5rem;}
.cavadinha-row {top: 1rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: -13rem; margin-bottom: 0rem; background-size: cover; background-position: center; height: 75%; transition: all 0.3s ease-in-out;}
.column-casas-em-breve {top: 1rem; width: -webkit-fill-available; padding: 0; text-align: left; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-size: cover; background-position: center; height: 75%; transition: all 0.3s ease-in-out;}
.section-casas-em-breve {display: block; margin-bottom: 1rem; margin-top: -3rem;}
.imagem-nitida-torreira {height: auto; position: absolute; top: 2px; left: 3px; width: 98%; filter: blur(4px);}
#outras2{margin-top: -5rem;}
.imagem-desfocada-torreira {height: auto; width: 100%;}
#galeria-escura {margin-top: 0rem;}

/*END STYLE ALOJAMENTOS*/
}

@media screen and (min-width: 1440px) and (max-width: 1919px) { 
/*MOBILE INDEX STYLE*/
.galeria{margin-left: 8.7rem; width: 90.5%;}
.galeria-escura{margin-left: 8.7rem; width: 90.5%;}
.top-home {background-position-y: -10rem; display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/homepage-capa.webp); height: 81vh; background-size: cover; background-position: center center;}
.logo-topo-home {width: 91.5%; margin-right: auto; text-align: right; padding-bottom: 0rem; right: 0%; position: relative;padding-top: 3rem;}
.marca-topo{text-align: center; font-size: 10px; letter-spacing: 4px;}
.title-home {color: #545454; font-weight: 200; font-size: 30px;/* width: 54%; */line-height: 1.37; letter-spacing: 6px; padding-left: 0em; text-align: left; padding-bottom: 1rem;/* text-spacing-trim: space-all; */word-spacing: 9rem;}
.section1-home {display: block; margin-bottom: 1rem; padding: 0% 8.5%;}
.section1-home .row1-home {display: flex; column-gap: 3rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 7rem;}
.column1-01 {margin-bottom: 1rem; left: 0%; position: relative; width: 57%; padding-top: 0rem;}
.topo-column-home {margin-bottom: 1rem; right: 0%; position: relative; width: 91.5%; margin-top: 4rem;}
.subtitle-home {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 2rem; width: auto; text-align: right;}
.img-column1 {width: 100%; margin-right: 0%;}
.bloco-why-us {margin-top: 2rem; margin-bottom: 4rem; color: #000; background-color: #fff; height: 44vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-why {padding: 1rem 29.5% 1rem; display: flex;}
.title-activities {color: #000; margin-right: 0.5em; font-weight: 700; font-size: 28px; width: 74%; line-height: 1.37; letter-spacing: 0px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 0em; padding-top: 3rem; width: 50%;}
.bloco-home-bottom {height: 50vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
.subtitle-home-bottom {padding: 2rem 29.5% 1rem; display: flex;}
.section-rate {display: block; margin-bottom: 0.3rem; background-color: #20252D; height: 50vh; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative;}
.section-rate .row-rate {align-content: center; top: 12%; position: relative; display: flex; column-gap: 2em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.column-rate {border: solid 1px #fff; float: left; width: 15%; padding: 1rem; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.img-star {height: 2vh;}
.star-rate {width: 4rem; align-self: left; left: 1rem; position: absolute; padding-bottom: 0.5rem;}
.google-icon {width: 10%; position: absolute; right: 0rem; top: 84%; left:auto;}
/*END INDEX STYLE*/

.hero-geral {background-color: #20252D; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 18vh; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 0;}
/*MOBILE CONTACTS*/
/*.sub_btn {padding-top: 0em; padding-right: 0em; position: absolute; top: 2em; right: 9.5em;}
.nav-toggle-button__icon2 {background: none; border: none; color: #ffffff; cursor: pointer; font-size: 24px; position: absolute; top: 2.5em; right: 1.5em;}
.buttons {position: absolute; top: 2rem; right: 5.5em; display: flex; gap: 0px;}
.topo-contactos {margin-bottom: 2rem; left: 6.7%; position: relative; width: 80%;}
.left-column-contactos {flex-direction: column; justify-content: center; width: 100%;}
.form-wrapper {padding: 20px 20px 20px 20px; border-radius: 8px; width: 100%; margin-left: 5rem;}
.form-wrapper form {display: flex; flex-direction: column; width: auto;}
#first-name, #last-name, #email, #phone1{color: #000; padding-bottom: 0.5rem; width: auto; width: 100%; margin-right: 1rem; margin-bottom: 1.5rem;}
.form-wrapper textarea {width: 91%; text-align: left; resize: none; height: 140px; border: 1px solid #000; margin-top: 3rem; padding: 20px; font-family: 'Montserrat'; font-size: 13px; font-weight: 300;}
.right-column-contactos {justify-content: flex-start; align-content: center; display: grid; width: 100%;}
.container-news {text-align: center; padding: 2rem 0rem 2rem 4rem;}
.footer-image {height: 113px; margin-top: 0rem; right: 32%; position: relative;}
.footer-faqs {background-color: #20252D; height: -webkit-fill-available;}*/
/*END MOBILE CONTACTS*/

/*MOBILE ABOUT*/
.parceiros-sobre-black {display: flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: nowrap;}
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 81vh; background-size: cover; background-position: center center;}
/*END MOBILE ABOUT*/

/*MOBILE SERVICOS*/
.section-works-mobile{display:none;}
.section-services-mobile{display:none;}
.title-guests-mobile{display: none;}
.title-join-mobile{display:none;}
.menu-services {background-position-y: -10rem; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; background-image: url(../img/que-fazemos.webp); height: 81vh; background-size: cover; background-position: center center;}
.fim-guests {width: 50%; margin-left: auto; text-align: right; padding-bottom: 7rem; right: 8.5%; position: relative; padding-top: 7rem; margin-bottom:2rem;}
.topo-activities {margin-bottom: 7rem; left: 9%; position: relative; width: 67%; margin-top: 7rem;}
.subtitle-join {padding: 1rem 8.5% 1rem; display: flex; font-size: 13px; width: 100%; justify-content: center;}
.bloco-join {height: 40vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 5rem;}
.title-join {font-size: 18px; padding: 1rem; letter-spacing: 3px; line-height: 1.4;}
/*END MOBILE SERVICOS*/

/*MOBILE ADITIONAL SERVICES*/
.column-aditional-services {height: 38vh;}
.aditional-services {width: 60%; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative; top: 0%; color: #fff; height: 6vh; background-color: #20252d96; margin: 0rem 4rem;}
#column19 {cursor: default !important; height: 69vh;}
.title-ferias {font-size: 28px; padding: 1rem; letter-spacing: 4px; width: 100%;}
.subtitle-ferias {padding: 1rem 1rem 1rem; display: flex; font-size: 13px;}
.bloco-ferias {color: #fff; background-color: #20252d; height: 35vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap; margin: 7rem 0rem;}
.section-aditional-services-mobile{display:none;}
/*END ADITIONAL SERVICES*/

}

@media screen and (min-width: 1920px) { 
/*MENU STYLE*/
.hero-geral {background-color: #20252D; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 16vh; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 0;}
.menu-about ul li a {color: #000; text-decoration: none; font-size: 17px; transition: color 0.3s ease; font-weight: 500; position: relative; z-index: 1;}
.language-switcher {background-color: transparent; top: 3em; position: relative; right: 1em; padding: 0rem;}
/*END MENU STYLE*/

/*MOBILE INDEX STYLE*/
.section1-home {display: block; margin-bottom: 1rem; padding: 0% 8.5%;}
.section1-home .row1-home {display: flex; column-gap: 3rem; justify-content: center; width: 100%; flex-wrap: nowrap; margin-bottom: 3.5em; margin-top: 7rem;}
.column1-01 {margin-bottom: 1rem; left: 0; position: relative; width: 57%; padding-top: 0rem;}
.topo-column-home {margin-bottom: 1rem; right: 0%; position: relative; width: 91.5%; margin-top: 7%;}
.img-column1 {width: 100%; margin-right: 0%;}
.section-rate {display: block; margin-bottom: 0.3rem; background-color: #20252D; height: 45vh; justify-content: center; align-content: center; display: flex; flex-wrap: wrap; position: relative;}
.section-rate .row-rate {align-content: center; top: 12%; position: relative; display: flex; column-gap: 2em; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 3.5em;}
.img-star {height: 2vh;}
.star-rate {width: 4rem; align-self: left; left: 1rem; position: absolute; padding-bottom: 0.5rem;}
.google-icon {width: 10%; position: absolute; right: 0rem; top: 78%; left:auto;}
.title-activities {color: #000; margin-right: 7.5em; font-weight: 700; font-size: 36px; width: 69%; line-height: 1.37; letter-spacing: 0px; padding-left: 0em; text-align: left; padding-bottom: 0rem;}
.subtitle-activities {font-weight: 300; font-size: 13px; line-height: 1.4; margin-right: 7em; padding-top: 2rem; width: 46%;}
/*END INDEX STYLE*/


/*MOBILE ABOUT*/
.parceiros-sobre-black {display: flex; background-color: #20252D; justify-content: center; align-content: center; flex-wrap: nowrap;}
.galeria-wrapper {display: flex; gap: 1rem;}
.galeria-wrapper img {width: 19.5rem; border-radius: 13px; height: 59vh; user-select: none; margin-bottom: 3rem; object-fit: cover;}
.galeria-wrapper-escura {display: flex; gap: 1rem;}
.galeria-wrapper-escura img {object-fit: cover; width: 19.5rem; border-radius: 13px; height: 59vh; user-select: none; margin-bottom: 2rem; pointer-events: none;}
.cta-2-sobre {font-size: 17px; padding-top: 2rem;}
.subtitle-sobre-fim {font-weight: 300; font-size: 17px; line-height: 1.4; margin-right: 0em; padding-top: 2em; width: 100%;}
.subtitle-sobre {font-weight: 300; font-size: 17px; line-height: 1.4; margin-right: 7em; padding-top: 2em; width: 77%;}
.cta-1-sobre {font-size: 17px; padding-top: 2rem;}
p, a {font-family: 'Poppins'; font-weight: 300; font-size:13px;}
.menu-about {background-image: url(../img/mapaCN.webp); display: block; align-self: flex-start; padding-left: 3.5em; padding-top: 1rem; height: 81vh; background-size: cover; background-position: center center;}
/*END MOBILE ABOUT*/

/*MOBILE SERVICOS*/
.section-works-mobile{display:none;}
.section-services-mobile{display:none;}
.title-guests-mobile{display: none;}
.title-join-mobile{display: none;}
.title-services-topo {position: relative; top: 46%; justify-content: center; display: flex; font-weight: 400; font-size: 17px; line-height: 1.4; letter-spacing: 0.3rem; color: #fff;}
.column-services {float: left; width: 21.5%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
.section-services {display: block; margin-bottom: 7rem;}
.column-works {float: left; width: 16.5%; padding: 0px; text-align: center; box-sizing: border-box; gap: 3em; z-index: 0; position: relative;}
#seta {width: 4%; position: relative; top: 3rem;}
.fim-guests {width: 50%; margin-left: auto; text-align: right; padding-bottom: 8rem; right: 8.5%; position: relative; padding-top: 8rem; margin-bottom:2rem;}
.galeria {width: 91%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 10rem;}
.galeria-escura {width: 91%; overflow-x: auto; white-space: nowrap; cursor: grab; -webkit-overflow-scrolling: touch; margin-left: 10rem;}
.topo-activities {margin-bottom: 11rem; left: 9%; position: relative; width: 57%; margin-top: 8rem;}
.subtitle-join {padding: 1rem 8.5% 1rem; display: flex; font-size: 13px; width: 100%; justify-content: center;}
.bloco-join {height: 40vh; justify-content: center; align-content: center; display: flex; text-align: center; font-size: 13px; flex-wrap: wrap;}
/*END MOBILE SERVICOS*/

/*MOBILE ADITIONAL SERVICES*/
.topo-adicionais {margin-bottom: 5%; left: 8.5%; position: relative; width: 49%; padding-top: 5%;}
.title-ferias {font-size: 28px; padding: 1rem; letter-spacing: 4px; width: 100%;}
.section-aditional-services-mobile{display:none;}
/*END ADITIONAL SERVICES*/

/*STYLE ALOJAMENTOS*/
.lightbox .navegacao {position: absolute; top: 47%; display: flex; gap: 66rem;}
/*END STYLE ALOJAMENTOS*/

}