/*
    Author: Anansi UX
*/




/*============================================================================*/
/*------------------------------- paginas padrao -----------------------------*/
.cms-header-carrossel {}

.cms-header-carrossel .slide {}

.cms-header-carrossel .carousels {}

.cms-header-carrossel .carousels .carousel {}

.cms-header-carrossel .carousels .carousel.active {}

.cms-header-carrossel .carousels .carousel {}

.cms-header-carrossel .carousels .carousel img {}

.cms-header-carrossel.ultra-wide {}

.cms-header-carrossel.ultra-wide .slide {}

.cms-header-carrossel.ultra-wide .carousels {}

.cms-header-carrossel.ultra-wide .carousels .carousel {}

.cms-header-carrossel.ultra-wide.ultra-wide .carousels .carousel.active {}

.cms-header-carrossel.ultra-wide .carousels .carousel {}

.cms-header-carrossel.ultra-wide .carousels .carousel img {}

.text-header {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0 !important;
    z-index: 10;
    right: auto !important;
    bottom: auto !important;
    padding: 5% 30% 0 5% !important;
    background: linear-gradient(to right, hsl(0deg 0% 0% / 90%) 0%, rgba(125, 185, 232, 0) 100%);
    text-align: left!important;
}

.text-header .nome,
.text-header .titulo-seo {
    color: #fff;
    font-size: 5vmin;
    font-weight: 500 !important;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 200;
}

.text-header .meta-description {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    position: relative;
    width: 80%;
}

.text-header .btn-link {
    font-size: 14px;
    letter-spacing: 2px;
    margin: 15px auto;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 50px;
    background: var(--thm-primary);
}

.text-header .link-absolute {}

.text-header .btn-scroll {}



.text-header-center .text-header {}

.text-header-center .carousel-item .nome,
.text-header .titulo-seo {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    position: relative;
    margin-bottom: 0;
}

.text-header-center .carousel-item .meta-description {}

.text-header-center .carousel-item .btn-link {}

.text-header-center .carousel-item .link-absolute {}

.btn-header-link {
    font-weight: 900;
}


.carousel-control-next,
.carousel-control-prev {
    z-index: 10 !important;
}

.cms-header-carrossel .carousel-control-next-icon,
.cms-header-carrossel .carousel-control-prev-icon {}

.site-cms-header.title {
    color: #fff;
    padding: 45px 16px;
    background-color: var(--thm-base);
}

.site-cms-header.title .title-header {}

.site-cms-header.title .title-header .nome {
    color: #fff;
    font-size: 2em;
}

.site-cms-header.title .title-header .meta-description {}


.site-cms-header.breadcrumb-main {}

.site-cms-header.breadcrumb-main .breadcrumb-outer {
    padding: 15vmin 30px;
}

.site-cms-header.breadcrumb-main .breadcrumb-content {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav ul {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav ul li {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav ul li a {}

.site-cms-header.breadcrumb-main .breadcrumb-content h1 {}

.header-checkin.site-cms-header .site-cms-h1 {
    position: absolute;
    left: 50%;
    margin-left: -35%;
    top: 30%;
    width: 70%;
    z-index: 10;
}


.site-cms-header.galeria {}



.site-cms-h1-top {
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-cms-h1-top .nome {
    margin: 0 0 5px 0;
}

.site-cms-h1-top .meta-description {}

.site-cms-galeria-content {
    position: relative;
    margin-bottom: 30px;
}

.site-cms-galeria-content .galeria {}

.site-cms-galeria-content .galeria .carousel-inner {
    border-radius: 8px;
}

.site-cms-galeria-content .box-valores {}

.site-cms-galeria-content .box-valores .content {
    padding: 30px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: relative;
}

.site-cms-galeria-content .box-valores .box {
    border: solid 1px #ddd;
    border-radius: 8px;
    padding: 20px;
}

.site-cms-galeria-content .box-valores .observacao {
    position: relative;
    top: 12.5px;
    left: 5px;
}

.site-cms-galeria-content .box-valores .valor {
    font-size: 42px;
    font-weight: 900;
}

.site-cms-galeria-content .box-valores .pensao {
    position: relative;
    top: -22.5px;
    left: 10px;
}

.site-cms-galeria-content .box-valores .checkin {}

.site-cms-galeria-content .box-valores .countday {}

.site-cms-galeria-content .box-valores .pes_count {}

.site-cms-galeria-content .box-valores .btn-header {
    font-size: 14px;
    letter-spacing: 2px;
    margin: 15px auto;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 15px;
    background: var(--thm-base);
}

.site-cms-galeria-content.demo-gallery>ul>li a>img {
    border-radius: 8px;
}

.demo-gallery>ul>li a>img {
    border-radius: 8px;
}



.header-checkin {
    text-align: center;
    position: relative;
}

.header-checkin .site-cms-h1 {}

.header-checkin .site-cms-h1 .tag {
    font-family: var(--title-font);
    color: #fff;
    font-size: 22px;
    margin: 0;
}

.header-checkin .site-cms-h1 .titulo-seo {
    font-size: 8vmin;
    color: #fff;
}

.header-checkin .form-default {
    margin-top: 30px;
}

.header-checkin .form-default fieldset {
    background-color: rgb(227 221 221 / 65%);
    padding: 25px 60px;
    width: 95%;
    margin: auto;
}

.header-checkin .form-default fieldset .col {}

.header-checkin .form-default fieldset .col .datas {}

.header-checkin .form-default fieldset .col label {
    color: #000;
    font-size: 12px;
    padding-left: 15px;
}

.header-checkin .form-default fieldset .col .button {}

.header-checkin .form-default fieldset .col .button button {}

.header-checkin .form-default fieldset .has-feedback .form-control,
.header-checkin .checkin-url .input-group-addon {
    border: none;
}

.header-checkin .checkin-url .input-group-addon i {
    color: var(--thm-primary) !important;
}

.checkin-url button {
    padding: 12.5px 10px !important;
    background-color: var(--thm-primary) !important;
    border-color: var(--thm-primary) !important;
    color: #fff !important;
}

.header-checkin .background-color {
    background-color: rgb(0 0 0 / 45%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.hospede-buttons .form-group .input-group .btn-pes {
    background-color: var(--thm-primary) !important;
    border-color: var(--thm-primary) !important;
    color: #fff !important;
}


.site-index .main_header_area {
    position: fixed;
    width: 100%;
    background: linear-gradient(to bottom, hsl(0deg 0% 0%) 0, rgb(255 255 255 / 0%) 100%);
    height: 250px;
    z-index: 1030;
}

.site-index .header_menu .navbar.navbar-default {
    background: transparent;
    border: none;
}

.main_header_area .header_menu.fixed-top .navbar.navbar-default {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.site-index .header_menu .navbar.navbar-default .navbar-header .navbar-brand img {
    filter: brightness(1000%) saturate(0%);
}

.site-index .header_menu.fixed-top .navbar.navbar-default .navbar-header .navbar-brand img {
    filter: none;
}

.site-index .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li a {
    color: var(--thm-black);
}

.site-index .header_menu .navbar.navbar-default .nav.navbar-nav li a {
    color: #fff;
}

.site-index .main_header_area .header-content {
    background-color: transparent !important;
    border: none;
}

.site-index .header_menu.fixed-top {}


.header-checkin .carousel-control-next,
.header-checkin .carousel-control-prev {
    display: none;
}

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

    .site-cms-galeria-content .galeria{margin-top: 15px;}

    .text-header {
        padding: 85px 10% 0 10% !important;
    }

    .header-checkin .form-default {
        margin: 15px 0 0 -15px;
    }

    .header-checkin.site-cms-header .site-cms-h1 {
        left: 0;
        margin-left: 0;
        top: 20%;
        width: 100%;
        text-align: center;
    }

    .header-checkin .site-cms-h1 .tag {
        font-size: 14px;
    }

    .header-checkin .site-cms-h1 .titulo-seo {
        color: #fff;
    }

    .meta-palavras {
        font-size: 14px !important;
    }

    .header-checkin .form-default fieldset {
        width: 100%;
        padding: 30px 15px 20px 15px;
        border-radius: 8px;
        display: block;
    }

    .header-checkin .form-default fieldset .col.datas,
    .header-checkin .form-default fieldset .col.hospedes {
        width: 50%;
        float: left;
    }

    .site-index .main_header_area {
        height: 80px;
    }

    .site-index .header_menu .navbar.navbar-default {}

    .site-index .main_header_area .header-content {}

    .site-index .header_menu.fixed-top {}

    .site-cms-h1-top {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .site-cms-galeria-content .box-valores .content {}



    .text-header .nome,
    .text-header .titulo-seo {}

    .text-header .meta-description {
        display: none;
    }

    .text-header .btn-link {
        padding: 10px 30px;
        font-size: 12px;
    }

    .site-cms-header.title {
        padding: 60px 30px;
    }

    .site-cms-header.title .title-header {}

    .site-cms-header.title .title-header .nome {
        font-size: 8vmin;
    }

    .site-cms-header.title .title-header .meta-description {
        font-size: 14px;
    }


    .site-cms-header.breadcrumb-main {}

    .site-cms-header.breadcrumb-main .breadcrumb-outer {
        padding: 10vmin 30px;
    }

    .site-cms-header.breadcrumb-main .breadcrumb-content {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li a {}

    .site-cms-header.breadcrumb-main .breadcrumb-content h1 {}
}

@media screen and (min-width: 1451px) and (max-width: 1600px) {}

@media screen and (min-width: 1025px) and (max-width: 1450px) {}

@media screen and (min-width: 1025px) {

    .site-cms-header.galeria .demo-gallery ul li {
        margin: 0;
        float: left;
    }

    .site-cms-header.galeria .list-unstyled {
        display: flow-root;
        font-size: 12px;
    }

    .site-cms-header.galeria .demo-gallery {
        padding-top: 0;
    }

    .cms-header-carrossel .carousel-control-next-icon,
    .cms-header-carrossel .carousel-control-prev-icon {
        width: 75px !important;
        height: 75px !important;
    }
}

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

    .text-header .nome,
    .text-header .titulo-seo {
        font-size: 5vmin;
    }

    .text-header .meta-description {
        display: none;
    }

    .text-header .btn-link {
        padding: 10px 30px;
        font-size: 8px;
    }

    .site-cms-header.title {
        padding: 45px 15px;
    }

    .site-cms-header.title .title-header {}

    .site-cms-header.title .title-header .nome {
    font-size: 1.25em;
    }

    .site-cms-header.title .title-header .meta-description {
        font-size: 12px;
    }


    .site-cms-header.breadcrumb-main {}

    .site-cms-header.breadcrumb-main .breadcrumb-outer {
        padding: 10vmin 30px;
    }

    .site-cms-header.breadcrumb-main .breadcrumb-content {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li a {}

    .site-cms-header.breadcrumb-main .breadcrumb-content h1 {}
}

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

/*------------------------------- paginas padrao -----------------------------*/
/*============================================================================*/




 /*============================================================================*/
 /*-------------------------------- header box --------------------------------*/
 
    /* Container e Estrutura Geral */
    .cms-header-boxs {
        padding: 15px 0;
        background-color: #f8f9fa;
    }

    .cms-header-container {
        max-width: 95%;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* O Card Individual */
    .cms-header-card {
        position: relative;
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        background-color: #000;
        display: flex;
    }

    /* Imagens e Efeitos */
    .cms-header-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease, opacity 0.5s ease;
        opacity: 0.85;
    }

    .cms-header-card:hover .cms-header-img {
        transform: scale(1.08);
        opacity: 0.65;
    }

    /* Overlay de Legendas */
    .cms-header-caption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 30px 25% 50px 50px;
        pointer-events: none;
        z-index: 2;
    }

    .cms-header-link-absolute {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    /* Tipografia Principal */
    .cms-header-title {
        color: #ffffff !important;
        font-size: 1.8rem;
        font-weight: 800;
        line-height: 1.1;
        margin-bottom: 12px;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }

    .cms-header-description {
        color: rgba(255, 255, 255, 0.9);
        font-size: 1.05rem;
        line-height: 1.4;
        margin-bottom: 15px;
        max-width: 90%;
    }

    .cms-header-tag {
        background-color: #004aad;
        color: white;
        padding: 5px 15px;
        border-radius: 4px;
        font-size: 0.75rem;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
        width: 150px;
    }

    .cms-header-meta, .cms-header-meta-sm {
        color: rgba(255, 255, 255, 0.7);
        font-size: 0.85rem;
        display: block;
    }

    /* Tipografia Sidebar */
    .cms-header-caption-sm {
        padding: 30px 150px 30px 30px;
    }

    .cms-header-title-sm {
        color: #ffffff !important;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 5px;
        text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    }
    
    .cms-header-boxs .col-destaque{}

    .cms-header-boxs  .col-sidebar{}


    /* Alturas e Responsividade */
    @media (min-width: 1081px) {
        
        .cms-header-main {height: 700px;}
        .cms-header-sidebar-lists { height: 550px; }
        .cms-header-side {height: calc((670px / 3) - 6px);margin-bottom: 15px;}
        .col-destaque{            padding-right: 0!important;        }
        .col-sidebar{}
    }

    @media (max-width: 1080px) {
        .cms-header-title-sm {
        
        font-size: 1.0rem;
        
    }
        .cms-header-container {            max-width: 100%;          }
        .cms-header-title{}
        .cms-header-description{}
        
        .cms-header-boxs .col-destaque{            padding: 0!important;        }
        .cms-header-boxs .col-sidebar {padding: 0 5px!important;}
        .cms-header-boxs .col-12 {            padding: 0!important;        }
        
        .cms-header-main {}
        .cms-header-side { height: 200px; }
        .cms-header-title {font-size: 0.95rem;}
         .cms-header-caption {
    padding: 15px 15% 30px 30px;
}
    }

 /*-------------------------------- header box --------------------------------*/
 /*============================================================================*/