/* —————————————————————————————— clear.css —————————————————————————————— */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea
{margin:0;padding:0;border:0;outline:0;font-size:16px;font-weight:normal;vertical-align:top;background:transparent;outline:none;}
b {font-weight:bold;}
i {font-style:italic;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
a, span {vertical-align:baseline;}
img {vertical-align:top;text-decoration:none;}




/* ---------------------------------------- */
/* Fontes Descrição

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

  */








/* Colors --------------------------------- */
:root {
    
    --primary-color: #2e87bb;
    --primary-color-hover: #1b4c69;
    --primary-color-reverse: #f8f8f8;
    --surface-ground: #f8f8f8;
    --surface-section: #fafafa;
    --surface-card: #ffffff;

    --btColor: #2e87bb;
    --btColor-dark: #194a66;
    --btColor2: #1c6b99;
    --btColor2-dark: #10374e;
    --btTextColor: #f8f8f8;
    --btTextColor-hover: #ffffff;
    

    --secundary-color: #2ebbaf;
    --apoio-color: #626867;

    --text-color: #444444;
    --text-color-secondary: #222222;
    --text-primary: #444444;
    --text-reverse: #ffffff;
    --tex-color-link: #333333;
    --tex-color-link-hover: #111111;
    --title-color: #3F6263;
    --colorSubTitle: #584D4B;

    --branco: #fffcf9;
    --blue: #0066ff;
    --red: #ff2233;
    --green: #0d6d11;
    --orange: #F15722;
    --orange-opaco: #f1a287;
    --orange-dark: #8f2e0d;
    --orange-light: #F1572208;
    --palha-color: #8f7341;
    --palha-dark: #51493e;

    --shadow: 1px 1px 5px rgba(0,0,0,0.35);

    --maxWidth: 1440px;
    --maxInnerPage: 1016px;

}



/* ---------------------------------------- */
/* Tags ----------------------------------- */

html{
	width:100%;
	height: 100%;
	scroll-behavior: smooth;
}

body{
	width: 100%;
	height: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
	scroll-behavior: smooth;
    overflow-x: hidden;
    background-color: #ffffff;
}

.bodyDocOverflow{
    overflow: visible;
}

.page-full{
    width: 100%;
    box-sizing: border-box;
}

.page-full-no-scroll{
    width: calc(100% - 8px);
}


a:link, 
a:active,
a:visited{
    color: var(--text-primary);
    text-decoration: none;
}
a:hover{
    color: var(--primary-color-hover);
    text-decoration: none;
}

h1{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 1.2;
    margin-bottom: 36px;
    color: var(--title-color);
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 786px;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.h1-2{
    font-size: 56px;
    margin-bottom: 13px;
}

.h1-3{
    font-size: 40px;
    margin-bottom: 24px;
}

.h1-large{
    max-width: 1000px;
}


h2{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 36px;
    color: var(--title-color);
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 16px;
    max-width: 786px;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

h3{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: var(--title-color);
    text-align: left;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

h4{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 4px;
    color: var(--title-color);
    text-align: left;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

h5{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
    margin-bottom: 24px;
    text-transform: uppercase;
    transition-property: font-size, line-height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}


.subTitle{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    color: var(--colorSubTitle);
    padding-left: 32px;
    padding-right: 32px;;
    margin-bottom: 8px;
    text-transform: uppercase;
    transition-property: font-size, line-height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.subTitle-bg{
    background-color: #ffffff;
    display: table;
    margin: 0 auto;
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 32px;
    box-sizing: border-box;
    transform: translateY(-14px);
    transition-property: padding, transform;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding, transform;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.subTitle-descr{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 4px;
    color: #584D4B;
    text-align: center;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.descricao, .descricao p{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1rem;
    color: var(--colorSubTitle);
    text-align: left;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.descricao p{
    margin-bottom: 18px;
}

.descricao b,
.descricao p b,
.descricao strong,
.descricao p strong{
    font-weight: 700;
}


.descricao-min{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: #828282;
    text-align: left;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.descricao-cad{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 24px;
    color: #4f4f4f;
    text-align: left;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.descricao2{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    color: var(--colorSubTitle);
    padding-left: 32px;
    padding-right: 32px;;
    margin-bottom: 8px;
    transition-property: font-size, line-height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;

}

.artigo, .artigo p{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #828282;
    text-align: left;
}

.artigo b{
    font-weight: 600;
    font-size: inherit;
    color: #828282;
}

.txt-modal{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #828282;
    text-align: left;
}


.txt-modal-strong{
    font-family: "Montserrat", sans-serif;
    color: #828282;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 32px;
    padding-right: 32px;
}

.text-modal-50{
    width: 50%;
}

.italic{
    font-style: italic;
}

.bold{
    font-weight: bold;
}

.lighter{
    font-weight: lighter;
}

.itemTable{
    display: table;
    margin: 0 auto;
    height: 100%;
}

.upperM{
    text-transform: uppercase;
}

.center{
    text-align: center;
}

.tL{
    text-align: left;
}
.tC{
    text-align: center;
}
.tR{
    text-align: right;
}

.w-100{
    width: 100%;
}

.pT-4{
    padding-top: 4px;
}

.pT-16{
    padding-top: 16px;
}

.pT-32{
    padding-top: 32px;
}

.pB-8{
    padding-bottom: 8px;
}

.pB-16{
    padding-bottom: 16px;
}

.space-24{
    height: 24px;
}

.space-32{
    height: 32px;
}

.flex-center{
    width: 100%;
    height: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Material Icons */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.max-1016{
    margin: 0 auto;
    margin-bottom: 8px;
    max-width: 1016px;
}

.no-mobile{
    display: none !important;
}

.yes-1366{
    display: flex !important;
}

.no-1366{
    display: none;
}

.max-928{
    max-width: 928px;
    margin: 0 auto;
}

.max-900{
    max-width: 900px;
    margin: 0 auto;
}

.disabled{
    opacity: 0.5;
    pointer-events: none;
}


@media screen And (max-width: 1366px) {

    .yes-1366{
        display: none !important;
    }

    .no-1366{
        display: block !important;
    }


}

@media screen And (max-width: 1280px) {

    h1{
        font-size: 60px;
        max-width: 660px;
    }

    h2{
        font-size: 36px;
    }


    .subTitle {
        width: 80%;
        margin: 0 auto;
        max-width: 800px;
    }

}

@media screen And (max-width: 1024px) {

    h1{
        font-size: 48px;
        max-width: 526px;
        margin-bottom: 32px;
    }


    .h1-2, .h1-3{
        font-size: 40px;
        margin-bottom: 12px;
    }

    .subTitle{
        font-size: 16px;
    }

    .subTitle-bg{
        padding-left: 48px;
        padding-right: 48px;
        transform: translateY(-14px);
    }

    h4{
        font-size: 20px;
    }


}


@media screen And (max-width: 768px) {
    h1{
        font-size: 40px;
        padding-left: 24px;
        padding-right: 24px;
        width: auto;
    }

    .h1-2, .h1-3{
        font-size: 32px;
    }

    h4{
        font-size: 18px;
    }

    .text-modal-50{
        width: 100%
    }

    .no-mobile{
        display: none !important;
    }

    .no-desktop{
        display: none !important;
    }

    .subTitle-bg{
        padding-left: 24px;
        padding-right: 24px;
    }



}

@media screen And (max-width: 640px) {

    .descricao{
        flex-direction: column;
        box-sizing: border-box;
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }

    .subTitle-bg{
        padding-left: 18px;
        padding-right: 18px;
        transform: translateY(-14px);
    }



}

@media screen And (max-width: 380px) {

    .subTitle{
        font-size: 13px;
        padding-left: 24px;
        padding-right: 24px;;
    }


    .subTitle-bg{
        padding-left: 18px;
        padding-right: 18px;
        transform: translateY(-11px);
    }

}



/* ---------------------------------------- */
/* Estrutura ------------------------------ */
.page{
    width: 100%;
}

.page-pad{
    padding: 16px 24px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    max-width: var(--maxWidth);
}

.page-inner{
    width: 90%;
    max-width: var(--maxInnerPage);
    margin: 0 auto;
    margin-top: 32px;
}

.buttonGoToTop{
    position: fixed;
    bottom: 106px;
    right: 30px;
    width: 32px;
    height: 32px;
    font-size: 16px;
	opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--colorSubTitle);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 4px;
    z-index: 110;
    cursor: pointer;
    border: 0px solid transparent;
    outline: none;
    pointer-events: none;
    transition-property: background-color, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: background-color, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.buttonGoToTop .material-symbols-outlined {
    font-size: 16px;
    transform: translateY(1px);
}

.buttonGoToTop:hover{
    opacity: 1;
    background-color: var(--palha-dark);
}

.buttonGoToTop-visible{
	opacity: 0.85;
    pointer-events: inherit;
}

.buttonGoToTop img{
    width: 24px;
}

.section-page{
    padding: 96px 0px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    min-height: 90vh;
    max-width: var(--maxWidth);
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.section-page-full{
    max-width: 100% !important;
}

.button_whatsapp{
    position: fixed;
    right: 11px;
    width: 70px;
    height: 70px;
    bottom: 20px;
    z-index: 1200;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.button_whatsapp-oculto{
    opacity: 0 !important;
    pointer-events: none;
}

.friso-subTitle{
    background-color: #C5C2AD;
    height: 2px;
    width: 80%;
    margin: 0 auto;
    max-width: 1227px;
    margin-top: 38px;
    transition-property: width;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.grupo-fotos-flex{
    display: flex;
    gap: 24px;
    margin: 0 auto;
    justify-content: center;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.grupo-fotos-flex .foto-item{
    max-width: 496px;
    transition-property: width, max-width;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, max-width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}


.grupo-fotos3-flex{
    display: flex;
    gap: 24px;
    margin: 0 auto;
    justify-content: center;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.grupo-fotos3-flex .foto-item{
    width: 391px;
    height: 608px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition-property: width;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.foto-item-bg{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

.foto-item-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}
.planta-cabana {
    max-height: 260px;
    filter: grayscale(100%);
    cursor: pointer;
    transition-property: width, filter;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, filter;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}
.planta-cabana:hover {
    filter: grayscale(0%);
}
.modal-planta {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 5000;
    display: flex;
    opacity: 0;
    transform: scale(0);
    justify-content: center;
    align-items: center;
}

.modal-planta-active{
    transform: scale(1);
    opacity: 1;
    transition-property: opacity, transform;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity, transform;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}

.modal-planta-content {
    position: relative;
    max-width: 99%;
    max-height: 99%;
    background-color: #ffffff;
}
.modal-planta-content img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
}
.modal-planta-close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: white;
    display: table;
    padding: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-planta{
    width: 90%;
    max-width: var(--maxInnerPage);
    margin: 0 auto;
    border-top: 1px solid #C5C2AD;
    border-bottom: 1px solid #C5C2AD;    
    margin-top: 64px;
    margin-bottom: 64px;
    text-align: center;
    padding: 64px;
    box-sizing: border-box;
}

.container-planta-inner{
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: center;
    padding: 0px 18px;
    font-family: "Montserrat", sans-serif;
    color: var(--colorSubTitle);
    font-weight: 500;
    font-size: 16px;
    transition-property: font-size;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

.container-planta-inner .item-text{
    text-align: left;
    line-height: 1.4;
    max-width: 400px;
}

.container-planta-inner h3{
   font-size: 24px;
}


@media screen And (max-width: 1368px) {

    .grupo-fotos3-flex .foto-item{
        width: 290px;
        height: 450px;
    }
    
}


@media screen And (max-width: 1280px) {

    .grupo-fotos-flex .foto-item{
        max-width: 440px;
    }
    
}



@media screen And (max-width: 1024px) {

    .friso-subTitle{
        width: 90%;
    }

    .grupo-fotos-flex .foto-item{
        max-width: 340px;
    }

    .grupo-fotos3-flex .foto-item{
        width: 192px;
        height: 298px;
    }


}



@media screen And (max-width: 768px) {

    .grupo-fotos-flex{
        gap: 18px;
    }

    .grupo-fotos-flex .foto-item{
        max-width: 280px;
    }

    .grupo-fotos3-flex{
        width: 90%;
        margin: 0 auto
    }


    .grupo-fotos3-flex .foto-item{
        flex-grow: 1;
        width: auto;
        height: 310px;
    }


    .container-planta-inner{
        flex-direction: column;
    }

    .container-planta-inner .item-text,
    .container-planta-inner .item-text h3{
        text-align: center;
        padding-left: 32px;
        padding-right: 32px;
    }


}


@media screen And (max-width: 640px) {

    .section-page{
        padding: 48px 0px;
    }

    .grupo-fotos-flex{
        flex-direction: column;
        box-sizing: border-box;
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
    }

    .grupo-fotos-flex .foto-item{
        max-width: 100%;
        width: 100%;
    }

    .grupo-fotos3-flex{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .grupo-fotos3-flex .foto-item{
        width: 100%;
        margin: 0 auto;
        max-width: 400px;
    }




}



@media screen And (max-width: 560px) {

    .grupo-fotos3-flex{
        width: 90%;
        max-width: 240px;
        flex-direction: column;
    }

    .grupo-fotos3-flex .foto-item{
        width: 100%;
        height: 50vh;
    }
}




/* ---------------------------------------- */
/* Topo ----------------------------------- */
.header-top{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    padding-top: 32px;
    padding-bottom: 4px;
    transform: translateY(-12px);
    z-index: 1020;
    opacity: 1;
    box-sizing: border-box;
    background-color: #ffffff00;
    transition-property: background-color, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: background-color, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.header-top-hidden{
    opacity: 0;
    pointer-events: none;
}


.header-top-white{
    background-color: #ffffff;
}

.headerTop-none{
    display: none;
}

.topo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    max-width: 1224px;
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.header-top-modal-mode{
    pointer-events: none;
    background-color: transparent;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}

.topo-space{
    width: 100%;
    height: 00px;
}

.meio-space{
    height: 12px;
}

.menu-top-social{
    display: flex;
    gap: 16px;
    flex-grow: 1;
    text-align: left;
    width: 30%;
}

.header-top-modal-mode .menu-top-social{
    opacity: 0;
}

.top-logo-center{
    text-align: center;
    flex-grow: 2;
    width: 40%;
    transition-property: width, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.top-logo-center a{
    position: relative;
}

#topLogoCenterHover{
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

#topLogoCenterHover.top-logo-center-hover-active{
    opacity: 1;
}

.header-top-modal-mode .top-logo-center{
    opacity: 0;
}


.top-logo-center img{
    width: 100%;
    max-width: 289px;
}

.menu-bts{
    display: flex;
    gap: 32px;
    flex-grow: 1;
    width: 30%;
    align-items: center;
    justify-content: flex-end;
}


@media screen And (max-width: 1300px) {
    
    .topo{
        padding: 0px 32px;
    }
    
}


@media screen And (max-width: 1024px) {

    .menu-top-social{
        display: none;
    }
 
    .top-logo-center{
        text-align: left;
        width: 50%;
    }

    .top-logo-center img{
        max-width: 200px;
    }

    .menu-bts{
        width: 50%;
    }


}


@media screen And (max-width: 480px) {

    .topo{
        padding: 0px 24px;
    }

    .top-logo-center{
        text-align: left;
        width: 60%;
        padding-left: 8px;
    }

    .menu-bts{
        width: 40%;
    }

}


@media screen And (max-width: 380px) {
    
    .topo{
        padding: 0px 16px;
    }

    .top-logo-center{
        text-align: left;
        width: 70%;
        padding-left: 12px;
    }

    .menu-bts{
        width: 30%;
    }

}


/* ---------------------------------------- */
/* Menu ----------------------------------- */
.div_logo{
    transition-property: margin-left;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: margin-left;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.div_logo img{
    width: auto;
    transition-property: height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.div_logo .marginRight{
    margin-right: 26px;
}

nav{
    transition-property: margin-right;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: margin-right;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}


/* Mobile Menu ---------- */
.mobile-menu{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 111;
    width:100%;
    max-width: 100vw;
    box-sizing: border-box;
    height: 100vh;
    padding-top: 0px;
    padding-bottom: 32px;
    pointer-events: none;
    background-color: #ffffff00;
    display: block;
    transition-property: background-color, padding, backdrop-filter;
    transition-duration: 0.5s;
    transition-delay: 0.4s;
    transition-timing-function: ease;
    -webkit-transition-property: background-color, padding, backdrop-filter;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-delay: 0.4s;
    -webkit-transition-timing-function: ease;
}

.mobile-menu-active{
    background-color: #ffffffcc;
    backdrop-filter: blur(4px);
}


.dropdown{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100%;
    background:#fff;
    border-radius:4px;
    /* box-shadow:0 0 40px -10px #000; */
    color: var(--text-color);
    margin: 0 auto;
    margin-top:0px;
    max-height:0;
    max-width: 100vw;
    height: 0px;
    opacity: 0;
    overflow:hidden;
    pointer-events: all;
    position: relative;
    background-image: url(../images/arvore_chapeu_svg.svg);
    background-size: auto 91%;
    background-position: right -64px bottom 0px;
    background-repeat: no-repeat;
    transition-property: opacity, height, max-height;
    transition-duration: 0.5s;
    transition-delay: 0.4s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity, height, max-height;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-delay: 0.4s;
    -webkit-transition-timing-function: ease;
}

.down{
    opacity: 1;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.menuDetalhe{
    position: fixed;
    top: -100vh;
    left: 0px;
    width: 100%;
    max-width: 100vw;
    height: 100vh;
    z-index: 110;
    background-color: #ffffffff;
    transition-property: bottom, top;
    transition-duration: 1s;
    transition-timing-function: ease;
    -webkit-transition-property: bottom, top;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
}

.menuDetalhe-active{
    top: 0px;
}

.menuDetalhe img{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    transition-property: height, bottom;
    transition-duration: 0.85s;
    transition-timing-function: ease;
    -webkit-transition-property: height, bottom;
    -webkit-transition-duration: 0.85s;
    -webkit-transition-timing-function: ease;
}

.menuDetalhe-active img{
    bottom: -303px;
    height: 320px;
}

.nav-button{
    padding: 8px;
    box-sizing: border-box;
    background-color: transparent;
    border: 0px solid transparent;
    outline: none;
    cursor: pointer;
    pointer-events: all;
    transform: scale(1);
    opacity: 0.75;
    transition-property: transform, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    transition-delay: 0s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
}

.nav-button:hover{
    opacity: 1;
}

.nav-button-inactive{
    transform: scale(1);
    opacity: 0;
}

.nav-button-inactive:hover{
    opacity: 0;
}


.mobile-menu .nav-button .material-symbols-outlined{
    font-size: 32px !important;
    font-variation-settings:
    'FILL' 0,
    'wght' 500,
    'GRAD' 0,
    'opsz' 24
}

.mobile-ico-position{
    position: absolute;
    top: 16px;
    right: 14px;
    z-index: 1;
}

.close-ico-position{
    position: absolute;
    top: 10px;
    right: 14px;
    z-index: 1;
    box-sizing: border-box;
}

.mobile-menu ul{
    width: 100%;
    box-sizing: border-box;
    transition-property: margin, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    transition-delay: 0s;
    -webkit-transition-property: margin, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
}

.mobile-menu li{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 15px 14px;
    margin: 16px 0px;
    cursor:pointer;
    transition:all .1s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transition-property: margin, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    transition-delay: 0s;
    -webkit-transition-property: margin, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
}

.mobile-menu .bt_reserva_li{
    display: none;
    padding-top: 32px;
    padding-bottom: 32px;
    box-sizing: border-box;
}

.mobile-menu a:link,
.mobile-menu a:active,
.mobile-menu a:visited{
    color: var(--text-color);
}

.mobile-menu .li-base{
    margin: 0 auto;
    max-width: 200px;
    box-sizing: border-box;
}

.mobile-menu .li-base:hover{
    background-color: transparent;
    box-shadow: none;
    transform:scale(1);
    -webkit-transform:scale(1);
}

.mobile-menu li.active a:link,
.mobile-menu li.active a:active,
.mobile-menu li.active a:visited{
    color: var(--text-color);
    font-size: 18px;
}

.menu-mobile-logo{
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding-bottom: 24px;
}


.menu-mobile-logo div{
    box-sizing: border-box;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 48px;
}

.menu-mobile-logo img{
    width: 50%;
    margin: 0 auto;
}


@media screen And (max-height: 650px) {

    .mobile-menu li{
        padding: 15px 14px;
        margin: 0px 0px;
    }

    .header-top{
        background-color: transparent;
    }

    .header-top-white{
        background-color: #fffcf9ff;
    }

    .header-top-modal-mode{
        background-color: transparent;
    }


}

@media screen And (max-height: 540px) {

    
    .top-logo-center{
        pointer-events: none;
    }

    .top-logo-center img{
        opacity: 0;
    }

    .mobile-menu ul{
        margin-top: 32px;
    }

    .mobile-menu li{
        padding: 8px 14px;
    }

}




/* Menu Desktop ------------------------ */
.menuDesktop{
    position: relative;
    width: 100%;
    margin-left: 32px;
}

nav ul{
    list-style-type: none;
    text-align: center;
}

nav ul li{
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.menuDesktop li .borderBottom{
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 2px;
    z-index: 1;
    background-color: var(--tex-color-link-hover);
    opacity: 0.1;
    transition-property: transform, opacity, width;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    -webkit-transition-property: transform, opacity, width;
    -webkit-transition-duration: 0.5 s;
    -webkit-transition-timing-function: ease;
}

.menuDesktop li:hover .borderBottom{
    width: 80px;
    opacity: 0.5;
}

.menuDesktop li .arrow-down{
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-1px);
}

nav ul li a{
    color: var(--text-color);
    font-size: 0.875rem;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    transition-property: font-size;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

nav ul li a:link,
nav ul li a:active,
nav ul li a:visited{
    color: var(--tex-color-link);
}

nav ul li a:hover{
    color: var(--tex-color-link-hover);
}

nav ul li a.active{
    color: var(--tex-color-link-hover);
}


/* Menu Toggle ------------------------ */
.menu-toggle{
  width: 29px;
  height: 22px; /* 3 spans × 2px + 2 gaps × 6px = 22px */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}

.header-top-modal-mode .menu-toggle{
    pointer-events: all;
}

.menu-toggle span {
  display: block;
  height: 2px;
  width: 29px;
  background-color: var(--branco);
  transition: all 0.3s ease;
}

.header-top-white .menu-toggle span,
.force-color span{
  background-color: var(--palha-dark);
}

.header-modo-menuActive span,
.menu-toggle.header-modo-menuActive span,
.header-modo-menuActive.menu-toggle span {
  background-color: var(--palha-dark) !important;
}

/* Estado ativo */
.menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 8px);
}

.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.menu-toggle-bg{
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: #51493eff;
    transition-property: width, height, background-color;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height, background-color;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.menu-toggle:hover .menu-toggle-bg{
    width: 40px;
    height: 40px;
    background-color: #51493e12;
}

.menu-toggle-base{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
    background-color: #ffffff00;
    transition-property: width, height, background-color;
    transition-duration: 0.7s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height, background-color;
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: ease;
}

.header-top-white .menu-toggle-base{
    background-color: #ffffffff;
}

.menu-toggle-desativado{
    opacity: 0;
    pointer-events: none;
}




/* Páginas ================================= */

/* Home ------------------------------------ */
.section-home{
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    max-width: var(--maxWidth);
    position: relative;
    height: auto;
    min-height: auto;
}

.section-home .capa{
    width: 100%;
    height: auto;
}

.capa-desktop{
    display: block;
    width: 100%;
    height: auto;
}

.capa-mobile{
    display: none;
}

.capa-mini{
    display: none;
}

.form-ruler{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0px;
    border-top: 2px solid #ffffff; 
    background: #00000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.form-ruler-bt-container{
    display: none;
    box-sizing: border-box;
}

.form-ruler-flex{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    justify-content: space-around;
    padding: 0px 250px;
    transition-property: padding, gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding, gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.form-ruler-flex .item{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    box-sizing: border-box;
    color: var(--branco);
    text-transform: uppercase;
    transition-property: width, height, font-size;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height, font-size;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.ruler-field{
    padding: 20px;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    padding-right: 32px;
    background-image: url(/images/arrow-down-white.svg);
    background-repeat: no-repeat;
    background-position: right center;
    transition-property: width, height, font-size;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height, font-size;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.ruler-bt{
    cursor: pointer;
    padding: 20px 32px;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #51493e00;
    transition-property: width, height, background-color;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height, background-color;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.form-ruler-flex .ruler-bt:hover{
    background-color: #51493e;
}

.section-somos .grupo-fotos-flex{
    align-items: center;
}

.section-somos .grupo-fotos-flex div.foto-item{
    width: 496px;
    min-height: 416px;
}


@media screen And (max-width: 1280px) {

    .form-ruler-flex{
        padding: 0px 128px;
    }
    
}

@media screen And (max-width: 1024px) {

    .form-ruler-flex{
        padding: 0px 0px;
    }
    
}

@media screen And (max-width: 640px) {

    .capa-desktop{
        display: none;
    }

    .capa-mobile{
        display: block;
        width: 100%;
        height: auto;
    }

    .form-ruler{
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.25) 100%);
        backdrop-filter: blur(1px);
    }
    
    .form-ruler-flex{
        display: grid;
        display: none;        
        width: auto;
        grid-template-columns: 180px 180px;
        column-gap: 0px;
        row-gap: 0px;
        padding: 0px 32px;
    }

    .form-ruler-flex .item{
        border-bottom: 1px solid #ffffff88;
    }

    .form-ruler-bt-container{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 32px;
    }

}


@media screen And (max-width: 440px) {

    .form-ruler-flex {
        grid-template-columns: 1fr 1fr;
        column-gap: 32px;
        row-gap: 0px;
        padding: 0px 16px;
    }

    .form-ruler-flex .item{
        font-size: 14px;
    }

    .form-ruler-flex .ruler-field{
        font-size: 14px;
        padding: 20px 18px;
        padding-right: 24px;
    }

    .form-ruler-flex .ruler-bt{
        font-size: 14px;
        padding: 20px 16px;
    }

}


@media screen And (max-width: 440px) {
    .form-ruler-flex {
        column-gap: 0px;
        padding: 0px 16px;
    }
}

@media screen And (max-width: 320px) {

    .capa-mobile{
        display: none;
    }

    .capa-mini{
        display: block;
        width: 100%;
        height: auto;
    }

    .form-ruler-flex {
        grid-template-columns: 1fr;
    }
}



/* Quem Somos ------------------------------ */
.section-somos{
    background-color: #f0f0f0;
    background-image: url(/images/fundoBranco.jpg);
    background-repeat: repeat-x;
    background-position: top;
}




/* Home Cabana ------------------------------ */
.section-homeCabana{
    background-color: #ffffff;
}

.topoCapabana{
    margin-top: 32px;
}


/* Seção Cabanas -------------------------------- */
.section-cabanas{
    background-color: #ffffff;
}

.section-cabanas-paddingB{
    padding-bottom: 48px;
}

.section-cabanas-outras{
    background-color: #f3f3ef;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 128px;
}

.section-colorBG{
    background-color: #f3f3ef;
}

.grupo-cabanas{
    margin: 0 auto;
    margin-top: 32px;
    display: grid;
    grid-template-columns: 392px 392px 392px;
    column-gap: 24px;
    row-gap: 24px;
    justify-content: center;
    transition-property: grid-template-columns, column-gap, row-gap;
    transition-duration: 0.75s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: grid-template-columns, column-gap, row-gap;
    -webkit-transition-duration: 0.75s;
    -webkit-transition-timing-function: ease-in-out;
}

.grupo-cabanas .item{
    width: 392px;
    height: 280px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    box-sizing: border-box; 
    padding: 0px;
    transition-property: width, height;
    transition-duration: 0.75s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: width, height;
    -webkit-transition-duration: 0.75s;
    -webkit-transition-timing-function: ease-in-out;
}

.tampa{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #00000016;
    transition-property: background-color;
    transition-duration: 1s;
    transition-timing-function: ease;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
}

.grupo-cabanas .item:hover .tampa{
    background-color: #00000090;
}

.grupo-cabanas .texts{
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    z-index: 2;
    pointer-events: none;
    background-color: #00000000;
    transform: translateY(75px);
    transition-property: transform, background-color, top;
    transition-duration: 0.75s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: transform, background-color, top;
    -webkit-transition-duration: 0.75s;
    -webkit-transition-timing-function: ease-in-out;
}

.grupo-cabanas .item:hover .texts{
    transform: translateY(0px);
}

.grupo-cabanas .nome{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 1.2;
    color: var(--branco);
    text-align: center;
    margin-bottom: 0px;
    background-color: #00000024;
    transition-property: font-size;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

.grupo-cabanas .descricao{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: var(--branco);
    text-align: center;
    margin: 0 auto;;
    margin-bottom: 22px;
    opacity: 0;
    width: 70%;
    transition-property: opacity, font-size;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: opacity, font-size;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
}

.grupo-cabanas .item:hover .descricao{
    opacity: 1;
}

.descricao-vila{
    margin: 0 auto;
    margin-top: 32px;
    max-width: 808px;
    text-align: left;
}

.section-vilaChapeu{
    height: auto;
    max-height: none;
    min-height: auto;
    padding-top: 54px;
    padding-bottom: 32px;
    background-color: #ffffff;
    transition-property: background-color;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
}

.section-vilaChapeu-active{
    background-color: #f3f3ef;
}

.section-vila-video{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 70vh;
    max-height: 512px;
    max-width: var(--maxWidth);
    padding: 24px 24px;
    box-sizing: border-box;
    background-color: #f3f3ef;
    background-image: url(/images/video_video_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-vila-video .video-player-video{
    object-fit: cover;
    object-position: center;
}


@media screen and (max-width: 1280px) {

    .grupo-cabanas{
        grid-template-columns: 392px 392px;
    }
    
}


@media screen and (max-width: 828px) {

    .grupo-cabanas{
        grid-template-columns: 280px 280px;
    }
    
    .grupo-cabanas .item{
        width: 280px;
        height: 200px;
    }

    .grupo-cabanas .tampa{
        background-color: #00000028;
    }
    
    .grupo-cabanas .item:hover .tampa{
        background-color: #000000a0;
    }

    .grupo-cabanas .texts{
        top: 18px;
        transform: translateY(53px);
    }

    .grupo-cabanas .nome{
        font-size: 40px;
    }

    .grupo-cabanas .descricao{
        font-size: 16px;
    }

}


@media screen and (max-width: 640px) {

    .grupo-cabanas{
        grid-template-columns: 392px;
    }
    
    .grupo-cabanas .item{
        width: 392px;
        height: 280px;
    }

    .grupo-cabanas .texts{
        top: 40px;
        transform: translateY(75px);
    }

    .grupo-cabanas .nome{
        font-size: 56px;
    }

    .grupo-cabanas .descricao{
        font-size: 22px;
    }

}

@media screen and (max-width: 440px) {

    .grupo-cabanas{
        grid-template-columns: 280px;
    }
    
    .grupo-cabanas .item{
        width: 280px;
        height: 200px;
    }

    .grupo-cabanas .texts{
        top: 18px;
        transform: translateY(53px);
    }

    .grupo-cabanas .nome{
        font-size: 40px;
    }

    .grupo-cabanas .descricao{
        font-size: 16px;
    }

}



/* Vila do Chapéu ------------------------------ */
.section-homeVila{
    padding-top: 32px !important;
    padding-bottom: 0px;
}

.section-homeVila .grupo-fotos-flex{
    margin-top: 32px !important;
}

.section-homeVila .grupo-fotos3-flex{
    margin-top: 48px !important;
}

.vila-destalhes-quartos{
    margin-top: 60px;
    margin-bottom: 32px;
    box-sizing: border-box;
}

.vila-quartos{
    box-sizing: border-box;
    display: flex;
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    gap: 24px;
    margin-top: 36px;
    justify-content: center;
}

.vila-quartos-item{
    background-color: #f9f9f8;
    padding: 24px 40px;
    box-sizing: border-box;
    text-align: center;
    width: 33%;
}

.vila-quartos-item h4{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
    margin-bottom: 18px;
    text-align: center;
}

.vila-quartos-text{
    margin-top: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: var(--colorSubTitle);
    text-align: center;
}

.vila-quartos-text strong{
    margin-top: 16px;
    font-weight: 700;
}

.estrutura-lazer{
    margin-top: 64px;
}

.estrutura-lazer .descricao{
    margin-bottom: 32px;
}

.secion-experiencias-vila{
    padding-top: 48px;
}

@media screen And (max-width: 1280px) {
    .subTitle-vila{
        max-width: 658px;
    }
}


@media screen And (max-width: 768px) {
    
    .vila-quartos{
        flex-direction: column;
        max-width: 400px;
    }

    .vila-quartos-item{
        width: 100%;
    }
}



/* Comodidades ------------------------------ */
.comodidades{
    display: flex;
    margin: 0 auto;
    width: 90%;
    max-width: 1016px;
    flex-direction: column;
    margin-bottom: 60px;
}

.comodidades li{
    display: flex;
    gap: 24px;
    border-bottom: 1px solid #C5C2AD;
    padding-top: 8px;
    align-items: center;
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

.comodidades-icon{
    width: 80px;
    transition-property: width;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

.comodidades-icon img{
    margin: 0 auto;
    width: 80px;
    height: auto;
    transition-property: width;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

.comodidade-descricao{
    flex-grow: 2;
    font-family: "Montserrat", sans-serif;
    color: var(--colorSubTitle);
    font-weight: 500;
    font-size: 16px;
    transition-property: font-size;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

@media screen And (max-width: 1024px) {
    .comodidades li{
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media screen And (max-width: 640px){

    .comodidades-icon{
        width: 50px;
    }

    .comodidades-icon img{
        width: 50px;
    }

    .comodidade-descricao{
        font-size: 14px;
    }

}






/* Pré-Reserva ----------------------------- */
.topoPreReserva{
    background-color: #ffffff99;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 100%;
    padding-top: 40px;
    z-index: 1;
}

.section-preReserva-form{
    margin-top: 120px;
    padding-bottom: 0px;
    height: auto;
    min-height: auto;
    transition-property: margin-top;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: margin-top;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.subTitle-bg{
    margin-bottom: 0px;
}

.form-preReserva{
    margin: 0 auto;
    width: 100%;
}

.form-preReserva-flex{
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    gap: 48px;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.form-preReserva-flex .item{
    width: 170px;
    box-sizing: border-box;
    padding: 0px 16px;
    transition-property: padding, width;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding, width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.display-data-checkin{
    padding: 0px 16px;
    box-sizing: border-box;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    color: var(--colorSubTitle);
    font-size: 16px;
    font-weight: 700;
}

.display-data-checkin div{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 1;
    margin-bottom: 4px;
    color: var(--title-color);
    text-align: center;
    width: 100%;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.form-preReserva-tarja{
    margin-top: 18px;
    width: 100%;
    background-color: #51493e;
    color: #FFFCF9;
    display: flex;
    padding: 0px 16px;
    gap: 59px;
    box-sizing: border-box;
    justify-content: center;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.form-preReserva-tarja .item{
    color: #FFFCF9;
    width: 165px;
    box-sizing: border-box;
    padding: 0px 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.form-preReserva-tarja .item .ruler-field{
    padding-top: 16px;
    padding-bottom: 14px;
    padding-right: 44px;
    text-align: right;
    background-position: right 8px center;
}

.form-preReserva-tarja .item .ruler-field-1{
    text-align: center;
}

.form-preReserva-tarja .item .ruler-bt{
    padding-top: 16px;
    padding-bottom: 14px;
}

.msg-form-sucesso{
    padding: 72px 72px;
    border-radius: 8px;
    border: 1px dashed #3F6263;
    margin: 0 auto;
    margin-top: 64px;
    width: 90%;
    max-width: 680px;
    padding: 72px 32px;
    border-radius: 12px;
}

.msg-form-sucesso h2{
    color: #3F6263;
}

.msg-form-sucesso p{
    margin: 0 auto;
    text-align: center;
    max-width: 573px;
    line-height: 1.5;
    margin-bottom: 16px;
}


@media screen And (max-width: 768px) {

    .form-preReserva-flex{
        gap: 8px;
    }

    .form-preReserva-tarja{
        gap: 16px;
    }


    .display-data-checkin div{
        font-size: 48px;
    }

}


@media screen And (max-width: 700px) {

    .topoPreReserva .subTitle{
        max-width: 440px;
    }

}


@media screen And (max-width: 640px) {

    .topoPreReserva .subTitle{
        font-size: 14px;
        max-width: 380px;
    }

    .section-preReserva-form{
        margin-top: 160px;
    }

    .form-preReserva-flex .item{
        width: 90px;
        padding: 0px 0px;
    }

    .form-preReserva-tarja .item{
            width: 124px;
    }

    .form-preReserva-tarja .item .ruler-field{
        padding-top: 16px;
        padding-bottom: 14px;
        padding-left: 12px;;
        padding-right: 12px;
        background-image: none;
        font-size: 14px;
        text-align: center;
    }

    .form-preReserva-tarja .item .ruler-bt{
        padding-left: 12px;;
        padding-right: 12px;
    }


}



@media screen And (max-width: 420px) {

    .form-preReserva-tarja .item .ruler-field{
        padding-left: 2px;
        padding-right: 2px;
        font-size: 12px;
    }

    .form-preReserva-tarja .item .ruler-bt{
        padding-left: 8px;;
        padding-right: 8px;
        font-size: 12px;
    }

}


@media screen And (max-width: 340px) {

    .topoPreReserva .subTitle{
        font-size: 13px;
        max-width: 380px;
    }

    .section-preReserva-form{
        margin-top: 168px;
    }

    .form-preReserva-flex{
        gap: 0px;
    }

    .form-preReserva-tarja{
        gap: 4px
    }

    .form-preReserva-tarja .item{
        width: 150px;
        font-size: 12px;
    }

    .form-preReserva-tarja .item .ruler-field{
        padding-left: 2px;
        padding-right: 2px;
        font-size: 12px;
    }

    .form-preReserva-tarja .item .ruler-bt{
        padding-left: 8px;;
        padding-right: 8px;
        font-size: 12px;
    }

    .section-preReserva-form .display-data-checkin{
        padding: 0px 12px;
        font-size: 14px;
    }

}


/* Cabanas-Opções ---------------------------------- */
.section-cabanasOpcoes{
    padding-top: 48px;
    background-color: #f3f3ef;
    background-image: url(../images/arvore_chapeu_svg_grande.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 936px 100%;
}

.section-cabanasOpcoes h2{
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

.selecao-cabanas{
    display: flex;
    margin: 0 auto;
    margin-top: 24px;
    width: 90%;
    max-width: 1240px;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.selecao-cabanas .cabana-thumb{
    opacity: 1;
    border: 4px solid #51493e00;
    border-radius: 0;
    cursor: pointer;
    transition-property: opacity, border, border-radius;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity, border, border-radius;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.selecao-cabanas .selected{
    opacity: 1;
    border-radius: 16px;
    border: 4px solid #51493eff;
    border-spacing: -2px ;
}

.selecao-cabanas .thumb-opacity{
    opacity: 0.5;
}

.selecao-cabanas-top-margin{
    margin-top: 24px;
    margin-bottom: 64px;
}

.selecao-cabanas .item{
    position: relative;
    width: 288px;
    height: 216px;
    overflow: hidden;
}

.selecao-cabanas .item img{
    width: 100%;
    height: auto;
    object-fit: cover;
    transform: translateY(-36px);
}

.selecao-cabanas .item .titulo{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 14px;
    text-align: center;
    box-sizing: border-box;
    background-color: #3F6263;
    color: #C5C2AD;
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.2;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

@media screen And (max-width: 768px) {
    
    .section-cabanasOpcoes{
        padding-left: 8px;
        padding-right: 8px;
    }

}


@media screen And (max-width: 320px) {

    .selecao-cabanas{
        gap: 64px;
    }

}



/* Tarifas Informações ---------------------------------- */
.section-informacoes{
    padding-top: 28px;
    padding-bottom: 160px;
    height: auto;
    min-height: auto;
    background-color: #f3f3ef;
}

.informacoes-container{
    display: flex;
    margin: 0 auto;
    width: 90%;
    max-width: 1240px;
    box-sizing: border-box;
}

.informacoes-container .item{
    flex-grow: 1;
    width: 30%;
}

.informacoes-container .item-text{
    padding-left: 74px;
    box-sizing: border-box;
}

.section-pacotes-especiais{
    padding-top: 42px;
    background-color: #f3f3ef;
}

.informacoes-container .item-bt{
    display: flex;
    box-sizing: border-box;
    width: 40%;
    justify-content: center;
    align-items: center;
}

.pacotes-list{
    width: 90%;
    max-width: 1118px;
    margin: 0 auto;
    margin-top: 24px;
}

.pacotes-list .item{
    display: flex;
    width: 100%;
    margin-bottom: 24px;
    background-color: #ffffff;
}

.pacotes-list-item-img{
    width: 310px;
}

.pacotes-list-item-img img{
    width: 100%;
    height: auto;
}

.pacotes-list-item-text{
    flex-grow: 2;
    padding: 24px 32px;
    box-sizing: border-box;
}

.pacotes-list-item-text h4{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: var(--title-color);
    margin-bottom: 0px;
    text-transform: uppercase;
    transition-property: font-size, line-height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.pacotes-list-item-text .descricao{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
}

.pacotes-list-item-text .periodo{
    margin-top: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
}

.pacotes-list-item-text .periodo span{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
}

.pacotes-list-item-text .precos li{
    margin-top: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
}

.pacotes-list-item-text .precos .pacote-precos-valor{
    margin-top: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
    margin-right: 4px;
}



@media screen And (max-width: 1280px) {

    .section-informacoes{
        padding-bottom: 90px;
    }

    .informacoes-container{
        flex-direction: column;
        gap: 64px;
    }

    .informacoes-container .item{
        width: 100%;
        text-align: center;
    }

    .informacoes-container .item-text,
    .informacoes-container .item-text h5{
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
        padding-bottom: 64px;
    }

    .informacoes-container .item-bt{
        width: 100%;
    }

}

@media screen And (max-width: 1080px) {

    .pacotes-list-item-text span{
        display: block;
        margin-top: 8px;
        margin-bottom: 4px;
    }

}


@media screen And (max-width: 768px) {

    .pacotes-list{
        display: flex;
        flex-direction: column;
        gap: 32px;  
        align-items: center
    }

    .pacotes-list .item{
        width: 100%;   
        max-width: 400px; 
        flex-direction: column;
        gap: 32px;
    }
    
    .pacotes-list h4{
        margin-bottom: 24px;
    }

    .pacotes-list .descricao,
    .pacotes-list span,
    .pacotes-list .precos li{
        font-size: 16px !important;
    }

    .pacotes-list-item-img{
        width: 100%;
        order: 1;
    }

    .pacotes-list-item-text{
        padding: 24px 32px 48px 32px;
        box-sizing: border-box;
        order: 2;
    }

    

}





/* Tarifas e Pacotes -------------------------------- */
.topoTarifasPacotes{
    background-color: #f3f3ef;
    position: static;
    top: -1px;
    left: 0px;
    width: 100%;
    z-index: 1;
    padding-bottom: 16px;;
}

.section-tarifas{
    padding-top: 28px;
}

.topoTarifasPacotes .friso-subTitle{
    margin-top: 12px;
}

.topoTarifasPacotes-h1{
    padding-top: 40px;
    max-width: 900px;
}

.topoTarifasPacotes .subTitle-bg{
    background-color: #f3f3ef;
}

.grupo-fotos-flex-tarifas{
    margin-top: 32px !important;
    margin: 0 auto;
    gap: 24px;
    box-sizing: border-box;
    max-width: 1224px; 
    padding-left: 0px;
    padding-right: 0px;
    transition-property: font-size, line-height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.grupo-fotos-flex-tarifas .item{
    width: 50%;
    box-sizing: border-box;
}



.grupo-fotos-flex-tarifas .foto-item{
    width: 100%;
    height: auto;
    max-width: 600px;
}

.grupo-fotos-flex-tarifas .pacote{
    min-height: 296px;
    padding: 24px 48px 24px 32px;
    background-color: #2E4142;
    color: #FFFCF9;
    box-sizing: border-box;
}

.grupo-fotos-flex-tarifas .pacote h4{
    color: #FFFCF9;
    font-family: "Arapey", serif;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 0px;
}

.grupo-fotos-flex-tarifas .pacote .pacote-periodo{
    color: #FFFCF9;
    font-family: "Arapey", serif;
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 32px;
}

.grupo-fotos-flex-tarifas .pacote .pacote-descricao{
    color: #FFFCF9;
    font-family: "Arapey", serif;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 32px;
}

.pacote-precos{
    background-color: #f3f3ef;
    padding: 24px 54px 24px 86px;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
    transition-property: font-size, line-height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.pacote-precos ul{
    list-style-type: disc;
    list-style: disc;
}


.pacote-precos ul li{
    list-style-type: disc;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
    margin-bottom: 28px;;
    transition-property: font-size, line-height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.pacote-precos-valor{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: var(--colorSubTitle);
    
}



@media screen And (max-width: 1080px) {

    .grupo-fotos-flex-tarifas .pacote h4{
        font-size: 24px;
    }

    .grupo-fotos-flex-tarifas .pacote .pacote-periodo{
        font-size: 20px;
    }

    .grupo-fotos-flex-tarifas .pacote .pacote-descricao{
        font-size: 18px;
    }

    .grupo-fotos-flex-tarifas .pacote-validade{
        font-size: 14px;
    }


}

@media screen And (max-width: 1366px) {
    .grupo-fotos-flex-tarifas{
        padding-left: 32px;
        padding-right: 32px;
    }

}


@media screen And (max-width: 768px) {
    
    .grupo-fotos-flex-tarifas{
        flex-direction: column;
        gap: 64px;
        align-items: center;
    }

    .grupo-fotos-flex-tarifas .item{
        width: 100%;    
        max-width: 600px;
    }

    .pacote-precos{
        padding: 24px 46px 24px 32px;
        font-size: 18px;
    }

    .pacote-precos ul li,
    .pacote-precos ul .pacote-precos-valor{
        font-size: 16px;
    }
}



@media screen And (max-width: 600px) {
    
    .topoTarifasPacotes{
        padding-top: 64px;
    }

    .tarifas-pacotes-obs .page-inner h3{
        font-size: 24px;
        text-align: center;
    }

    .tarifas-pacotes-obs .page-inner p,
    .tarifas-pacotes-obs .page-inner .descricao{
        font-size: 14px;
        text-align: center;
    }

    .section-pacotes-especiais .subTitle{
        font-size: 18px;
        margin-bottom: 24px;
    }

    .section-pacotes-especiais .subTitle-descr{
        padding-left: 32px;
        padding-right: 32px;
    
    }


}



/* Politica de Privacidade ----------------- */
.section-politica-privacidade{

    padding-top: 128px;
    padding-bottom: 64px;

}

.page-texto{
    padding: 64px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: var(--shadow);
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.5;
}

.page-texto p{
    margin-bottom: 16px;
}



/* Contato --------------------------------- */
.section-contato{
    background-color: #f0f0f0;
}




/* Footer ============================ */

footer{
    display: block;
    margin: 0 auto;
    max-width: 1224px;
    margin-top: 64px;
    padding: 64px 0px;
    box-sizing: border-box;
    border-top: 2px solid #51493E;
    transition-property: width, max-width, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, max-width, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.footer-flex{
    display: flex;
    width: 100%;
    gap: 0px;
    justify-content: space-between;
    box-sizing: border-box;
}

.footer-flex .item{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1;
}

.buttons-flex{
    display: flex;
    gap: 24px;
}

.footer-menu{
    padding-top: 9px;
    display: flex;
    gap: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #51493E;
}

.footer-menu a:link,
.footer-menu a:active,
.footer-menu a:visited{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #51493E;
    line-height: 1.4;
}

.footer-menu a.hover{
    color: #31190E;
}

.footer-menu-social{
    display: flex;
    gap: 16px;
}


@media screen And (max-width: 1280px){

    footer{
        max-width: 1014px;
        padding-left: 32px;
        padding-right: 32px;
    }

    footer a
    footer a:link,
    footer a:active,
    footer a:visited,
    footer a:hover,
    .footer-menu a:link,
    .footer-menu a:active,
    .footer-menu a:visited,
    .footer-menu a:hover{
        font-size: 14px;
    }

    .footer-flex{
        gap: 24px;
    }


}


@media screen And (max-width: 1080px){

    footer{
        border-top: 0px solid transparent;
        padding-top: 0px;
    }

    .footer-flex{
        max-width: 500px;
        margin: 0 auto;
        justify-content: space-between;
        align-items: flex-end;
    }

    .footer-side-menu .footer-menu{
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

}

@media screen And (max-width: 640px){

    .footer-flex{
        box-sizing: border-box;
        padding-left: 24px;
        padding-right: 16px;
    }

}


@media screen And (max-width: 480px){
    


    .footer-flex{
        flex-direction: column;
        gap: 48px;
    }

    .footer-side-menu{
        margin: 0 auto;
        align-items: center;
    }

    .footer-side-menu .footer-menu{
        display: flex;
        align-items: center;
    }


    .footer-side-social{
        display: flex;
        align-items: center;
        width: 100%;
    }

    .footer-menu-social{
        padding: 32px 24px;
        box-sizing: border-box;
        display: flex;  
        width: 100%;
        justify-content: space-evenly;
    }

}



/* Form Cadastro e Login ====================== */
.div_form{
    width: 90%;
    max-width: 568px;
    margin: 0 auto;
}

.cad_row{
    padding: 12px 0px;
    box-sizing: border-box;
}

.cad_row-flex{
    display: flex;
    gap: 16px;
    width: 100%;
    padding: 12px 0px;
    box-sizing: border-box;
    align-items: center;
}

.cad_row-label{
    width: 74px;
    font-size: 12px;
    color: #5C5F66;
}

.campo-label{
    font-size: 14px;
    color: #5C5F66;
    display: block;
}

.cad_row-field{
    flex-grow: 2;
}

.cad_row_bt{
    padding-top: 24px;
}

.iframe-cad{
    width: 100%;
    height: 100%;
    min-height: 540px;
}

.cad-container {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
}
.cad-container h2 {
    font-size: 16px;
    color: #665;
}
.cad-container p {
    font-size: 14px;
    color: #333;
}
.cad-container input[type="text"],
.cad-container input[type="email"],
.cad-container input[type="password"],
.cad-container input[type="tel"] {
    width: 100%;
    padding: 16px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.cad-container input[type="radio"] {
    margin-right: 5px;
}

/* input[type="checkbox"],input[type="radio"]{
    -webkit-appearance: none;
    background-color: #ffffff;
    width: 16px;
    height: 16px;
    border: 1px solid var(--orange);
}

input[type="checkbox"]:checked,input[type="radio"]:checked {
    background-color: var(--orange);
}

input[type="radio"]{
  border-radius: 50%;
} */

.cad-container button {
    width: 100%;
    padding: 16px;
    background-color: var(--orange);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}
.cad-container button:hover {
    background-color: var(--orange);
}
.cad-container .privacy {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.login-container {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 300px;
    text-align: center;
}
.login-container h2 {
    margin-bottom: 20px;
}
.login-container input[type="email"],
.login-container input[type="password"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.login-container input[type="checkbox"] {
    margin-right: 10px;
}

.campo{
    font-size: 16px;
    color: #5C5F66;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    background-color: #fcfcfc;
    border: 1px solid #DDDDE3;
    border-radius: 6px;
    box-shadow: 0 1px 2px #0D0D0D0A;
}

.campo-textarea{
    height: 192px;
}

.icon-eye{
    width: 32px;
    max-width: 32px;
    height: 32px;
    background-color: transparent !important;
    border: 0px solid transparent !important;
    background-image: url(../images/eye_off.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.login-container a {
    color: #007BFF;
    text-decoration: none;
    font-size: 14px;
}
.login-container button {
    background-color: var(--orange);
    color: white;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
}

.modal_cad.modal-active{
    max-width: 500px;
    min-width: 450px;
    min-height: auto;
    max-height: 94vh;
    height: 70%;
}

.row-legenda{
    font-size: 14px;
    color: #888888;
}

.modal_log{
    pointer-events: none;
}

#modalLog{
    left: -2000px;
}

.modal_master_login .modal-active, .modal_log.modal-active, #modalLog.modal-active{
    left: 50%;
}

.modal_master_login .modal-active, .modal_log.modal-active, #modalLog{
    max-width: 500px;
    min-width: 400px;
    max-height: 400px;
    min-height: 440px;
    pointer-events: all;
    height: 440px !important;
}

.modal-active .modal-container {
    overflow-y: hidden;
}

.msg_alert{
    color: #ff3322;
    font-weight: 600;
    font-size: 14px;
    font-style: italic;
}

.descricao-arquivo{
    font-size: 14px;
    line-height: 1.4;
    color: #777777;
    font-style: italic;
}

.shape-client{
    margin: 0 auto;
    margin-top: 64px;
    margin-bottom: 128px;
    font-size: 18px;
    line-height: 1.2;
    color: #444444;
    width: 90%;;
    padding: 60px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #dddddd;
}

.msg-aguardando{
    margin: 0 auto;
    margin-top: 64px;
    font-size: 14px;
    line-height: 1.4;
    color: #777777;
    font-style: italic;
    max-width: 400px;
    padding: 48px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #dddddd;
}

.div_alert_ativo{
    color: var(--red);
    display: block;
}


@media screen And (max-height: 768px) {
    
    .modal_master_login .modal-active, .modal_log.modal-active, #modalLog{
        height: 400px !important;
        min-height: 400px !important;
    }

    .modal-active .modal-container {
        overflow-y: hidden;
    }

}





/* Campanha ================================== */
.section-promo{
    max-width: var(--maxWidth);
    padding: 64px;
    min-height: auto;
    background-color: #F5F8F7;
    box-sizing: border-box;
}

.modal-campanha{
    background-color: var(--branco);
}

.modal-campanha.modal-active{
    height: 90vh;
    max-height: 680px;
    padding: 28px 32px 28px 32px;
    min-width: 580px;
}

.modal-container-campanha{
    width: 100%;
    height: 100vh;
}

.legenda-desconto{
    background-color: var(--title-color);
    padding: 8px;
    margin: 0 auto;
    margin-bottom: 8px;
    padding: 8px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.campanha-resposta{
    margin-top: 32px;
    padding: 48px 32px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    border: 2px dashed var(--title-color);
}

.campanha-resposta span{
    font-size: 16px;
    font-weight: 500;
    color: var(--title-color);
}

.promo-destaque {
    background-color: #f0f8ff;
    color: #3F6263;
    padding: 8px;
}


@media screen And (max-width: 640px) {
    
    .modal-campanha.modal-active{
        min-width: 90%;
        min-height: 64%;
        height: 64vh;
    }

    .modal-container-campanha {
        height: 64vh;
    }

    .cad-form-row-bt-flex{
        flex-direction: column;
    }

}

/* Calendar ================================== */
.calendar-display{
    position: absolute;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2010;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    max-width: 512px;
    max-height: 0px;
    min-height: 0px;
    height: 0vh;
    box-sizing: border-box;
    display: flex;
    background-color: #FFFCF9;
    box-shadow: 2px 2px 4px #00000088;
    transition-property: max-height, min-height, height, padding, max-width, top, left;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: max-height, min-height, height, padding, max-width, top, left;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.calendar-display-active{
    max-height: 448px;
    min-height: 368px;
    height: 100vh;
}

.calendarOverlay{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2000;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: #00000000;
    transition-property: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}

.calendar-header-flex{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.calendar-header-flex .current-date{
    color: #475467;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;;

}

.calendarOverlay-active{
    pointer-events: all;
    background-color: #00000088;
}

.check-in-date::before{
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 40px;
  width: calc(100% - 2px)!important;
  z-index: 2 !important;
  transform: translate(-50%, -50%);
  border: 1px solid #51493E;
}

.check-out-date::before{
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 40px;
  width: calc(100% - 2px)!important;
  z-index: 2 !important;
  transform: translate(-50%, -50%);
  border: 1px solid #51493E;
}

.in-range-date::before{
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 40px;
  width: 100% !important;
  z-index: -1 !important;
  transform: translate(-50%, -50%);
  background-color: #00000016;
}


@media screen And (max-width: 768px) {

    .calendar-display{
        max-width: 420px;
    }

}



/* Hospedes =================================== */
.hospedes-display{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2010;
    padding: 0px 18px 0px 24px;
    background-color: #ffffff;
    box-sizing: border-box;
    width: 399px;
    max-height: 0px;
    min-height: 0px;
    height: 0vh;
    overflow: hidden;
    box-shadow: 2px 2px 4px #00000088;
    transition-property: max-height, min-height, height, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: max-height, min-height, height, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.hospedes-display-active{
    height: 72px;
    max-height: 72px;
    min-height: 72px;
    padding:  15px 18px 18px 24px;
}

.hospedes-display-flex{
    gap: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.hospedes-display-flex .item{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
    color: #51493E;
    transition-property: color, background-color, border, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: color, background-color, border, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.hospedes-display-flex .item-flex{
    display: flex;
    gap: 22px;
    align-items: center;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.hospedes-number{
    width: 40px;
    height: 40px;
    border: 1px solid #51493E;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #51493E;
}

@media screen And (max-width: 440px) {
    
    .hospedes-display{
        width: auto;
    }

    .hospedes-display-flex{
        gap: 12px;
    }

    .hospedes-display-flex .item-flex{
        gap: 2px;
    }

}


/* Modais ===================================== */
.modal-page{
    transform: translate(0px, 0px);
    top: 0px;
    left: 0px;
    min-width: 100vw;
    max-width: 100vw;
}

.modal-page .modal-active,
.modal-page.modal-active{
    opacity: 1;
    min-width: 100vw;
    min-height:100vh;
    max-width: 100vw;
    max-height: 100vh;
    padding: 0px;
    box-shadow: none;
    border: 0px solid transparent
}

.modal-container-cabana{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0px;
    border: 0px solid transparent
}

.modal-active .modal-container-cabana{
    min-height: 100vh;
    max-height: 100vh;
    height: 100vh;
}

.modal-iframe{
    width: 100%;
    height: 100%;
}

.modal-pre-reserva{
    transform: translate(0px, 0px);
    top: 0px;
    left: 0px;
    min-width: 100vw;
    max-width: 100vw;
}





/* Botões ===================================== */
.bt-action{
    background-color: var(--btColor);
    border: 1px solid var(--btColor);
    color: var(--btTextColor);
    padding: 12px 22px 14px 22px;
    border-radius: 6px;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    cursor: pointer;
    transition-property: background-color, color, border, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: background-color, color, border, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.bt-action:hover{
    background-color: var(--btColor-dark);
    border: 1px solid var(--btColor-dark);
    color: var(--btTextColor-hover);
}

.menu-bts .bt-action{
    margin-left: 18px;
}

.bt-action-transp{
    background-color: transparent;
    color: var(--btColor);
    border: 1px solid var(--btColor);
}

.bt-action-transp:hover{
    background-color: var(--btColor-dark);
    color: var(--btTextColor-hover);
    border: 1px solid var(--btColor-dark);
}

.bt-action-big{
    padding: 16px 32px 16px 32px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.bt-action-inner-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
}

.bt_reserva{
    background-color: transparent;
    border: 1px solid var(--branco);
    color: var(--branco);
    padding: 4px;
    box-sizing: border-box;
    border-radius: 0px;
    width: 167px;
    height: 40px;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition-property: background-color, color, border, opacity, width, height;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: background-color, color, border, opacity, width, height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.bt_reserva-184{
    width: 184px
}

.bt_reserva:hover{
    background-color: var(--branco);
    border: 1px solid #FFFCF9;
    color: var(--palha-dark);
}

.bt_reserva-color{
    border: 1px solid var(--palha-dark);
    color: var(--palha-dark);
}

.bt_reserva-color:hover{
    border: 1px solid var(--palha-dark);
    color: var(--branco);
    background-color: var(--palha-dark)
}

.header-top-modal-mode .bt_reserva{
    opacity: 0;
}

.bt-detalhes{
    background-color: transparent;
    border: 1px solid var(--branco);
    color: var(--branco);
    padding: 4px;
    box-sizing: border-box;
    border-radius: 0px;
    width: 184px;
    height: 40px;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition-property: background-color, color, border, opacity, width, height;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: background-color, color, border, opacity, width, height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.bt_quad{
    background-color: transparent;
    border: 1px solid var(--palha-dark);
    color: var(--palha-dark);
    padding: 12px 36px;
    box-sizing: border-box;
    border-radius: 0px;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition-property: background-color, color, border, opacity, width, height;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: background-color, color, border, opacity, width, height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.bt_quad:hover{
    border: 1px solid var(--palha-dark);
    color: var(--branco);
    background-color: var(--palha-dark)
}

.bt-control{
    background-color: transparent;
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #51493E;
    background-position: center center;
    background-repeat: no-repeat;
    transition-property: color, background-color, border, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: color, background-color, border, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.bt-control:hover{
    color: #ffffff;
    background-color: #51493e;
}

.bt-control-minus{
    background-image: url(/images/ico_bt_minus_color.svg);
}
.bt-control-minus:hover{
    background-image: url(/images/ico_bt_minus_white.svg);
}

.bt-control-plus{
    background-image: url(/images/ico_bt_add_color.svg);
}

.bt-control-plus:hover{
    background-image: url(/images/ico_bt_add_white.svg);
}


.botao_row{
    text-align: center;
    padding-top: 48px;
}





.grupo-cabanas .item .bt-detalhes{
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);        
    z-index: 4;
}

.grupo-cabanas .item:hover .bt-detalhes{
    background-color: var(--branco);
    border: 1px solid #FFFCF9;
    color: var(--palha-dark);
}

.scrollButton{
    background-image: url(../images/png_rolagem.png);
    background-position: left 0px top 0px; 
    width: 143px;
    height: 27px;
    opacity: 0.75;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    transition-property: background-color, color, border, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: background-color, color, border, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.scrollButton:hover{
    opacity: 1;
}

.menu-bts-mob{
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.legenda{
    font-size: 12px;
    color: #888888;
}

.legenda a:link,
.legenda a:active,
.legenda a:visited,
.legenda a:hover{
    font-size: 12px;
    color: #888888;
    text-decoration: none;
}

.legenda-recomendacao{
    font-size: 14px;
    font-style: italic;
    color: var(--colorSubTitle);
    margin-top: 16px;
    max-width: 330px;
}

.menu_top_bt_social{
    background-color: transparent;
    border: 0px solid transparent;
    color: transparent;
    padding: 0px;
    box-sizing: border-box;;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px;
    transition-property: background-color, color, border, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: background-color, color, border, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.menu_top_bt_whats{
    background-image: url(/images/ico_menu_whats_white.svg);
}
.menu_top_bt_whats:hover{
    background-image: url(/images/ico_menu_whats_white_hover.svg);
}

.header-top-white .menu_top_bt_whats{
    background-image: url(/images/ico_menu_whats_color.svg);
}
.header-top-white .menu_top_bt_whats:hover{
    background-image: url(/images/ico_menu_whats_color_hover.svg);
}

.menu_top_bt_email{
    background-image: url(/images/ico_menu_email_white.svg);
}
.menu_top_bt_email:hover{
    background-image: url(/images/ico_menu_email_white_hover.svg);
}
.header-top-white .menu_top_bt_email{
    background-image: url(/images/ico_menu_email_color.svg);
}
.header-top-white .menu_top_bt_email:hover{
    background-image: url(/images/ico_menu_email_color_hover.svg);
}

.menu_top_bt_instagram{
    background-image: url(/images/ico_menu_instagram_white.svg);
}
.menu_top_bt_instagram:hover{
    background-image: url(/images/ico_menu_instagram_white_hover.svg);
}
.header-top-white .menu_top_bt_instagram{
    background-image: url(/images/ico_menu_instagram_color.svg);
}
.header-top-white .menu_top_bt_instagram:hover{
    background-image: url(/images/ico_menu_instagram_color_hover.svg);
}

@media screen And (max-width: 1024px) {

    .bt_reserva{
        padding: 4px;
        width: 148px;
        height: 36px;
        font-size: 14px;
    }

}



@media screen And (max-width: 640px) {
    #btReserva{
        display: none;
    }
}

@media screen And (max-width: 560px) {

    .mobile-menu .bt_reserva_li, .mobile-menu .bt_reserva_li .bt_reserva{
        display: block;
    }
 
    .mobile-menu .bt_reserva_li .bt_reserva{
        border: 1px solid var(--palha-dark);
        color: var(--palha-dark);
        margin: 0 auto
    }

    .mobile-menu .bt_reserva_li .bt_reserva:hover{
        border: 1px solid var(--palha-dark);
        color: var(--branco);
        background-color: var(--palha-dark)
    }


}



/* Radio ===================================== */
.form-radio-flex{
    display: flex;
    column-gap: 32px;
    margin-top: 8px;
    margin-bottom: 0px;
}


.form-radio{
    display: flex;
    gap: 8px;
    font-size: 14px;
    color: #5C5F66;
}

.form-radio + .form-radio{
  margin-top: 1rem;
}

.form-radio:focus-within {
  color: var(--palha-dark);
}

input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: transparent;
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: var(--text-color);
  width: 18px;
  height: 18px;
  border: 1px solid var(--palha-dark);
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-sizing: border-box;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #00000044;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type="radio"]:checked::before {
  transform: scale(1);
  box-sizing: border-box;
}

input[type="radio"]:focus {
  outline-offset: max(1px, 0.15em);
}





/* ---------------------------------------- */
/* LGPD  ---------------------------------- */
.lgpd-bg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	background-color: #00000000;
    transition-property: background-color;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

.lgpd-bg-active{
	pointer-events: all;
	background-color: #00000032;
}

.lgpd-iframe{
	width: 1px;
	height: 1px;
	border: 0px solid transparent;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

.lgpd-container{
	width: 100%;
	max-width: 562px;
	position: fixed;
	z-index: 10000;
	bottom: 20px;
	right: -700px;
	padding: 32px 48px;
	color: #445;
	text-align: left;
	background-color: var(--branco);
	border-radius: 8px;
	border-left: 10px solid var(--palha-color);
	box-sizing: border-box;
	box-shadow: 2px 2px 10px #00000050;
    transition-property: right;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: right;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
}

.lgpd-container-abrir{
	right: 20px;
}

.lgpd-container-fechar{
	right: -700px;
}


.lgpd-container .lgpd-title{
	font-size: 18px;
	font-weight: bold;
	color: #445;
	line-height: 1.5;
	margin-bottom: 8px;
	text-align: left;
}

.lgpd-description{
	font-size: 14px;
	font-weight: normal;
	color: #445;
	line-height: 1.4;
	margin-bottom: 24px;
	text-align: left;
}

.lgpd-container .lgpd-description em{
	font-size: 14px;
	font-weight: bold;
	color: #334;
}

.lgpd-container .lgpd-description a:link,
.lgpd-container .lgpd-description a:active,
.lgpd-container .lgpd-description a:visited,
.lgpd-container .lgpd-description a:hover{
	font-size: 14px;
	color: #449;
	text-decoration: none;
}


.lgpd-row-bts{
	width: 100%;
	display: flex;
	gap: 32px;
	justify-content: space-between;
}

.lgpd-button{
	font-weight: bold;
	font-size: 14px;
	padding: 16px 48px;
	cursor: pointer;
	border-radius: 8px;
	border: 0px solid transparent;
    transition-property: background-color, color, border;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: background-color, color, border;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.lgpd-button-aceite{
	background-color: #445;
	color: #fff;
	border: 0px solid transparent;
}

.lgpd-button-aceite:hover{
	background-color: #223;
	color: #fff;
	border: 0px solid transparent;
}

.lgpd-button-recusar{
	background-color: #fff;
	color: #224;
	font-size: 12px;
}

.lgpd-button-recusar:hover{
	background-color: #ddd;
	color: #224;
}






@media screen and (max-width: 1280px){

    .div_logo img{
        height: 20px;
    }

    .bt-top-kit{
        display: none;
    }
}



@media screen and (max-width: 1024px){

    /* ---------------------------------------- */
    /* Menu ----------------------------------- */
    nav{
        display: none;
    }
    
    .mobile-menu{
        display: block;
    }

    .bodyDocOverflow{
        overflow: hidden;
    }


}

@media screen and (max-width: 600px){

    .buttonGoToTop img{
        width: 25px;
    }

    .div_logo{
        margin-left: 20px;
    }
 
}

@media screen and (max-width: 420px){

    .mobile-menu{
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .dropdown{
        width:94%;
    }

}




/* glider Caroussel ------------------------ */
.glider-contain{
    opacity: 0;
    margin-bottom: 48px;
    transform: translateX(0px);
    transition-property: transform, opacity;
    transition-duration: 2s;
    transition-timing-function: ease;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-duration: 2s;
    -webkit-transition-timing-function: ease;
}

.element-translate{
    transform: translateX(54px);
}

.display_carrs_item{
    background-color: #F5F8F7;
    color: var(--title-color);
    box-sizing: border-box;
}

.display_carrs_item-ft{
    width: 100%;
    height: 432px;
    max-height: 432px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-property: width, height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.display_carrs_box{
    padding: 24px 32px;
    text-align: left;
    box-sizing: border-box;
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.display_carrs_title{
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: var(--title-color);
    text-align: left;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.display_carrs_title span{
    font-size: 18px;
}

.display_carrs_desc{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 24px;
    max-width: 450px;
    min-height: 30px;
    transition-property: font-size, line-height, min-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height, min-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.display_carrs_flex{
    box-sizing: border-box;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.item-duracao{
    box-sizing: border-box;
    padding-left: 36px;
    background-image: url(../images/ico_mini_relogio.svg);
    background-repeat: no-repeat;
    background-position: left 0px top 2px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 4px;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.item-duracao label{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 4px;
    display: block;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.item-valor{
    box-sizing: border-box;
    padding-left: 36px;
    background-image: url(../images/ico_mini_card.svg);
    background-repeat: no-repeat;
    background-position: left 0px top 2px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 4px;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.item-valor label{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 4px;
    display: block;
    transition-property: font-size, line-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size, line-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.glider-prev, .glider-next{
    opacity: 0 !important;
}

.glider-contain:hover .glider-prev,
.glider-contain:hover .glider-next{
    opacity: 1 !important;
}

@media screen And (max-width: 1360px) {
    .element-translate{
        transform: translateX(0px);
    }
}

@media screen And (max-width: 1280px) {

    .display_carrs_title{
        font-size: 28px;
    }

    .display_carrs_desc{
        max-width: 384px;
        min-height: 70px;
    }

}

@media screen And (max-width: 768px) {
    
    .glider-contain{
        width: 90%;
        max-width: 100vh;
    }

    .glider-prev, .glider-next{
        display: none !important;
    }
}
@media screen And (max-width: 640px) {

    .display_carrs_box{
        padding: 24px 24px;
    }

    .display_carrs_title{
        font-size: 24px;
    }

    .display_carrs_desc{
        font-size: 16px;
    }

    .item-duracao{
        font-size: 16px;
    }

    .item-duracao label{
        font-size: 14px;
    }

}


@media screen And (max-width: 480px) {

    .display_carrs_item-ft{
        height: 300px;
    }

}










/* ---------------------------------------- */
/* OWL-Carousel --------------------------- */
.carousel-container{
    margin: 0 auto;
    width: 100vw;
    min-height: 99vh;
    transition-property: width;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.owl-div{
    color: #000;
    height: 99vh;
    box-sizing: border-box;
    /* border: 1px solid orange; */
}

.arrow-container{
    position: fixed;
    top: 50%;
    display: table;
    z-index: 201000;
    transform: translateY(-50%);
    transition-property: left, right, opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: left, right, opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.arrow-container-left{
    left: 16px;
}

.arrow-container-right{
    right: 16px;
}

.arrow-container .btGo{
    width: 32px;
    border: 0px solid transparent;
    opacity: 0.5;
    cursor: pointer;
    transition-property: opacity, width;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity, width;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.arrow-container .btGo:hover{
    opacity: 0.8;
}

.arrowDinamico{
    opacity: 0;
    pointer-events: none;
}

.arrowDinamico-active{
    opacity: 1;
    pointer-events: all;
}


.carousel-canvas{
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 98vh;
    flex-direction: column;
    box-sizing: border-box;
    padding: 90px 32px 32px 32px;
    justify-content: center;
    align-items: center;
    transition-property: width, padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.carousel-area{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.carousel-area img{
    width: 100%;
    max-width: 100%;
    max-height: calc(100vh - 160px);
}

.owl-next, .owl-prev{
    display: none !important;
}

.carousel-player{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 200000;
    background-color: #fff;
}

.carousel-player-active{
    display: block;
}

.carousel-player-menu{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 24px 36px;
    background-color: #fff;
    z-index: 210000;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}

.carousel-player-btClose{
    width: 24px;
    height: auto;
    opacity: 0.75;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.carousel-player-btClose:hover{
    opacity: 1;
}

.carousel-description{
    padding-top: 24px;
    width: 100%;
}

.carousel-description-inner{
    width: 80%;
    text-align: center;
    margin: 0 auto;
    line-height: 1.7;
    font-weight: 500;
    color: #555;
    font-size: 14px;
    transition-property: font-size;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

/* ---------------------- End: OWL-Carousel */






/* Bem-estar =================================== */
.section-bemEstar{
    padding-bottom: 0px;
    box-sizing: border-box;
}

.bem-estar-programas{
    background-color: #F5F8F7;
    padding: 0px 105px;
    margin: 0 auto;
    max-width: var(--maxWidth);
    box-sizing: border-box;
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.bem-estar-programas .content-flex{
    display: flex;
    box-sizing: border-box;
}

.bem-estar-programas .content-flex .item-ft{
    width: 496px;
    box-sizing: border-box;
}

.bem-estar-programas .content-flex .item-ft img{
    width: 496px;
    height: auto;
}

.bem-estar-programas .content-flex .item-text{
    flex-grow: 2;
    box-sizing: border-box;
    padding: 24px;
    color: var(--title-color);
    text-align: left;
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.bem-estar-programas .content-flex .item-text h2{
    text-align: left;
    box-sizing: border-box;
    margin-left: 0px;
}

.content-duplo-flex{
    display: flex;
    justify-content: space-between;
    color: var(--title-color); 
    padding-top: 40px;
    padding-bottom: 32px;
    box-sizing: border-box;
}

.bem-content-duplo-flex{
    box-sizing: border-box;
    gap: 24px;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.bem-content-duplo-flex .item{
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 24px;
}

.bem-estar-programas .content-flex .display_carrs_flex{
    margin-top: 46px;
    box-sizing: border-box;
}

.content-duplo-flex .content-info{
    margin-top: 24px;
    box-sizing: border-box;
}

.content-duplo-flex .content-info div{
    margin-top: 8px;
    box-sizing: border-box;
}

.content-note{
    background-color: #F5F8F7;
    padding: 0px 105px;
    margin: 0 auto;
    max-width: var(--maxWidth);
    box-sizing: border-box;
    padding-bottom: 40px;
    color: var(--title-color);
}

@media screen And (max-width: 1080px) {

    .bem-estar-programas {
        padding: 4px 16px 0px 16px;
        display: table;
        background-color: #F5F8F7;
    }

    .bem-estar-programas .content-flex {
        flex-direction: column;
        gap: 8px;
        width: 100%;
        max-width: 496px;
        margin: 0 auto;
        margin-top: 48px;
    }

    .bem-estar-programas .content-flex .item{
        width: 100%;
    }

    .bem-estar-programas .content-flex .item-ft img{
        width: 100%;
        height: auto;
    }
    
    .bem-content-duplo-flex{
        width: 100%;
        max-width: 496px;
        gap: 24px;
        flex-direction: column;
        margin: 0 auto;
        padding: 24px;
        box-sizing: border-box;
    }

    .section-bemEstar .content-note{
        width: 100%;
        max-width: 530px;
        margin: 0 auto;
        padding: 24px;
        box-sizing: border-box;
        line-height: 1.5;
        font-size: 14px;
        padding-bottom: 24px;
    }

    .section-bemEstar .content-note p{
        line-height: 1.5;
        font-size: 14px;
        margin-bottom: 8px;
    }

}


@media screen And (max-width: 768px) {

    .bem-estar-programas {
        padding-top: 32px;
    }

}


@media screen And (max-width: 640px) {

    .bem-estar-programas {
        padding-top: 1px;
    }

    .bem-estar-programas .content-flex .item-text h2{
        font-size: 24px;
    }

    .bem-estar-programas .content-flex .item-text p{
        font-size: 14px;
        line-height: 1.5;
    }

    .bem-estar-programas .content-flex .item-valor{
        font-size: 16px;
    }

    .bem-estar-programas .item-valor label{
        font-size: 14px;
    }

}



@media screen And (max-width: 480px) {

    .bem-estar-programas .content-flex .item-text{
        padding-left: 4px;
        padding-right: 4px;
    }

}



/* ============================================ /*
/* Experiências (Album de fotos) ============== */
.section-experiencias .descricao{
    margin: 0 auto;
    max-width: 800px;
    margin-top: 16px;
}

.album-fotos{
    margin: 0 auto;
}

/* Versão desktop ------- */
.album-fotos-desk{
    margin-top: 48px;
    display: flex; 
    gap: 24px;
    justify-content: center;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;

}

.album-fotos-coluna1,
.album-fotos-coluna2,
.album-fotos-coluna3{
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition-property: gap;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: gap;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.album-fotos-coluna1,
.album-fotos-coluna3{
    padding-top: 32px;
}

.album-fotos-coluna1 img{
    Width: 392px;
    height: auto;
    transition-property: width, height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.album-fotos-coluna2 img{
    Width: 496px;
    height: auto;
    transition-property: width, height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.album-fotos-coluna3 img{
    Width: 288px;
    height: auto;
    transition-property: width, height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}


/* Versão tablet ------- */
.album-fotos-tablet{
    display: none;
}

.album-fotos-coluna_tab1,
.album-fotos-coluna_tab2{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.album-fotos-coluna_tab1 img,
.album-fotos-coluna_tab2 img{
    Width: 100%;
    height: auto;
}


/* Versão Mobile ------- */
.album-fotos-mobile{
    margin-top: 32px;
    display: none; 
}

.album-fotos-coluna-full{
    width: 100%;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

.album-fotos-coluna-full img{
    Width: 100%;
    max-width: 392px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 24px;
}

.album-fotos-coluna-full .item:nth-child(odd) img{
    transform: translateY(10px);
}


@media screen And (max-width: 1280px) {

    .album-fotos-desk{
        gap: 18px;
    }

    .album-fotos-coluna1,
    .album-fotos-coluna2,
    .album-fotos-coluna3{
        gap: 18px;
    }

    .album-fotos-coluna1 img{
        Width: 313px;
    }

    .album-fotos-coluna2 img{
        Width: 396px;
    }

    .album-fotos-coluna3 img{
        Width: 230px;
    }

}


@media screen And (max-width: 1080px) {

    .album-fotos-desk{
        display: none;
    }

    .album-fotos-tablet{
        margin-top: 48px;
        display: grid;
        grid-template-columns: 314px 396px;
        grid-gap: 18px;
        justify-content: center;
    }

}


@media screen And (max-width: 768px) {

    .album-fotos-tablet{
        display: none;
    }

    .album-fotos-mobile{
        display: block; 
    }

}



/* display-text =============================== */
.section-displays{
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    background-color: #272121;
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.display-text{
    width: 100%;
    max-width: 1016px;
    padding: 16px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 24px;;
    background-color: #f5f8f7;
    position: sticky;
    top: 116px;
}

.display-text-paper{
    width: 100%;
    padding: 64px 44px 32px 44px;
    box-sizing: border-box;
    border: 1px solid #BCD4D2;
    color: #272121;
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.2;
    text-align: left;
    transition-property: padding;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: padding;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.display-text-paper p{
    color: #272121;
    font-family: "Arapey", serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 48px;
}

.display-note h4{
    color: var(--title-color); 
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 32px;
    text-transform: uppercase;
}

.display-space{
    height: 18px;
}

.display-space-br{
    height: 256px;
    transition-property: height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}


@media screen And (max-width: 1080px) {

    .display-text-inner .h1-3{
        font-size: 24px !important;
        margin-bottom: 32px !important;
    }

    .display-text-inner p{
        font-size: 20px !important;
    }

    .display-text-inner .descricao{
        font-size: 14px !important;
        padding-left: 0px;
    }

    .display-text .display-note h4{
        font-size: 14px !important;
    }

    .display-text .display-note strong{
        font-size: 14px !important;
    }

    .display-text .display-note .descricao{
        font-size: 14px !important;
    }

}


@media screen And (max-width: 768px) {
    .section-displays{
        padding-left: 16px;
        padding-right: 16px;
    }
}


@media screen And (max-width: 640px) {

    .display-text{
        position: static;
    }

    .display-text-paper{
        width: 100%;
        margin: 0 auto;
        padding: 32px 24px 32px 24px;
    }

    .display-text-inner .h1-3{
        font-size: 20px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .display-text-paper p{
        margin-bottom: 18px;
    }

    .display-space-br{
        height: 0px;
    }

}


@media screen And (max-width: 480px) {

    .section-displays{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 1px;
    }

}


/* ============================================ */
/* Vídeo -------------------------------------- */
.video-player{
    position: absolute;
    width: 0%;
    height: 10%;
    max-width: 0px;
    max-height: 20px;
    background-color: #000;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition-property: width, max-width, height, max-height;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: width, max-width, height, max-height;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.video-player-active-w{
    width: 90%;
    max-width: 808px;
}

.video-player-active-h{
    height: 90%;
    max-height: 480px;
}

.video-player-containerTop{
    position: absolute;
    top: 0px;
    right: 0px;
    display: table;
    background-color: var(--palha-dark);
    z-index: 1;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.video-player-containerBottom{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: var(--palha-dark);
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-sizing: border-box;
    padding: 8px 16px;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.video-player-active-h .video-player-containerTop,
.video-player-active-h .video-player-containerBottom,
.video-player-active-h .video-progress-bar-container{
    opacity: 1;
}

.video-controls-buttons{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.video-progress-bar-container{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 111px);
    height: 5px;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    border-radius: 2.5px;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
}

.video-progress-bar{
    width: 0%;
    height: 100%;
    opacity: 0.5;
    background-color: #FFFCF9;
    border-radius: 2.5px;
    transition: width 0.1s linear;
}

.bt-video-icon{
    width: 40px;
    height: 40px;
    opacity: 0.75;
    cursor: pointer;
    background-color: transparent;
    border: 0px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.bt-video-icon:hover{
    opacity: 1;
}

.bt-video-image{
    width: 24px;
    height: 24px;
}

.bt-video-desabilited{
    display: none;
}

.video-player-button-container{
    position: absolute;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 11;
    cursor: pointer;
    transition-property: transform;
    transition-duration: 0.35s;
    transition-timing-function: ease-in;
    -webkit-transition-property: transform;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in;
}

.video-player-button-container-inactive{
    transform: translate(-50%, -50%) scale(0);
}

.video-player-button-container-circle-box{
    position: absolute;
    width: 56px;
    height: 56px;
    top: 3px;
    left: 0px;
}

.video-player-button-container-circle{
    position: absolute;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    border-radius: 50%;
}

.video-player-button-container-circle-animation {
    animation: pulse 7.0s infinite ease-out;
}

.video-player-button-container-circle-animation2 {
    animation: pulse2 7.0s infinite ease-out;
}

.video-player-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}




@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
    49% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
    50% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.75;
    }
    90% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}


@keyframes pulse2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.75;
    }
    35% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}


.bt-video-player{
    background-color: transparent;
    border: 0px solid transparent;
    color: transparent;
    padding: 0px;
    box-sizing: border-box;;
    cursor: pointer;
    width: 56px;
    height: 56px;
    background-position: center center;
}

.bt-video-player img{
    width: 56px;
    height: 56px;
    cursor: pointer;
}



@media screen And (max-width: 1200px) {
    .section-home .video-player{
        transform: translate(-50%, -45%);
    }
}

@media screen And (max-width: 1080px) {
    .section-home .video-player{
        transform: translate(-50%, -40%);
    }
}

@media screen And (max-width: 940px) {
    .section-home .video-player{
        transform: translate(-50%, -30%);
    }
}


@media screen And (max-width: 768px) {
    .video-player-active-w{
        max-width: 100%;
        width: 100%;
    }

    .section-home .video-player{
        transform: translate(-50%, -20%);
    }
}


@media screen And (max-width: 640px) {
    .section-home .video-player{
        transform: translate(-50%, -50%);
    }
}


@media screen And (max-width: 500px) {
    .section-home .video-player{
        transform: translate(-50%, -30%);
    }
}




/* Scroll ===================================== */
::-webkit-scrollbar {
    width: 8px;
    height: 20px;
    background-color: #e8e8e8;
    transition-property: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease-in;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in;
}

::-webkit-scrollbar:hover {
    background-color: #d0d0d0;
}

::-webkit-scrollbar-track {
   border: solid 2px #e8e8e8;
   background-color: #e8e8e8;
}
  
::-webkit-scrollbar-thumb {
    border: solid 2px transparent;
    background-color: var(--palha-color);
    transition-property: background-color;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
}

::-webkit-scrollbar-thumb:hover{
    background-color: var(--palha-color);
}