/* 1. Página Inicial
----------------------*/
	/* 1.1 - Detalhes
	-------------------*/
	#detalhes a:hover {color: inherit; opacity: .75;}
	#detalhes .icon {font-size: 40px; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; text-align: center; color: #0F4D82; margin: 0 0.75rem 0 0;}
	#detalhes .icon.circle {font-size: 30px; background: #9c32ab; color: #FFF;}
	#detalhes .icon.circle.whatsapp {line-height: 48px;}
	#detalhes .icon.circle.whatsapp > i {margin-left: 2px;}
	#detalhes .text h2 {font-weight: 600; text-transform: uppercase; margin: 0 0 0.1rem 0; color: #46687c;}
	#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;}

	/* 1.2 - Sobre
	----------------*/
	#sobre h2 > span {background: linear-gradient(45deg, #2c847c, #45697c); font-size: 22px; padding: 2px 20px; color: #FFF; border-radius: 10px 0px 10px 0px;}
	#sobre p {text-align: justify;}
	#sobre img {height: 350px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35); object-fit: cover; object-position: center; border-radius: 10px;}

	/* 1.3 - Vantagens
	--------------------*/
	#vantagens {background: #F6FBFF;}
	#vantagens h2 {font-size: 15px; font-weight: 300; text-align: center; text-transform: uppercase;}
	#vantagens .box .icon {text-align: center; margin: 0 0 0.5rem 0;}
	#vantagens .box .icon img {width: 100%; height: 60px; object-fit: contain;}
	#vantagens .box .text h3 {font-size: 18px; font-weight: 600; text-align: center; text-transform: uppercase; color: #0F4D82;}
	#vantagens .box .text p {text-align: justify;}

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

	/* 1.6 - Acomodações
	----------------------*/
	#acomodacoes {background: #F6FBFF;}
	#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 #0F4D82; 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;}

	/* 1.7 - Depoimentos
	----------------------*/
	#depoimentos .titulo {margin: 0 0 1.75rem 0;}
	#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: #0F4D82;}
	#depoimentos .depoimento .text h3 {font-size: 12px; font-weight: 300; color: #0F4D82; margin: 0;}
	#depoimentos .depoimento .text p {font-size: 14px; text-align: justify; margin: 0 0 0.5rem 0;}

/* 2. Página Sobre
--------------------*/
#sobre-interna p {text-align: justify;}
#sobre-interna img {height: 391px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3); object-fit: cover; object-position: bottom center;}
#sobre-interna .box img {height: 200px; border-radius: 10px;}
#sobre-interna .painel img {object-position: center;}

/* 3. Página Acomodações
--------------------------*/
#acomodacoes-interna .acomodacoes {padding: 0 15px;}
#acomodacoes-interna .acomodacoes:nth-child(odd) {background: #E7F4FF;}
#acomodacoes-interna .acomodacoes img {height: 250px; object-fit: cover;}
#acomodacoes-interna .acomodacoes p {text-align: justify;}

/* 4 - Página Reservas
------------------------*/
#reservas-interna .promocoes .box {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); margin: 20px 0; position: relative; z-index: 0;}
#reservas-interna .promocoes .box[data-toggle] {cursor: pointer;}
#reservas-interna .promocoes .box::before {content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 70%; height: calc(100% + 40px); border: 1px solid #0F4D82; z-index: -1;}
#reservas-interna .promocoes .box img {height: 300px; object-fit: cover;}
#reservas-interna .promocoes .box .overlay {position: absolute; bottom: 0; left: 0; width: 100%;}
#reservas-interna .promocoes .box .overlay h1, #reservas-interna .promocoes .box .overlay h2 {display: flex; display: -ms-flexbox;}
#reservas-interna .promocoes .box .overlay h1 {font-size: 20px; text-transform: uppercase; line-height: 1.5; margin: 0;}
#reservas-interna .promocoes .box .overlay h1 > span {background: #0F4D82; color: #FFF; width: auto; padding: 5px;}
#reservas-interna .promocoes .box .overlay h2 {font-size: 14px; font-weight: 400; margin: 0;}
#reservas-interna .promocoes .box .overlay h2 > span {background: #ef4537; color: #FFF; padding: 5px;}

#modalPromocao .modal-header {padding: 0.5rem; position: relative;}
#modalPromocao .modal-header .modal-title {font-size: 20px; font-weight: 600; text-transform: uppercase; text-align: center; color: #32559F;}
#modalPromocao .modal-header .close {position: absolute; top: 3px; right: 4px; font-size: 12px; padding: 0; margin: 0;}
#modalPromocao .modal-text {text-align: justify;}
#modalPromocao .modal-text h3 {font-size: 16px; font-weight: 400; text-transform: uppercase;}
#modalPromocao .modal-text p {font-size: 14px;}
#modalPromocao .modal-footer .btn {font-size: 14px;}

/* 5 - Portfólio
------------------------*/
#portfolio .box {width: 100%; height: 100%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);}
#portfolio .box img {width: 100%; height: 200px; object-fit: cover; margin-bottom: 5px;}
#portfolio .box p {font-size: 14px; font-weight: 400; padding: 10px 10px;}