/* 0. Configurações Gerais
----------------------------*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {text-decoration: none; color: inherit;}
a, button, .btn, .btn .front, .btn .back {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {color: var(--link-hover);}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 29px;}
h2, h3, h4, h5, h6 {font-size: 20px; font-weight: 400;}
p {font-size: 16px; line-height: 1.5;}

.section {padding: 45px 0;}

.titulo {font-weight: 700; text-align: center; text-transform: uppercase; color: var(--cor-do-titulo);}
.titulo span {/*border-bottom: 1px solid #DEE2E6;*/ display: -ms-inline-flexbox; display: inline-flex; padding-bottom: 0.35rem; position: relative;}
.titulo span::before {content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); min-width: 40px; width: 20%; height: 4px; background: var(--barrinha-do-titulo);}

.btn {font-weight: 600; text-align: center; text-transform: uppercase; border: 0; border-radius: 3px; padding: 0; position: relative;}
.btn .front, .btn .back {width: 100%; height: 100%; padding: 0.45rem 1.175rem; transform-style: preserve-3d;}
.btn .front {transform: translateY(0) rotateX(0); transform-origin: top;}
.btn:hover .front {transform: translateY(100%) rotateX(90deg);}
.btn .back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(-100%) rotateX(90deg); transform-origin: bottom;}
.btn:hover .back {transform: translateY(0) rotateX(0deg);}

.btn.default .front {background: var(--btn-default-fundo); color: var(--btn-default-cor); border-radius: 3px;}
.btn.default .back {background: var(--btn-default-fundo-hover); color: var(--btn-default-cor-hover); border-radius: 3px;}
.btn.secondary .front {background: var(--btn-secondary-fundo); color: var(--btn-secondary-cor); border-radius: 3px;}
.btn.secondary .back {background: var(--btn-secondary-fundo-hover); color: var(--btn-secondary-cor-hover); border-radius: 3px;}

.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -140px; visibility: hidden; backface-visibility: hidden;}

.whatsapp {position: fixed; bottom: 15px; right: 15px; z-index: 9;}
.whatsapp a {display: flex; display: -ms-flexbox; width: 75px; height: 75px; background: #25D366; border-radius: 100%; padding: 15px; position: relative; box-sizing: border-box;}
.whatsapp a::before, .whatsapp a::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: transparent; border: 5px solid #25D366; border-radius: 100%; animation: growingCircle 1s infinite; z-index: -1;}
.whatsapp a::after {animation-delay: .6s;}
.whatsapp a:hover {opacity: .75;}
.whatsapp a img {width: 100%; height: 100%; object-fit: contain; object-position: center; margin-left: 2px;}

@keyframes growingCircle {
	from {width: 100%; height: 100%;}
	to {width: 125%; height: 125%;}
}

/* 1. Navbar - Opção 1 e 2
----------------------------*/
.option-one .header {background: var(--header-fundo); color: var(--header-cor); padding: 5px 0;}
.option-one .header a {color: inherit;}
.option-one .header a:not(:last-child) {margin-right: 0.35rem;}
.option-one .header a:hover {opacity: .75;}
.option-one .header p {font-size: 14px;}
.option-one .header .idiomas {display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center;}
.option-one .header .idiomas button {background: transparent; border: 0; padding: 0;}
.option-one .header .idiomas button:not(:last-child) {margin-right: 0.35rem;}
.option-one .header .idiomas button:hover {opacity: .75;}
.option-one .header .idiomas button img {width: 25px; height: 25px; border-radius: 100%; object-fit: cover;}
.option-one .navbar {background: var(--navbar-one-fundo); color: var(--navbar-one-cor);}
.option-one .navbar .navbar-toggler {font-size: 1.75rem; color: inherit; padding: 0;}
.option-one .navbar .navbar-nav .nav-item {text-align: center;}
.option-one .navbar .navbar-nav .nav-item .nav-link {text-transform: uppercase; color: inherit;}
.option-two .navbar {background: var(--navbar-two-fundo); color: var(--navbar-two-cor); padding-top: 0; padding-bottom: 0;}
.option-two .navbar .navbar-toggler {color: inherit;}
.option-two .navbar .navbar-nav .nav-item {text-align: center;}
.option-two .navbar .navbar-nav .nav-item .nav-link {text-transform: uppercase; color: inherit;}
.navbar {padding-top: 0; padding-bottom: 0; box-shadow: 4px 2px 2px 2px rgba(118, 118, 118, 0.147);}
.navbar .navbar-brand .brand {height: 90px; width: 200px;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: #ccc;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {background: var(--navbar-dropdown-fundo); border-color: var(--navbar-dropdown-fundo); color: var(--navbar-dropdown-cor);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {color: inherit; background: var(--navbar-dropdown-fundo);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {background: #0D4B80; color: #FFF;}

/* 2. Rodapé
--------------*/
#rodape.no-form {background: var(--rodape-fundo); color: var(--rodape-cor); text-align: center;}
#rodape.no-form h2 {font-size: 18px; font-weight: 700; text-transform: uppercase;}
#rodape.no-form a:hover {color: inherit; opacity: .75;}
#rodape.no-form .social a {font-size: 28px;}
#rodape.no-form .social a:not(:last-child) {margin-right: 0.75rem;}

#rodape.with-form {background: var(--rodape-form-fundo); color: var(--rodape-form-cor);}
#rodape.with-form h2 {font-size: 18px; font-weight: 400; font-style: italic; text-align: center;}
#rodape.with-form h3 {font-size: 18px; font-weight: 700; text-transform: uppercase;}
#rodape.with-form .social a {font-size: 26px;}
#rodape.with-form .social a:not(:last-child) {margin-right: 0.5rem;}

/* 3. Copyright
-----------------*/
footer {background: var(--copyright-fundo); color: var(--copyright-cor); padding: 5px 0;}
footer p {font-size: 12px;}
footer a {font-weight: 700;}
footer a:hover {color: inherit; opacity: .75;}

/* 4. Pagination
------------------*/
.pagination {margin-bottom: 0;}
.pagination .page-item .page-link {border: 0; border-top: 1px solid #DEE2E6; color: var(--paginador-cor); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.pagination .page-item .page-link:hover {background: transparent; opacity: .65;}
.pagination .page-item.active .page-link {background: var(--paginador-ativo-fundo); border-top: var(--paginador-ativo-fundo); color: var(--paginador-ativo-cor);}
.pagination .page-item.disabled .page-link {color: #767676;}

/* 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;}


/* 13. Galeria
----------------*/
#galeria .box {height: 300px; 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, .35); 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: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); display: -ms-flexbox; -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);}

/* ?. Produtos
----------------*/
#produtos .produto {background: #FFF; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05); border-radius: 2px;}
#produtos .produto .image {height: 250px; 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: 16px; font-weight: 400; margin: 0 0 0.15rem 0;}
#produtos .produto .text p {font-size: 14px; color: #414141;}
#produtos .produto:hover .image .overlay {transform: translateY(-36px);}

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


/* 12. Noticias
-----------------*/
#noticias .noticia {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); border-radius: 5px; 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; font-size: 16px;}
#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; color: #525252;}
#noticias .noticia .footer button:hover {margin-right: 0;}
#noticias .noticia .footer button i {color: #0B3558;}


/* ?. 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%; 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); background: var(--noticia-mais-fundo);}
#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;}


@media screen and (min-width: 992px) {
  #sobre-pousada .titulo, #sobre-externo .titulo {text-align: left;}
  #sobre-pousada .titulo span::before {left: 0; transform: unset;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #sobre img {height: 590px;}
}

@media screen and (max-width: 991px) {
  #sobre img {height: auto; max-height: 350px;}
  #sobre h2, #sobre .titulo {text-align: center;}
}