@font-face {

    src: url('../font/InlanderDemo-Eag8W.otf') format('opentype');

    font-family: 'Inlander';

}



@font-face {

    src: url('../font/Vintage Rotter.otf') format('opentype');

    font-family: 'Vintage Rotter';

}



@font-face {

    src: url('../font/BrittanySignature.ttf') format('truetype');

    font-family: 'Brittany Signature Regular';

}



@font-face {

    src: url('../font/Baskerville Old Face.TTF') format('truetype');

    font-family: 'Bask Old Face';

}



@font-face {

    src: url('../font/Amsterdam.ttf') format('truetype');

    font-family: 'Amsterdam';

}





* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    outline: none;

    list-style: none;

    text-decoration: none;

}



:root {

    --cor-dourado-header: #D8B96E;

    --cor-dourado-cursiva: #C8A45A;

    --cor-titulo: #0F2D25;

    --cor-texto: #8f8f8f;

    --cor-verde: #0e2a21;

    --cor-marrom: #a28b5a;

    --cor-fundo: #F6F2E9;



    /* Paleta de Cores Villa Tuiuty */

    --cor-verde-principal: #0F2D25;

    --cor-dourado-principal: #C8A45A;

    --cor-dourado-claro: #D8B96E;

    --cor-verde-escuro: #0A1F1A;

    --cor-off-white: #F6F2E9;

}



a {

    text-decoration: none;

}



html,

body {

    width: 100%;

    max-width: 100%;

    overflow-x: hidden;

}



body {

    position: relative;

    background-color: var(--cor-fundo);

    font-family: 'Poppins', sans-serif;

}



main {

    width: 100%;

    overflow-x: hidden;

}



.centro {

    width: calc(100% - 40px);

    max-width: 1475px;

    margin: 0 auto;

}



.mask-img {

    position: relative;

    overflow: hidden;

}



.mask-img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.cursivo {

    color: var(--cor-dourado-cursiva);

    font-weight: 400;

    font-family: "Amsterdam", cursive;

}



/* CARROSSEL PADRÃO */

.carrosel-padrao {

    position: relative;

    width: calc(100% - 40px);

    max-width: 1475px;

    height: 738px;

}



.carrosel-padrao .mask-img {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: 42px;

    -webkit-mask-image: -webkit-radial-gradient(white, black);

}



.carrosel-padrao .mask-img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: 0;

    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;

}



.carrosel-padrao .mask-img img:only-child,

.carrosel-padrao .mask-img img.slide-active {

    visibility: visible;

    opacity: 1;

}



.carrosel-padrao .mask-img::after {

    z-index: 10;

    position: absolute;

    top: 10px;

    right: 10px;

    bottom: 10px;

    left: 10px;

    border: 1px solid var(--cor-dourado-claro);

    border-radius: 36px;

    content: "";

    pointer-events: none;

}



.carrosel-padrao .passador img {

    z-index: 20;

    position: absolute;

    right: 45px;

    bottom: 30px;

    width: 53px;

    height: 53px;

    object-fit: none;

    border-radius: 26px;

    background-color: #f6f4ef;

    cursor: pointer;

    opacity: 1;

}



.carrosel-padrao .passador img:hover {

    transform: scale(1.08);

}



.carrosel-padrao .passador img:first-child {

    left: 45px;

    transform: rotate(180deg);

}



.carrosel-padrao .passador img:first-child:hover {

    transform: rotate(180deg) scale(1.08);

}



/* HEADER  */

header {

    display: flex;

    z-index: 1000;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    border-bottom: 2px solid var(--cor-dourado-principal);

    background-color: #0a352b;

    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);

    transition: all 0.3s ease;

}



header .header-container {

    display: flex;

    position: relative;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    max-width: 1600px;

    height: 105px;

    margin: 0 auto;

    padding: 10px 40px;

}



header .logo-area {

    position: relative;

    width: 166px;

}



header .logo-area h1 {

    margin: 0;

    padding: 0;

    background: none;

    box-shadow: none;

    text-indent: 0;

}



header .logo-area a {

    display: flex;

    align-items: center;

}



header .logo-area img.logo-img {

    width: 100%;

}



header .logo-area img.logo-img:hover {

    transform: scale(1.03);

}



header nav.nav-desktop {

    display: flex;

    align-items: center;

    gap: 40px;

}



header nav.nav-desktop a {

    position: relative;

    padding: 8px 0;

    color: rgba(255, 255, 255, 0.9);

    font-weight: 500;

    font-size: 14px;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    transition: color 0.3s ease;

}



header nav.nav-desktop a:hover,

header nav.nav-desktop a.selected {

    color: var(--cor-dourado-principal);

}



header nav.nav-desktop a.selected::after {

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 100%;

    height: 2px;

    border-radius: 1px;

    background-color: var(--cor-dourado-principal);

    content: '';

}



.menu-mobile-sombra,

.menu-mobile,

.bt_menu_mobile {

    display: none;

}



.como-chegar {

    display: flex;

    align-items: center;

}



.bt_como_chegar {

    display: flex;

    align-items: center;

    padding: 10px 22px;

    gap: 10px;

    border: 1px solid var(--cor-dourado-principal);

    border-radius: 4px;

    background-color: rgba(10, 31, 26, 0.6);

    color: var(--cor-dourado-claro);

    font-weight: 500;

    font-size: 13px;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    transition: all 0.3s ease;

}



.bt_como_chegar:hover {

    background-color: var(--cor-dourado-principal);

    color: var(--cor-verde-escuro);

}



.bt_como_chegar img {

    width: auto;

    height: 18px;

}





/* BANNER HERO */

#banner {

    display: flex;

    position: relative;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100vh;

    min-height: 680px;

    margin: 0;

    padding-top: 105px;

    overflow: hidden;

}



#banner .bkgd-img {

    z-index: 1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



#banner .banner-overlay {

    z-index: 2;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom,

            rgba(10, 31, 26, 0.45) 0%,

            rgba(10, 31, 26, 0.35) 40%,

            rgba(10, 31, 26, 0.75) 100%);

    pointer-events: none;

}



#banner .banner-content {

    display: flex;

    z-index: 3;

    position: relative;

    flex-direction: column;

    align-items: center;

    max-width: 1100px;

    margin: 0 auto;

    padding: 20px;

    border-radius: 0;

    background-color: transparent;

    box-shadow: none;

    text-align: center;

}



#banner .cursivo {

    margin-bottom: 5px;

    color: var(--cor-dourado-claro);

    font-size: 64px;

    text-align: center;

    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);

}



#banner .divider-line {

    width: 100%;

    max-width: 500px;

    margin: 15px auto 22px auto;

}



#banner .divider-line img {

    display: block;

    width: 100%;

    height: auto;

}



#banner .subtitulo,

#banner p {

    max-width: 950px;

    margin: 0 auto;

    color: var(--cor-off-white);

    font-size: 30px;

    line-height: 1.2;

    font-family: "Bask Old Face", "Times New Roman", serif;

    text-align: center;

    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);

}



#banner .banner-botoes {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    margin-top: 35px;

    gap: 20px;

}



#banner .btn-banner {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 14px 32px;

    border-radius: 4px;

    font-weight: 500;

    font-size: 13px;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    transition: all 0.3s ease;

}



#banner .btn-dourado {

    border: 1px solid var(--cor-dourado-principal);

    background-color: var(--cor-dourado-principal);

    color: var(--cor-verde-escuro);

}



#banner .btn-dourado:hover {

    border-color: var(--cor-dourado-claro);

    background-color: var(--cor-dourado-claro);

    color: var(--cor-verde-escuro);

}



#banner .btn-outline {

    border: 1px solid var(--cor-dourado-principal);

    background-color: transparent;

    color: var(--cor-dourado-claro);

}



#banner .btn-outline:hover {

    border-color: var(--cor-dourado-claro);

    background-color: rgba(200, 164, 90, 0.2);

    color: #ffffff;

}



/* Scroll indicator */

#banner .scroll-indicator {

    z-index: 3;

    position: absolute;

    bottom: 55px;

    left: 50%;

    transform: translateX(-50%);

    cursor: pointer;

}



#banner .scroll-mouse {

    display: block;

    width: auto;

    height: 48px;

    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));

}



/* Divisória inferior curva do Banner */

#banner .banner-bottom-divider {

    z-index: 3;

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 100%;

    height: 50px;

    line-height: 0;

    pointer-events: none;

}



#banner .banner-bottom-divider svg {

    display: block;

    width: 100%;

    height: 100%;

}



#eventos .cursivo,

#quem-somos .cursivo {

    font-size: 60px;

    line-height: 100px;

}



#quem-somos h3,

#sobre h3 {

    margin-top: 10px;

    margin-bottom: 30px;

    color: var(--cor-titulo);

    font-weight: 700;

    font-size: 40px;

    line-height: 1.2;

    font-family: "Montserrat", sans-serif;

}



#eventos p,

#quem-somos p,

#sobre p {

    color: #838383;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    font-family: "Montserrat", sans-serif;

}



/* #############################

   # SEÇÃO SOBRE

   ############################# */

#sobre {

    position: relative;

    margin-top: 20px;

    margin-bottom: 75px;

    overflow: visible;

    background-color: var(--cor-fundo);

}



#sobre .centro {

    display: grid;

    grid-template-columns: 1fr 450px 1fr;

    align-items: stretch;

    width: calc(100% - 60px);

    max-width: 1620px;

    margin: 0 auto;

    padding: 20px 0;

    gap: 50px;

}



#sobre .esquerda {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

}



#sobre .cabecalho {

    width: 100%;

    max-width: 440px;

    margin-top: 10px;

    margin-bottom: 25px;

    text-align: center;

}



#sobre .cursivo {

    color: var(--cor-dourado-cursiva, #C8A45A);

    font-size: 61px;

    line-height: 1.15;

    text-align: center;

}



#sobre .divider-titulo {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 15px 0;

}



#sobre .divider-titulo img {

    width: 390px;

    max-width: 100%;

    height: auto;

}



#sobre h3 {

    justify-self: center;

    max-width: 340px;

    margin-top: 15px;

    margin-bottom: 0;

    color: var(--cor-verde-principal, #0F2D25);

    font-weight: 400;

    font-size: 26px;

    line-height: 1.35;

    font-family: 'Bask Old Face', 'Baskerville', 'Georgia', serif;

    text-align: center;

}



#sobre .meio {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    padding: 10px 0;

}



#sobre .divider-meio {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    margin: 20px 0;

}



#sobre .divider-meio img {

    width: 100%;

    max-width: 100%;

    height: auto;

}



#sobre .direita {

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

}



/* imagens */

#sobre .mask-img {

    position: relative;

    overflow: visible;

}



#sobre .mask-img img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: inherit;

}



#sobre .mask-img::after {

    z-index: 2;

    position: absolute;

    top: -8px;

    right: -8px;

    bottom: -8px;

    left: -8px;

    border: 1.5px solid var(--cor-dourado-cursiva, #C8A45A);

    content: "";

    pointer-events: none;

}



#sobre .esquerda .mask-img {

    width: 100%;

    height: 390px;

    border-radius: 35px;

}



#sobre .esquerda .mask-img::after {

    border-radius: 43px;

}



#sobre .direita .mask-img {

    width: 100%;

    height: 750px;

    border-radius: 70px;

}



#sobre .direita .mask-img::after {

    border-radius: 78px;

}



/* Coluna do Meio - Textos */

#sobre .meio p {

    color: #333333;

    font-weight: 500;

    font-size: 15px;

    line-height: 2;

    font-family: "Montserrat", sans-serif;

    text-align: left;

}



#sobre .meio p.pi-destaque {

    margin-top: 5px;

    margin-bottom: 40px;

    color: var(--cor-verde-principal, #0F2D25);

    font-weight: 400;

    font-size: 39px;

    line-height: 1.3;

    font-family: 'Bask Old Face', 'Baskerville', 'Georgia', serif;

    text-align: center;

}



/* Botão */

.acoes {

    display: flex;

    align-items: center;

    width: 100%;

    margin-top: auto;

}



.btn-saiba-mais {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 175px;

    height: 60px;

    padding: 14px 30px;

    border-radius: 30px;

    background-color: var(--cor-verde);

    color: #ffffff;

    font-weight: 500;

    font-size: 15px;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 2px;

    text-transform: uppercase;

    transition: background 0.3s ease;

}



.btn-saiba-mais:hover {

    background-color: #114134;

}



.btn-seta {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 60px;

    height: 60px;

    border-radius: 30px;

    background-color: var(--cor-verde);

    transition: background 0.3s ease;

}



.btn-seta:hover {

    background-color: #114134;

}



.btn-seta img {

    filter: brightness(0) invert(1);

}



/* #############################

   #         OPÇÕES            #

   ############################# */

#opcoes {

    margin-bottom: 60px;

}



#opcoes .centro {

    width: calc(100% - 25px);

    max-width: 1620px;

    margin: 0 auto;

}



#opcoes .conteudo {

    display: flex;

    justify-content: center;

    width: 100%;

    gap: 20px;

}



#opcoes .caixa {

    display: block;

    position: relative;

    flex: 1;

    height: 484px;

    overflow: hidden;

    border-radius: 32px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

    cursor: pointer;

}



#opcoes .caixa img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);

}



#opcoes .caixa:hover img {

    transform: scale(1.08);

}



#opcoes .caixa::before {

    z-index: 1;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: linear-gradient(to bottom,

            rgba(0, 0, 0, 0) 0%,

            rgba(0, 0, 0, 0.55) 50%,

            rgba(0, 0, 0, 0) 100%);

    content: "";

    transition: background 0.3s ease;

}



#opcoes .caixa:hover::before {

    background: linear-gradient(to bottom,

            rgba(0, 0, 0, 0) 0%,

            rgba(0, 0, 0, 0.65) 50%,

            rgba(0, 0, 0, 0) 100%);

}



#opcoes .caixa::after {

    z-index: 2;

    position: absolute;

    top: 10px;

    right: 10px;

    bottom: 10px;

    left: 10px;

    border: 1px solid var(--cor-dourado-principal);

    border-radius: 32px;

    content: "";

    pointer-events: none;

    transition: border-color 0.3s ease;

}



#opcoes .caixa h3 {

    display: flex;

    z-index: 3;

    position: absolute;

    top: 50%;

    left: 50%;

    align-items: center;

    justify-content: center;

    width: 310px;

    height: 86px;

    transform: translate(-50%, -50%);

    border: 1px solid var(--cor-dourado-claro);

    color: var(--cor-dourado-claro);

    font-weight: 400;

    font-size: 38px;

    line-height: 40px;

    font-family: "Bask Old Face";

    text-align: center;

    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);

    pointer-events: none;

    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;

}



#opcoes .caixa:hover h3 {

    transform: translate(-50%, -50%) scale(1.03);

    border-color: var(--cor-dourado-principal);

    background-color: rgba(255, 255, 255, 0.1);

}



/* #############################

   #       DEPOIMENTOS         #

   ############################# */

#depoimentos {

    position: relative;

    padding: 35px 0;

    overflow: hidden;

    background-color: var(--cor-fundo);

}



#depoimentos .centro {

    width: calc(100% - 40px);

    max-width: 1400px;

    margin: 0 auto;

}



#depoimentos .cabecalho-secao {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 45px;

    text-align: center;

}



#depoimentos .cursivo {

    margin-bottom: 5px;

    color: var(--cor-dourado-claro);

    font-size: 46px;

    line-height: 1.6;

}



#depoimentos .divider-titulo {

    max-width: 260px;

    margin: 8px auto 15px auto;

}



#depoimentos .divider-titulo img {

    display: block;

    width: 100%;

    height: auto;

}



#depoimentos h3 {

    margin-bottom: 15px;

    color: var(--cor-verde-principal);

    font-weight: 400;

    font-size: 48px;

    line-height: 1.1;

    font-family: "Bask Old Face", "Times New Roman", serif;

}



#depoimentos .subtitulo-secao {

    max-width: 750px;

    color: #666666;

    font-weight: 400;

    font-size: 15px;

    line-height: 1.6;

    font-family: "Montserrat", sans-serif;

}



#depoimentos .carrossel-depoimentos {

    padding: 10px 5px 40px 5px;

}



#depoimentos .item-depoimento {

    padding: 15px 10px;

}



/* Balão de Fala do Depoimento com Fundo Transparente e Cantos Invertidos */

#depoimentos .balao-depoimento {

    display: flex;

    position: relative;

    flex-direction: column;

    align-items: center;

    padding: 35px 30px 40px 30px;

    border: none;

    border-radius: 0;

    background: transparent;

    box-shadow: none;

    text-align: center;

    transition: transform 0.3s ease;

}



#depoimentos .balao-depoimento:hover {

    transform: translateY(-4px);

}



#depoimentos .balao-frame-svg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: visible;

    pointer-events: none;

}



#depoimentos .balao-conteudo {

    display: flex;

    z-index: 2;

    position: relative;

    flex-direction: column;

    align-items: center;

    width: 100%;

}



#depoimentos .icon-aspas-container {

    margin-bottom: 18px;

}



#depoimentos .icon-aspas {

    width: 32px;

    height: auto;

}



#depoimentos .texto-depoimento {

    max-width: 520px;

    margin-bottom: 10px;

    color: #4a4a4a;

    font-weight: 400;

    font-size: 14.5px;

    line-height: 1.75;

    font-family: "Montserrat", sans-serif;

}



#depoimentos .divider-autor {

    max-width: 100px;

    margin: 15px auto 10px auto;

}



#depoimentos .divider-autor img {

    display: block;

    width: 100%;

    height: auto;

}



#depoimentos .nome-autor {

    color: var(--cor-dourado-principal);

    font-weight: 500;

    font-size: 15px;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 0.5px;

}



#depoimentos .carrossel-depoimentos {

    position: relative;

    padding: 10px 5px 60px 5px;

}



/* Dots alinhados verticalmente ao centro com as setas */

#depoimentos .owl-dots {

    display: flex;

    z-index: 5;

    position: absolute;

    bottom: 10px;

    left: 50%;

    align-items: center;

    justify-content: center;

    height: 30px;

    margin: 0;

    gap: 10px;

    transform: translateX(-50%);

}



#depoimentos .owl-dots .owl-dot {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 30px;

    margin: 0;

    padding: 0;

    border: none;

    outline: none;

    background: none;

}



#depoimentos .owl-dots .owl-dot span {

    display: block;

    width: 9px;

    height: 9px;

    margin: 0;

    border-radius: 50%;

    background: rgba(200, 164, 90, 0.35);

    transition: all 0.3s ease;

}



#depoimentos .owl-dots .owl-dot.active span,

#depoimentos .owl-dots .owl-dot:hover span {

    transform: scale(1.25);

    background: var(--cor-dourado-principal);

}



/* Setas posicionadas nas extremidades das bolinhas usando a imagem da seta sem fundo */

#depoimentos .owl-nav {

    display: flex;

    z-index: 10;

    position: absolute;

    bottom: 10px;

    left: 50%;

    align-items: center;

    justify-content: space-between;

    width: 160px;

    height: 30px;

    margin: 0;

    transform: translateX(-50%);

    pointer-events: none;

}



#depoimentos .owl-nav button.owl-prev,

#depoimentos .owl-nav button.owl-next {

    display: block;

    width: 24px;

    height: 24px;

    margin: 0;

    padding: 0;

    overflow: hidden;

    border: none;

    outline: none;

    background: url(../imagens/seta-direita.png) center center no-repeat;

    background-size: contain;

    color: transparent;

    font-size: 0;

    line-height: 0;

    cursor: pointer;

    pointer-events: auto;

    transition: transform 0.3s ease, opacity 0.3s ease;

}



#depoimentos .owl-nav button.owl-prev {

    transform: rotate(180deg);

}



#depoimentos .owl-nav button.owl-prev:hover {

    transform: rotate(180deg) scale(1.2);

}



#depoimentos .owl-nav button.owl-next:hover {

    transform: scale(1.2);

}



/* #############################

   #         RESERVE           #

   ############################# */

#reserve {

    display: flex;

    position: relative;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: calc(100% - 50px);

    max-width: 1870px;

    height: 983px;

    margin: 0 auto;

    overflow: hidden;

    border-radius: 64px;

    background-color: var(--cor-verde-escuro);

}



#reserve .mask-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



#reserve .mask-img::after {

    border-radius: 58px;

}



#reserve .sombra {

    z-index: 15;

    position: relative;

    padding: 10px;

    border-radius: 170px;

    background-color: rgba(0, 0, 0, 0.35);

    box-shadow: rgba(0, 0, 0, 0.35) 0 0 80px 100px;

}



#reserve h2 {

    margin-bottom: 25px;

    font-size: 60px;

    text-align: center;

}



#reserve .links {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

    gap: 20px;

}



#reserve a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 430px;

    height: 86px;

    border: 1.5px solid var(--cor-dourado-claro);

    background-color: rgba(205, 205, 205, 0);

    color: var(--cor-dourado-claro);

    font-weight: 400;

    font-size: 18px;

    line-height: 120px;

    font-family: "Montserrat";

    letter-spacing: 2px;

    text-align: center;

    text-transform: uppercase

}



#reserve a:hover {

    transform: scale(1.03);

    border-color: var(--cor-dourado-principal);

    background-color: rgba(255, 255, 255, 0.08);

}



#reserve .passador img,

#quem-somos .passador img {

    position: absolute;

    right: 35px;

    bottom: 50%;

    width: 60px;

    height: 60px;

    object-fit: none;

    transform: translateY(50%);

    border-radius: 50%;

    background-color: #f6f4ef;

    opacity: 0.902;

}



#reserve .passador img:first-child,

#quem-somos .passador img:first-child {

    left: 35px;

    transform: translateY(50%) rotate(180deg);

}



/* #############################

   #      QUEM SOMOS           #

   ############################# */

#pag_quem_somos #banner {

    height: 710px;

    min-height: 0;

    max-height: 710px;

    padding-top: 107px;

    border-radius: 0;

}



#quem-somos .centro {

    display: grid;

    grid-template-columns: 510px 1fr;

    align-items: center;

    justify-content: center;

    max-width: 1296px;

    margin: 60px auto;

    gap: 50px;

}



#quem-somos .esquerda {

    position: relative;

    width: 100%;

    max-width: 510px;

    height: 100%;

}



#quem-somos .mask-img {

    width: 100%;

    height: 100%;

    border-radius: 65px 0 0 65px;

}



#quem-somos .mask-img::after {

    z-index: 2;

    position: absolute;

    top: 10px;

    right: 10px;

    bottom: 10px;

    left: 10px;

    border: 1px solid #ffffff;

    border-radius: 47px 0 0 47px;

    content: "";

    pointer-events: none;

}



#quem-somos .passador img {

    z-index: 2;

    position: absolute;

    right: 0px;

    width: 53px;

    height: 53px;

    transform: translateY(50%) translateX(60%);

    border-radius: 26px;

    opacity: 1;

}



#quem-somos .passador img:first-child {

    left: 0;

    transform: translateY(50%) translateX(-60%) rotate(180deg);

}



#quem-somos .direita {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



#quem-somos .canto-direito {

    position: absolute;

    top: -16px;

    right: 0px;

}



#quem-somos .canto-esquerdo {

    position: absolute;

    bottom: -14px;

    left: -5px;

}



#quem-somos .direita p {

    position: relative;

    max-width: 566px;

    margin-bottom: 30px;

    padding-left: 10px;

}



/* #############################

   #         EVENTOS           #

   ############################# */

#pag_eventos #banner {

    height: 690px;

    max-height: 690px;

    border-radius: 36px;

}



#pag_eventos #banner .centro {

    width: 100%;

    margin: 120px auto 0 auto;

}



#pag_eventos .banner-content {

    z-index: 2;

    position: relative

}



#pag_eventos .centro {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: calc(100% - 40px);

    max-width: 1475px;

    margin: 0px auto;

    gap: 70px;

    text-align: center;

}



#pag_eventos p {

    color: #838383;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    font-family: "Montserrat", sans-serif;

}



#pag_eventos b {

    font-weight: 700;

    line-height: 40px;

}



#pag_eventos .botao {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 365px;

    height: 60px;

    padding: 15px 30px;

    padding-right: 17px;

    gap: 7px;

    border: 1px solid #ffffff;

    border-radius: 30px;

    background-color: var(--cor-dourado-principal);

    color: #ffffff;

    font-weight: 500;

    font-size: 15px;

    line-height: 120px;

    font-family: "Montserrat";

    letter-spacing: 2.3px;

    text-align: center;

    text-transform: uppercase;

}



#pag_eventos .botao:hover {

    background-color: #b89c6d;

}



/* vídeo */

#pag_eventos #video {

    width: 100%;

    margin: 80px auto;

}



#pag_eventos #video .centro {

    max-width: 1280px;

}



#pag_eventos #video .mask-img {

    position: relative;

    aspect-ratio: 16 / 9;

    width: 100%;

    overflow: hidden;

    border-radius: 42px;

}



#pag_eventos #video .mask-img::after {

    z-index: 10;

    position: absolute;

    top: 20px;

    right: 20px;

    bottom: 20px;

    left: 20px;

    border: 1px solid var(--cor-dourado-claro);

    border-radius: 36px;

    content: "";

    pointer-events: none;

}



#pag_eventos #video img {

    border-radius: 0;

}



#pag_eventos #video .video-bkgd {

    display: block;

    z-index: 2;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    cursor: pointer;

}



#pag_eventos #video .play-button {

    z-index: 3;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 19vw;

    max-width: 183px;

    height: auto;

    transform: translate(-50%, -50%);

    cursor: pointer;

    transition: transform 0.2s ease-in-out;

}



#pag_eventos #video .play-button:hover {

    transform: translate(-50%, -50%) scale(1.05);

}



#pag_eventos #video .folha-icon {

    z-index: 3;

    position: absolute;

    top: auto;

    bottom: 35px;

    left: 50%;

    width: auto;

    height: auto;

    transform: translateX(-50%);

    pointer-events: none;

}



#pag_eventos #video .video-player,

#pag_eventos #video video {

    z-index: 1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    border: none;

    background-color: #000000;

}



/* #############################

   #         GALERIA           #

   ############################# */

#pag_eventos #galeria {

    width: 100%;

    margin: 0 auto;

}



#pag_eventos #galeria .centro {

    max-width: 1000px;

}



#pag_eventos .carrosel-padrao {

    position: relative;

    width: 100%;

    height: 780px;

}



/* #############################

   #       ACOMODAÇÕES         #

   ############################# */

#pag_acomodacoes #banner,

#pag_eventos #banner {

    height: 710px;

    min-height: 0;

    max-height: 710px;

    padding-top: 107px;

    border-radius: 0;

}



#pag_acomodacoes .banner-content {

    z-index: 2;

    position: relative

}



#pag_acomodacoes .centro {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 40px auto;

    gap: 20px;

    text-align: center;

}



#pag_acomodacoes p {

    color: #838383;

    font-size: 16px;

    line-height: 26px;

    font-family: "Montserrat", sans-serif;

}



#pag_acomodacoes .info-acomodacao {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

    margin-top: 40px;

    text-align: center;

}



#pag_acomodacoes .cursivo {

    margin-bottom: 25px;

    color: var(--cor-dourado-claro);

    font-weight: 400;

    font-size: 57px;

    line-height: 1.7;

}



#pag_acomodacoes .descricao-acomodacao {

    max-width: 840px;

    margin: 0 auto 30px auto;

}



#pag_acomodacoes .descricao-acomodacao p {

    margin-bottom: 15px;

    color: #555555;

    font-weight: 400;

    font-size: 15px;

    line-height: 1.75;

    font-family: "Montserrat", sans-serif;

    text-align: center;

}



#pag_acomodacoes .divider-estrela {

    width: 100%;

    max-width: 960px;

    margin: 30px auto 45px auto;

}



#pag_acomodacoes .divider-estrela img {

    display: block;

    width: 100%;

    height: auto;

}



/* Grid de 6 Ícones Destaques */

#pag_acomodacoes .icones-destaques {

    display: flex;

    align-items: stretch;

    justify-content: center;

    width: 100%;

    max-width: 1080px;

    margin: 0 auto 50px auto;

}



#pag_acomodacoes .item-destaque {

    display: flex;

    position: relative;

    flex: 1;

    flex-direction: column;

    align-items: center;

    padding: 0 10px;

    text-align: center;

}



#pag_acomodacoes .item-destaque:not(:last-child)::after {

    position: absolute;

    top: 5%;

    right: 0;

    width: 1px;

    height: 90%;

    background-color: rgba(200, 164, 90, 0.4);

    content: '';

}



#pag_acomodacoes .icon-box {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 48px;

    margin-bottom: 12px;

}



#pag_acomodacoes .icon-box img {

    width: auto;

    max-height: 38px;

}



#pag_acomodacoes .label-destaque {

    color: #4a4a4a;

    font-weight: 600;

    font-size: 11.5px;

    line-height: 1.4;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}



#pag_acomodacoes .label-destaque small {

    display: block;

    font-weight: 500;

    font-size: 9px;

}



/* Caixa de Amenities e Comodidades */

#pag_acomodacoes .caixa-amenities {

    position: relative;

    width: 100%;

    max-width: 1080px;

    margin: 0 auto 60px auto;

    padding: 35px 40px 25px 40px;

    border: 1px solid rgba(200, 164, 90, 0.6);

    border-radius: 16px;

    background-color: rgba(255, 255, 255, 0.2);

    text-align: center;

}



#pag_acomodacoes .titulo-amenities {

    position: absolute;

    top: -12px;

    left: 50%;

    padding: 0 20px;

    transform: translateX(-50%);

    background-color: var(--cor-fundo);

    white-space: nowrap;

}



#pag_acomodacoes .titulo-amenities span {

    color: var(--cor-dourado-principal);

    font-weight: 600;

    font-size: 13px;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}



#pag_acomodacoes .conteudo-amenities p {

    margin: 0;

    color: #4a4a4a;

    font-weight: 400;

    font-size: 14px;

    line-height: 2.3;

    font-family: "Montserrat", sans-serif;

    text-align: center;

}



#pag_acomodacoes .conteudo-amenities .bullet-separador {

    display: inline-block;

    width: 6px;

    height: 6px;

    margin: 0 10px;

    border-radius: 50%;

    background-color: var(--cor-dourado-principal);

    vertical-align: middle;

}



#pag_acomodacoes .conteudo-amenities .obs-amenities {

    display: block;

    margin-top: 15px;

    color: #666666;

    font-weight: 500;

    font-size: 12.5px;

    font-family: "Montserrat", sans-serif;

}



/* #############################

   #        FALE CONOSCO       #

   ############################# */

#pag_fale_conosco #banner {

    height: 500px;

    min-height: 0;

    max-height: 500px;

    padding-top: 107px;

    border-radius: 0;

}



#conteudo_fale_conosco {

    padding: 60px 0 100px;

    background-color: var(--cor-fundo);

}



#conteudo_fale_conosco .titulo-fale-conosco {

    margin-bottom: 70px;

    color: #333333;

    font-weight: 400;

    font-size: 52px;

    line-height: 1.2;

    font-family: 'Bask Old Face', 'Baskerville', 'Georgia', serif;

    text-align: center;

}



#conteudo_fale_conosco .centro {

    display: grid;

    grid-template-columns: 1fr 1.25fr;

    align-items: start;

    width: calc(100% - 60px);

    max-width: 1280px;

    margin: 0 auto;

    gap: 70px;

}



#conteudo_fale_conosco .esquerda {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



#conteudo_fale_conosco .esquerda h3 {

    margin-bottom: 20px;

    color: #a28b5a;

    font-weight: 500;

    font-size: 39px;

    line-height: 1.3;

    font-family: "Montserrat", sans-serif;

}



#conteudo_fale_conosco .esquerda p {

    max-width: 580px;

    color: #838383;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    font-family: "Montserrat", sans-serif;

}



#conteudo_fale_conosco .esquerda a {

    color: #444444;

    text-decoration: underline;

    transition: color 0.3s ease;

}



#conteudo_fale_conosco .esquerda a:hover {

    color: var(--cor-verde-principal, #0F2D25);

}



/* Formulário da Direita */

#conteudo_fale_conosco .direita {

    width: 100%;

}



.formulario_contato {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: 20px;

}



.formulario_contato .linha-dupla {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}



.formulario_contato .campo {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.formulario_contato .campo-label {

    margin-bottom: 6px;

    color: #444444;

    font-weight: 400;

    font-size: 17px;

    font-family: 'Bask Old Face', 'Baskerville', 'Georgia', serif;

}



.formulario_contato .campo-label .obrigatorio {

    margin-left: 3px;

    color: #888888;

    font-weight: 400;

    font-size: 13px;

    font-family: 'Bask Old Face', 'Georgia', serif;

}



.formulario_contato input[type="text"],

.formulario_contato input[type="email"],

.formulario_contato input[type="tel"],

.formulario_contato textarea {

    box-sizing: border-box;

    width: 100%;

    padding: 13px 16px;

    border: 1px solid #DEDEDE;

    border-radius: 0;

    outline: none;

    background-color: #f8f7f3;

    color: #333333;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    transition: all 0.3s ease;

}



.formulario_contato input::placeholder,

.formulario_contato textarea::placeholder {

    color: #AEAEAE;

    font-size: 13px;

    font-family: 'Bask Old Face', 'Georgia', serif;

}



.formulario_contato input:focus,

.formulario_contato textarea:focus {

    border-color: #C8A45A;

    background-color: #FFFFFF;

    box-shadow: 0 0 5px rgba(200, 164, 90, 0.2);

}



.formulario_contato textarea {

    height: 140px;

    resize: vertical;

}



.formulario_contato .botoes-form {

    display: flex;

    justify-content: flex-start;

    margin-top: 10px;

}



.formulario_contato .btn-enviar-contato {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 170px;

    height: 52px;

    border: 1.5px solid #C8A45A;

    background-color: #FAF8F5;

    color: #A28B5A;

    font-weight: 500;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 3px;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;

}



.formulario_contato .btn-enviar-contato:hover {

    border-color: var(--cor-verde-principal, #0F2D25);

    background-color: var(--cor-verde-principal, #0F2D25);

    color: #FFFFFF;

}



/* #############################

   #          FOOTER           #

   ############################# */

.contato_flutuante {

    display: flex;

    z-index: 10;

    position: fixed;

    right: 42px;

    bottom: 42px;

    align-items: center;

    gap: 12px;

}



.contato_flutuante a.bt_whats {

    display: inline-block;

    position: relative;

    width: 90px;

    height: 90px;

    overflow: hidden;

    border-radius: 50%;

    background: var(--cor-dourado-principal) url(../imagens/whats_flutuante.png) center center no-repeat;

    box-shadow: 0 12px 28px -6px var(--cor-dourado-principal);

    color: transparent;

    font-size: 0;

}



footer,

#footer {

    margin-top: 60px;

    padding: 20px 0;

    border-top: 4px solid var(--cor-dourado-principal);

    background-color: #0a352b;

    color: var(--cor-off-white);

}



footer .footer-container {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 40px;

    gap: 40px;

}



footer .footer-col {

    flex: 1;

}



footer .footer-col-nav h4,

footer .footer-col-contato h4 {

    margin-bottom: 22px;

    color: var(--cor-dourado-principal);

    font-weight: 600;

    font-size: 14px;

    font-family: "Montserrat", sans-serif;

    letter-spacing: 2px;

    text-transform: uppercase;

}



footer .footer-col-nav ul {

    display: flex;

    flex-direction: column;

    margin: 0;

    padding: 0;

    gap: 8px;

    list-style: none;

}



footer .footer-col-nav ul li a {

    color: rgba(255, 255, 255, 0.85);

    font-weight: 300;

    font-size: 15px;

    font-family: "Poppins", sans-serif;

    transition: color 0.3s ease;

}



footer .footer-col-nav ul li a:hover {

    color: var(--cor-dourado-claro);

}



footer .footer-col-brand {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



footer .footer-logo {

    width: auto;

    height: 190px;

    margin-bottom: 5px;

    object-fit: contain;

    transition: transform 0.3s ease;

}



footer .footer-logo:hover {

    transform: scale(1.03);

}



footer .footer-tagline {

    max-width: 540px;

    color: var(--cor-dourado-claro);

    font-size: 15px;

    font-family: "Montserrat", sans-serif;

}



footer .footer-col-contato .contato-lista {

    display: flex;

    flex-direction: column;

    margin: 0;

    padding: 0;

    gap: 14px;

    list-style: none;

}



footer .footer-col-contato .contato-lista li a {

    display: flex;

    align-items: center;

    gap: 12px;

    color: rgba(255, 255, 255, 0.85);

    font-weight: 300;

    font-size: 14px;

    font-family: "Poppins", sans-serif;

    transition: color 0.3s ease;

}



footer .footer-col-contato .contato-lista li a:hover {

    color: var(--cor-dourado-claro);

}



footer .icon-contato {

    flex-shrink: 0;

    width: 20px;

    height: 20px;

    object-fit: contain;

}



footer .footer-bottom {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    max-width: 1400px;

    margin: 25px auto 0 auto;

    padding: 25px 40px 0 40px;

    gap: 15px;

    border-top: 1px solid rgba(200, 164, 90, 0.2);

}



footer .footer-bottom p.copyright,

footer .footer-bottom p.creditos {

    color: rgba(255, 255, 255, 0.65);

    font-size: 13px;

    font-family: "Poppins", sans-serif;

}



footer .footer-bottom p.creditos a {

    color: var(--cor-dourado-claro);

    text-decoration: underline;

}



footer .footer-bottom p.creditos a:hover {

    text-decoration: none;

}



/* #############################

   #    POLÍTICA DE RESERVAS   #

   ############################# */

#pag_politica_reservas #banner {

    height: 500px;

    min-height: 0;

    max-height: 500px;

    padding-top: 107px;

    border-radius: 0;

}



#pag_politica_reservas #politica-reservas-conteudo {

    width: 100%;

    padding: 80px 0 100px 0;

}



#pag_politica_reservas #politica-reservas-conteudo .centro {

    display: flex;

    flex-direction: column;

    align-items: center;

    max-width: 1100px;

}



#pag_politica_reservas .divider-estrela {

    width: 100%;

    max-width: 700px;

    margin: 15px auto 0 auto;

}



#pag_politica_reservas .divider-estrela img {

    display: block;

    width: 100%;

    height: auto;

}



#pag_politica_reservas .caixa-politica {

    position: relative;

    width: 100%;

    padding: 50px 60px;

    border: 1px solid rgba(200, 164, 90, 0.4);

    border-radius: 20px;

    background-color: rgba(255, 255, 255, 0.4);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);

}



#pag_politica_reservas .texto-politica-rich {

    color: #4a4a4a;

    font-weight: 400;

    font-size: 15px;

    line-height: 1.85;

    font-family: "Montserrat", sans-serif;

    text-align: left;

}



#pag_politica_reservas .texto-politica-rich h3 {

    padding-bottom: 6px;

    color: var(--cor-dourado-principal);

    font-weight: 600;

    font-size: 18px;

    line-height: 1.4;

    font-family: "Montserrat", sans-serif;

}



#pag_politica_reservas .texto-politica-rich h3:first-child {

    margin-top: 0;

}



#pag_politica_reservas .texto-politica-rich ul,

#pag_politica_reservas .texto-politica-rich ol {

    margin-bottom: 20px;

    padding-left: 24px;

}



#pag_politica_reservas .texto-politica-rich li {

    margin-bottom: 8px;

}