/* 1. Painel
--------------*/
#painel .fullscreen .carousel-item img {height: calc(100vh - 102.5px); object-fit: cover;}
#painel .fullscreen .carousel-item .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); padding: 1rem;}
#painel .fullscreen .carousel-item .carousel-caption h1 {font-size: 36px; font-weight: 900; text-transform: uppercase; letter-spacing: 5px;}
#painel .fullscreen .carousel-item .carousel-caption h2 {font-size: 23px; text-transform: uppercase; margin-bottom: 1rem;}
#painel .split {margin-top: 1rem;}
#painel .split .background {background: var(--carousel-split-fundo); color: var(--carousel-split-cor); padding: 1rem;}
#painel .split .background h1 {font-weight: 700; text-transform: uppercase; margin-bottom: 0.25rem;}
#painel .split .background p {font-weight: 300;}
#painel .split .carousel-indicators {-ms-justify-content: flex-start; justify-content: flex-start; margin-bottom: 0.75rem; margin-right: 10%; margin-left: 10%;}
#painel .split .carousel-indicators [data-bs-target] {border: 0; width: 12.5px; height: 12.5px; transform: rotate(45deg); margin: 0;}
#painel .split .carousel-indicators [data-bs-target]:not(:last-child) {margin-right: 0.5rem;}

/* 2. Parceiros
-----------------*/
#parceiros .parceiro {height: 125px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
#parceiros .parceiro:hover {box-shadow: 0 7px 5px 0 rgba(0, 0, 0, .35); transform: translateY(-5px)}
#parceiros .parceiro img {height: 100%; object-fit: cover;}
#parceiros .slick-slider .slick-slide {margin: 5px 15px;}
#parceiros .titulo {margin-bottom: 1.75rem;}

/* 3. Ícones
--------------*/
#icones {background: var(--icones-fundo); color: var(--icones-cor);}
#icones .box img {height: 100px;}
#icones .box h3 {font-size: 18px; font-weight: 600;}

/* 4. Planos
--------------*/
#plano, #plano3 {padding: 25px 0;}
#plano2, #plano4 {background: var(--planos-fundo); color: var(--planos-cor); padding: 25px 0;}
#plano img, #plano2 img, #plano3 img, #plano4 img {height: 325px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);}
#plano .box, #plano2 .box, #plano3 .box, #plano4 .box {text-align: center;}
#plano2 .titulo span, #plano4 .titulo span {border-color: #B1B1B1;}

/* 4. Diferencial
-------------------*/
#diferencial .box {border-radius: 15px; background: var(--diferencial-caixa-fundo); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25); color: var(--diferencial-caixa-cor); height: 100%; padding: 1rem;}
#diferencial .box i {color: var(--diferencial-caixa-icone); font-size: 35px;}
#diferencial .box h2 {font-weight: 600;}

/* 5. Call to Action
----------------------*/
#call-to-action {background-attachment: fixed; background-repeat: no-repeat; background-size: cover; color: var(--cta-cor); z-index: 0; padding: 100px 0;}
#call-to-action::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--cta-pelicula); opacity: 0.75; z-index: -1;}
#call-to-action .titulo {color: inherit;}

/* 6 - Detalhes
-----------------*/
#detalhes a:hover {color: inherit; opacity: .75;}
#detalhes .icon {font-size: 40px; width: 50px; height: 50px; border-radius: 100%; color: var(--detalhes-cor); margin: 0 0.75rem 0 0;}
#detalhes .icon i {line-height: 1;}
#detalhes .icon.circle {font-size: 30px; background: var(--detalhes-fundo-circulo); color: var(--detalhes-cor-circulo);}
#detalhes .text h2 {font-weight: 600; text-transform: uppercase; margin: 0 0 0.1rem 0; color: var(--detalhes-cor);}
#detalhes .text p {font-size: 14px; color: #525252;}
#detalhes .col-lg-3:not(:last-child) {position: relative;}
#detalhes .col-lg-3:not(:last-child)::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 80%; background: #BBB;}

/* 7 - Sobre (Pousada)
------------------------*/
#sobre-pousada p {text-align: justify;}
#sobre-pousada img {height: 350px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); object-fit: cover; object-position: bottom center;}

/* 8 - Vantagens
------------------*/
#vantagens {background: var(--beneficios-fundo); color: var(--beneficios-cor);}
#vantagens h2 {font-size: 16px; font-weight: 300; text-align: center; text-transform: uppercase;}
#vantagens .box .icon {text-align: center; margin: 0 0 0.5rem 0;}
#vantagens .box .icon i {font-size: 40px; color: var(--beneficios-icones-titulos);}
#vantagens .box .text h3 {font-size: 18px; font-weight: 600; text-align: center; text-transform: uppercase; color: var(--beneficios-icones-titulos);}
#vantagens .box .text p {text-align: justify;}

/* 9 - Call to Action
-----------------------*/
#ficou-curioso {background-size: cover; background-attachment: fixed; background-position: center; color: var(--ficou-curioso-cor); text-align: center; position: relative; z-index: 0;}
#ficou-curioso::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); z-index: -1;}
#ficou-curioso h1 {font-weight: 600; text-transform: uppercase;}
#ficou-curioso h2 {margin: 0 0 1.75rem 0;}

/* 10 - Acomodações
---------------------*/
#acomodacoes {background: var(--acomodacoes-fundo); color: var(--acomodacoes-cor);}
#acomodacoes .box {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); position: relative; z-index: 0;}
#acomodacoes .box::before {content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 70%; height: calc(100% + 40px); border: 1px solid var(--acomodacoes-quadrado); z-index: -1;}
#acomodacoes .box img {height: 300px; object-fit: cover;}
#acomodacoes .box .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); padding: 5px 15px;}
#acomodacoes .box .overlay h2 {font-weight: 600; text-transform: uppercase; color: #FFF;}

/* 11 - Depoimentos
---------------------*/
#depoimentos .titulo {margin: 0 0 1.75rem 0;}
#depoimentos .depoimento {border: 1px solid #DEE2E6; padding: 15px;}
#depoimentos .depoimento .image {margin: 0 0.75rem 0 0;}
#depoimentos .depoimento .image img {width: 65px; height: 65px; border-radius: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); object-fit: cover;}
#depoimentos .depoimento .text h2 {font-size: 18px; text-transform: uppercase; color: var(--depoimentos-cor);}
#depoimentos .depoimento .text h3 {font-size: 12px; font-weight: 400; color: var(--depoimentos-cor); margin: 0;}
#depoimentos .depoimento .text p {font-size: 14px; text-align: justify; margin: 0 0 0.5rem 0;}
#depoimentos .slick-depoimentos .slick-slide {margin: 0 15px;}

/* 12. Noticias
-----------------*/
#noticias .noticia {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); border-radius: 10px; overflow: hidden;}
#noticias .noticia:hover {color: inherit;}
#noticias .noticia .image {height: 225px;}
#noticias .noticia .image img {height: 100%; object-fit: cover;}
#noticias .noticia .body {padding: 1rem;}
#noticias .noticia .body h2 {font-weight: 700;}
#noticias .noticia .body p {font-size: 14px; color: #767676;}
#noticias .noticia .footer {border-top: 1px solid #DEE2E6; text-align: right; padding: 0.5rem 1rem;}
#noticias .noticia .footer button {background: transparent; border: 0; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 0; margin-right: 0.5rem; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
#noticias .noticia .footer button:hover {margin-right: 0;}
#noticias .noticia .footer button i {color: #0B3558;}

/* 13. Galeria
----------------*/
#galeria .box {height: 250px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); display: -ms-flexbox; display: flex; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; position: relative;}
#galeria .box img {height: 100%; object-fit: cover;}
#galeria .box .overlay {position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .45); padding: 1rem; color: #FFF;}
#galeria .box .overlay h2 {font-weight: 700; margin-bottom: 0;}
#galeria .box:hover {box-shadow: 0 7px 5px 0 rgba(0, 0, 0, .15); transform: translateY(-5px);}
#galeria .small {color: #767676;}
#galeria .image {height: 250px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); display: -ms-flexbox; display: flex; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; position: relative; cursor: pointer;}
#galeria .image img {height: 100%; object-fit: cover;}
#galeria .image:hover {box-shadow: 0 7px 5px 0 rgba(0, 0, 0, .15); transform: translateY(-5px);}

/* ?. Banner
--------------*/
#banner {background-size: cover; background-position: center; background-attachment: fixed; overflow: hidden; padding: 120px 0;}
#banner .box {color: var(--banner-cor); padding: 15px; position: relative; z-index: 0;}
#banner .box::before {content: ''; position: absolute; top: -120px; left: -25px; width: calc(100% + 50px); height: calc(100% + 240px); background: var(--banner-fundo); transform: skew(-15deg); z-index: -1;}
#banner .box::after {content: ''; position: absolute; top: -120px; left: 100%; width: 50px; height: calc(100% + 240px); background: var(--banner-fundo-secundario); transform: skew(-15deg); z-index: -2;}
#banner .box h1 {font-weight: 600; text-align: justify; letter-spacing: 1px; margin: 0;}

/* ?. Publicação
------------------*/
#noticia .title {font-weight: 600; margin: 0 0 0.25rem 0;}
#noticia .subtitle {font-size: 18px; font-weight: 400; text-align: justify;}
#noticia .detalhes {font-size: 12px; font-weight: 600; text-align: right; border-top: 1px dashed #B7B6B6; border-bottom: 1px dashed #B7B6B6; padding: 3px 0;}
#noticia .imagem {overflow: hidden;}
#noticia .imagem img {max-height: 400px; border: 1px solid #EEE;}
#noticia .imagem p {font-size: 12px; font-weight: 600; text-align: center; color: #666; margin: 0.25rem 0 0 0;}
#noticia .texto {text-align: justify; margin: 1rem 0;}
#noticia .imageholder {overflow: hidden; cursor: pointer;}
#noticia .imageholder img {height: 90px; object-fit: cover; border-radius: 5px; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#noticia .imageholder:hover img {transform: scale(1.2);}
#noticia .more {border-top: 1px solid var(--noticia-linha); margin: 1rem 0 0 0; padding: 1rem 0 0 0;}
#noticia .more .social a {width: 25px; height: 25px; border-radius: 100%; display: flex; display: -ms-flexbox; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center;}
#noticia .more .social a:hover {opacity: .75;}
#noticia .more .social a:not(:last-child) {margin: 0 0.25rem 0 0;}
#noticia .more .social .face {background: #3B5998; color: #FFF;}
#noticia .more .social .twitter {background: #00ACEE; color: #FFF;}
#noticia .more .social .whats {background: #4AC959; color: #FFF;}
#noticia .more .social .linkedin {background: #0E76A8; color: #FFF;}
#noticia .maisnoticias .title {font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #CCC; margin-bottom: 1rem; padding-bottom: 0.5rem;}
#noticia .maisnoticias .noticia {position: relative; z-index: 0;}
#noticia .maisnoticias .noticia::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 65%; background: var(--noticia-mais-fundo); border-radius: 5px; z-index: -1;}
#noticia .maisnoticias .noticia img {width: 100%; height: 150px;}
#noticia .maisnoticias .noticia .text {padding: 15px; color: var(--noticia-mais-cor);}
#noticia .maisnoticias .noticia .text h1 {font-size: 18px; font-weight: 600;}
#noticia .maisnoticias .noticia .text p {font-size: 14px; text-align: justify;}
#noticia .maisnoticias .noticia:not(:last-child) {margin: 0 0 1rem 0;}
#noticia .maisnoticias .noticia.imageless::before {height: 100%;}
#noticia .maisnoticias .noticia.imageless img {display: none !important;}
#noticia .maisnoticias .noticia.colored::before {background: var(--noticia-mais-fundo-secundario);}
#noticia .maisnoticias .noticia.colored .text {color: var(--noticia-mais-cor-secundario);}

/* ?. Produtos
----------------*/
#produtos .produto {background: #FFF; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);}
#produtos .produto .image {height: 200px; overflow: hidden; position: relative;}
#produtos .produto .image img {height: 100%; object-fit: cover;}
#produtos .produto .image .overlay {position: absolute; bottom: -36px; left: 0; width: 100%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
#produtos .produto .image .overlay a {background: var(--btn-default-fundo); color: var(--btn-default-cor); padding: 0.375rem 1rem;}
#produtos .produto .image .overlay a:hover {background: var(--btn-default-fundo-hover); color: var(--btn-default-cor-hover);}
#produtos .produto .text {text-align: center; padding: 1rem;}
#produtos .produto .text h2 {font-size: 18px; font-weight: 700; margin: 0 0 0.15rem 0;}
#produtos .produto .text p {font-size: 14px; color: #767676;}
#produtos .produto:hover .image .overlay {transform: translateY(-36px);}

/* ?. Produto
---------------*/
#produto {min-height: calc(100vh - 130px - 24px);}
#produto h1 {margin: 0 0 0.25rem 0;}
#produto h2 {font-size: 26px; color: #F00;}
#produto h3 {font-size: 12px; font-weight: 300; margin: 0 0 1rem 0;}
#produto .text {font-weight: 400; text-align: justify; margin: 0 0 1rem 0;}
#produto .companions {margin: 5px 0 0 0;}
#produto .picture .item {cursor: pointer;}
#produto .picture .main img {height: 300px;}
#produto .picture .companions img {height: 60px; object-fit: cover;}

/* ?. Sobre Externo
---------------------*/
#sobre-externo h2 {font-size: 18px; font-weight: 400; text-transform: uppercase; color: #767676; letter-spacing: 2px; margin-bottom: 0.25rem;}
#sobre-externo h3 {font-size: 18px; margin: 0;}
#sobre-externo img {height: 475px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);}

/* ?. Fixed Background
------------------------*/
#fixed-background {background-attachment: fixed; background-size: cover; color: var(--fixed-background-cor); position: relative; z-index: 0;}
#fixed-background::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); z-index: -1;}

/* ?. Icon List
-----------------*/
#icon-list .box {border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); text-align: center; padding: 1rem;}
#icon-list .box img {height: 90px; margin-bottom: 1rem;}
#icon-list .box h2 {font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 0.15rem;}

/* ?. Sobre
-------------*/
#sobre img {height: 500px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25);}
#sobre h2 {font-size: 18px; font-weight: 400; text-transform: uppercase; color: #767676; letter-spacing: 2px; margin-bottom: 0.25rem;}
#sobre .titulo {text-align: left;}

/* ?. Vídeos
--------------*/
#videos .video {border: 1px solid #DEE2E6; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
#videos .video:hover {box-shadow: 0 8px 5px 0 rgba(0, 0, 0, .15); transform: translateY(-5px);}
#videos .video .iframe {width: 100%; height: 250px;}
#videos .video .iframe iframe {width: 100% !important; height: 100% !important;}
#videos .video .text {padding: 1rem;}
#videos .video .text h2 {font-weight: 400; text-align: center; text-transform: uppercase; margin-bottom: 0;}

/* ?. Contato - Interna
-------------------------*/
#contato-interna h2, #contato-interna h3 {font-size: 18px;}
#contato-interna h2 {font-weight: 400; font-style: italic; text-align: center;}
#contato-interna h3 {font-weight: 600; text-transform: uppercase;}
#contato-interna .social a {font-size: 26px;}
#contato-interna .social a:not(:last-child) {margin-right: 0.5rem;}

/* POLITICA DE PRIVACIDADE */
#cookie-law-info-bar {background-color:#fff; font-size: 10pt; margin: 0 auto; padding: 10px 7px; position: absolute;text-align: center;box-sizing: border-box;width: 100%; z-index: 99; box-shadow: rgba(0,0,0,.5) 0px 5px 50px; left: 0px; font-weight: 300;}