@font-face {
    font-family: noto;
    font-weight: normal;
    src: url('../fonts/noto_serif.woff') format('woff'),
         url('../fonts/noto_serif.ttf') format('truetype'),
         url('../fonts/noto_serif.eot') format('eot');
}
@font-face {
    font-family: noto_bold;
    font-weight: normal;
    src: url('../fonts/noto_serif_bold.woff') format('woff'),
         url('../fonts/noto_serif_bold.ttf') format('truetype'),
         url('../fonts/noto_serif_bold.eot') format('eot');
}
@font-face {
    font-family: open_sans_condensed_light;
    font-weight: normal;
    src: url('../fonts/open_sans_condensed_light.woff') format('woff'),
         url('../fonts/open_sans_condensed_light.ttf') format('truetype'),
         url('../fonts/open_sans_condensed_light.eot') format('eot');
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0px 0 0 0;
    padding: 0;
    font-family: open_sans_condensed_light;
    font-size: 16px;
    background: #fff;
    color: #01443B;
}

a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: none;
    color: #667b39;
}   


.borda { 
    background-color: white;
    width: 94vw;
    height: 91vh;
    position: absolute;
    content: "";
    border: 1px solid #FFF;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.separador {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 1.3rem;
    margin-top: 60px;
    margin-bottom: 60px;
}
.separador::before, .separador::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #01443b82;
}
.separador::before {
    margin-right: 1.2em;
}
.separador::after {
    margin-left: 1.2em;
}

.cover-main-titulo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
    font-family: noto_bold;
    color: #FFF;
    text-align: center;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}



/* ************************************************************** */
/* WELCOME */
/* ************************************************************** */
    #welcome {
        background-image: url("../images/bg/bg_splash.jpg");
        background-size: cover;                     
        background-repeat: no-repeat;
        background-position: right; 
        width: 100vw;
        height: 100vh;
        position: relative;
        overflow: hidden;
    }
    #welcome .logo {
        width: 50vw;
        min-width: 320px;
        max-width: 550px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    #welcome .bt-entrar {
        position: absolute;
        bottom: 15%;
        left: 50%;
        transform: translateX(-50%);
        font-size: 2em;
        font-weight: 500;
        color: #FFF;
    }

    #welcome a {
        text-decoration: none;
        color: unset;
        padding: 5px 10px;
    }
    #welcome  a:hover {
        text-decoration: none;
        color: #667b39;
        transition: all .3s;
        border: #FFF solid 1px;
        background: #FFF;
    }    





/* ************************************************************** */
/* HEADER */
/* ************************************************************** */
#header-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    background: #FFF;
    width: 100vw;
}    
#header {
    padding-top: 60px;
    padding-bottom: 40px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 4;
    background: #FFF;    
}
#header a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #4dab93;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
}
#header  a:hover::before {
    visibility: visible;
    transform: scaleX(1);
}
#header .active::before {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #4dab93;
    visibility: visible;
    transform: scaleX(1);
    transition: all 0.3s ease-in-out 0s;
}
#header .altura {
    height: 59px;
}
#header .item {
    bottom: 0;
    line-height: 1em;
}
#header .logo-box {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#header .logo {
    width: auto;
    height: 70px;
}





/* ************************************************************** */
/* FOOTER */
/* ************************************************************** */
#footer-mobile {

}    
#footer {
    padding-top: 60px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    position: relative;
    width: 100vw;
    height: 200px;
    z-index: 4;
    background: #FFF;   
    color: #FFF;   
}
#footer .box {
    background: #01443B;   
    margin: 0; 
    padding-top: 30px;
    padding-bottom: 30px;
}
#footer .logo-box {
    display: contents;
}
#footer .logo-cmb {
    height: 40px;
    width: auto;
    margin: auto;
    transition: all ease 0.3s;
}
#footer .logo-acb {
    height: 45px;
    width: auto;
    margin: auto;
    transition: all ease 0.3s;
}
#footer .logo-visit {
    height: 45px;
    width: auto;
    margin: auto;
    transition: all ease 0.3s;
}
#footer .icons-box {
    margin-top: auto;
    margin-bottom: auto;
    text-align: right;
}
#footer .icons {
    height: auto;
    width: 35px;
    margin-right: 15px;
    transition: all ease 0.3s;
}
#footer .icons:hover, #footer .logo-acb:hover, #footer .logo-cmb:hover, #footer .logo-visit:hover {
    filter: invert(.5);
}





/* ************************************************************** */
/* HOME - TOPBANNERS*/
/* ************************************************************** */
#topbanners {
    position: relative;
    padding-bottom: 70px;
    margin-top: 160px;
    height: calc( 100vh - 160px);
}
#topbanners .cover-bg-box {
    height: 100%;
    overflow: hidden;
}

#topbanners .cover-bg {
    background-image: '';
    background-size: cover;                     
    background-repeat: no-repeat;
    background-position: right; 
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#topbanners .subcover {
    position: absolute;
    bottom: -55px;
    width: 100%;
}
#topbanners .subcover .texto {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#topbanners .arrow-down {
    border: solid #01443B;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
} 
#topbanners .subcover .texto:hover .arrow-down {
    padding: 9px;
}
#topbanners .box {
    overflow: hidden;
    background: #4aa991d9;
    width: 30%;
    height: auto;
    min-width: 300px;
    max-height: 85%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    color:#FFF;
    text-align: left;
} 
#topbanners .box-relativo {

} 
#topbanners .box .titulo {
    font-size: 1.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;    
} 
#topbanners .box .texto {
    font-size: 1.1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
} 
#topbanners .box .btn {
    color: #FFF;
    border: #ffffffb8 solid 1px;
    border-radius: 0;
} 
#topbanners .box .btn:hover {
    background: #FFF;
    border-radius: 0;
    color: #4aa991d9
} 



#topbanners .image-slider-wrapper{
    overflow: hidden;
}
#image_slider {
    position: relative;
    height: 100%;
    padding:0;
    /* transition: all ease 1s; */
}
#topbanners #image_slider li{
    max-width: 100%;
    width: 100%;
    float:left;
    list-style: none;
    /* transition: all ease 0.3s; */
}
#topbanners .cover-bg-box .dots-box{
    position: absolute;
    right: 30px;
    top: 7px;
}
#topbanners .cover-bg-box .dots-box .dot {
    height: 10px;
    width: 10px;
    background-color: #FFF;
    border-radius: 50%;
    border: #02453b solid 1px;
    display: inline-block;
    margin-right: 5px;
}
#topbanners .cover-bg-box .dots-box .dot.active {
    background-color: #429580;
  }


/* ************************************************************** */
/* MENU INTERNO & HAMBURGUER */
/* ************************************************************** */
#menu-navigaton {
   position: absolute;
   z-index: 1;
   top: 0;
}
#menuToggle {
   display: block;
   position: relative;
   top: 25px;
   left: 5px;
   z-index: 1;
   -webkit-user-select: none;
   user-select: none;
} 
#menuToggle input {
   display: block;
   width: 40px;
   height: 32px;
   position: absolute;
   top: -7px;
   left: -5px;
   cursor: pointer;
   opacity: 0; /* hide this */
   z-index: 2; /* and place it over the hamburger */
   -webkit-touch-callout: none;
}
#menuToggle span {
   display: block;
   width: 33px;
   height: 3px;
   margin-bottom: 5px;
   position: relative;
   background: #44a18a;
   border-radius: 3px;
   z-index: 1;
   transform-origin: 4px 0px;
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               opacity 0.55s ease;
}
#menuToggle span:first-child {
   transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
   transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span {
   opacity: 1;
   transform: rotate(45deg) translate(-2px, -1px);
   background: #FFF;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
   opacity: 0;
   transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
   transform: rotate(-45deg) translate(0, -1px);
}
#menu {
   position: absolute;
   width: 110vw;
   height: 150vh;;
   top: 0;
   left: 0;
   margin: -100px 0 0 -50px;
   padding: 50px;
   padding-top: 151px;
   background: #8dc9bb;
   list-style-type: none;
   -webkit-font-smoothing: antialiased;
   transform-origin: 0% 0%;
   transform: translate(-100%, 0);
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu li {
   padding: 10px 15px;
   font-size: 1.5em;
}
#menuToggle input:checked ~ ul {
   transform: none;
}








/* ************************************************************** */
/* HOME - TOPBANNERS*/
/* ************************************************************** */
#mostra-digital {
    margin-top:0; 
    padding-bottom: 0;
    margin-top: 30px;
}
#mostra-digital .main-container {
    max-width: unset; 
    padding: 0; 
}
#mostra-digital .main-col {
    display: contents;
}
#mostra-digital .internal-container {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 180px;
}
#mostra-digital .internal-col {
    margin-bottom: 10rem;
}
#mostra-digital .cover-bg-box {
    overflow: hidden;
}
#mostra-digital .box {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    background: #4aa991d9;
    width: 200px;
    height: 200px;
    /* max-height: 330px; */
    max-height: 100%;
    position: absolute;
    color: #FFF;
    text-align: left;
    cursor: pointer;
    border: solid 5px transparent;
}
#mostra-digital .box:after {
    content: '';
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid 1px #02453b73;
    margin: 3px;
    z-index: -1;
    transition: transform 0.6s linear;
    transform: scale(0.97, 0.93);
}
#mostra-digital .box:hover { 
    background: #4aa991; 
    cursor: pointer;
}
#mostra-digital .box:hover::after { 
    transform: scale(1,1);
    cursor: pointer;
}
#mostra-digital .box .titulo {
    font-size: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 5px;
    padding-right: 5px;
}
#mostra-digital .box .logo {
    width: 100%; 
    height: 100%;
    text-align: text-center;
    display: flex;
}
#mostra-digital .box .logo-image {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    max-width:100%;
    max-height:100%;
    margin: auto;
    display: block;
    transition: all ease 0.3s;
}
#mostra-digital .box:hover .logo-image { 
    -webkit-filter: unset;
    filter: unset;
}






/* ************************************************************** */
/* PRODUTOR */
/* ************************************************************** */
#produtor {
    margin-top: 160px;
}
#produtor .cover { 
    padding-bottom: 30px;
    height: calc( 100vh - 160px);    
    margin-bottom: 30px!important;    
}
#produtor .box-sub_cover { 
    width: 100%;
    height: 100%;
}
#produtor .box-sub_cover .sub_cover { 
    max-width: 100%;
    max-height: 100%;  
}
#produtor .box-logo { 
    width: 200px;
    height: auto;
    margin: auto;
    margin-bottom: 20px;
}
#produtor .box-logo .logo { 
    max-width: 100%;
    max-height: 100%;  
}
#produtor .box-content { 
    font-size: 1.1rem;
    text-align: justify;
    margin-bottom: 35px;
}
#produtor .produtos { 

}
#produtor .produtos .produto { 
    margin-bottom: 100px;
}
#produtor .produtos .produto .image { 
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 340px;
    border: #3d9781 solid 1px;
    transition: all ease .5s;
}
#produtor .produtos .produto a:hover > .image { 
    border: #3d9781 solid 2px;
}
#produtor .produtos .produto .nome { 
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 900;
}
#produtor .produtos .produto .texto { 
    text-align: justify;
}






/* ************************************************************** */
/* PRODUTO */
/* ************************************************************** */
#produto {
    /*  */
}
#produto .container {
    max-width: 100%;
    padding: 50px 30px;
    height: max-content;
}
#produto .lado-esq {
    border-right: #47756f99 solid 1px;
    padding-right: 35px;
}
#produto .lado-dir {
    padding-left: 35px;
}
#produto .image { 
    width: 100%;
    height: auto;
    /* border: #3d9781 solid 1px; */
}
#produto .nome { 
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: bolder;
}
#produto .texto { 
    text-align: justify;
}
#produto .icon-box { 
    /*  */
}
#produto .icon { 
    width: 40px;
    height: auto;
}
#produto .lado-dir .titulo { 
    font-weight: bolder;
    font-size: 1.1rem;
}
#produto .lado-dir .content { 
    text-align: justify;
}
    






/* ************************************************************** */
/* PAGINAS */
/* ************************************************************** */
#paginas {
    margin-top: 160px;
}
#paginas .cover { 
    margin-bottom: 80px!important;    
}
#paginas .cover-img { 
    height: 450px; 
    background-size:cover!important;  
    background-repeat:no-repeat!important;  
    background-position:center center!important;  
}
#paginas .titulo { 
    font-size: 1.3rem;
    font-weight: 900;
    margin-bottom:15px;
}
#paginas .conteudo { 
    margin-bottom: 30px!important; 
    text-align:justify;    
}




#paginas .concurso .vencedores-wrap {
    background-color: #678F89;
    margin-bottom: 75px!important;
    padding-bottom: 50px!important;
    color:#FFF;
}
#paginas .concurso .vencedores-wrap .separador {
    margin: 20px 15px 20px 15px;
    color: #FFF;
}
#paginas .concurso .vencedores-wrap .separador::before, #paginas .concurso .vencedores-wrap .separador::after {
    border-bottom: 1px solid #FFF;
}
#paginas .concurso .vencedores-wrap .produto a:hover {
    color: #e1e3e4;
}
#paginas .concurso  .produto {
    margin-bottom: 40px!important;
}

#paginas .concurso .produto a:hover > .image {
    border: #3d9781 solid 2px;
}
#paginas .concurso .produto .image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 340px;
    border: #3d9781 solid 1px;
    transition: all ease .5s;
    background: #FFF;
}
#paginas .concurso .produto .image-selo-premio {
    position: absolute;
    top: -15px;
    width: 100px;
    height: auto;
    border: none;
    right: -8px;
}

#paginas .concurso .produto .nome {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 900;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;       
}
#paginas .concurso .produto .categoria {
    color:#FFF;
    margin-top: 10px;
    margin-bottom: 10px;
}
#paginas .concurso .produto .categoria .titulo {
    background-color:#FFF;
    color: #678F89;
    margin-right: 10px;
    padding: 1px 3px;    
}
#paginas .concurso .produto .categoria .cat-texto {
    color: #FFF;
    font-weight: 900;
    font-size: 1.1rem;
}
#paginas .concurso .produto .texto {
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;    
}









/* ************************************************************** */
/* PAGINAS - SOBRE */
/* ************************************************************** */
#paginas.sobre #video { 
    margin-bottom: 100px!important;
}
#paginas.sobre .galeria .galeria-item { 
    margin-bottom: 100px;
}
#paginas.sobre .galeria .galeria-item .image { 
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all ease .5s;
}       
#paginas.sobre .galeria .galeria-item-video { 
    width: 100%;
    height: 100%;
    position: relative;
}       
#paginas.sobre .galeria .video-background {
    background: #000;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0; right: 0; bottom: 0; left: 0;
    /* z-index: -99; */
}
#paginas.sobre .galeria .video-foreground,
#paginas.sobre .galeria .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* pointer-events: none; */
}     
@media (min-width: 300px) {
    #paginas.sobre #video { height: 256px;}
}  
@media (min-width: 576px) {
    #paginas.sobre #video { height: 278px;}
}  
@media (min-width: 768px) {
    #paginas.sobre #video { height: 378px;}
}
@media (min-width: 992px) {
    #paginas.sobre #video { height: 428px;}
}
@media (min-width: 1200px) {
    #paginas.sobre #video { height: 512px;}
}


 







/* ************************************************************** */
/* PAGINAS - NOTICIAS */
/* ************************************************************** */
#paginas.noticias { 
    margin-bottom: 100px!important;
}
#paginas.noticias .noticias .noticia { 
    margin-bottom: 100px;
    width: 100%;
}
#paginas.noticias .noticias .noticia a { 
    overflow:hidden;
    position: relative;
    height: 100%;
    width:100%;
    display: grid;
    text-align: center;
}
#paginas.noticias .noticias .noticia .image-box { 
    width: 100%;
    height: 200px;
    position: relative;
    background-color: #dce0b0;
}
#paginas.noticias .noticias .noticia .image { 
    position: absolute; 
    z-index: 0; 
    opacity: 0.7; 
    background-size:cover!important; 
    background-repeat:no-repeat!important; 
    background-position:center center!important;
    height: 100%;
    width: 100%;
    transition: all ease 0.3s;
}
#paginas.noticias .noticias .noticia a:hover .image { 
    opacity: 0.9; 
}
#paginas.noticias .noticias .noticia .dia { 
    font-size: 3em; 
    line-height: 1.2; 
    font-weight: 900;
}
#paginas.noticias .noticias .noticia .mes { 
    font-size: 1.5em; 
    line-height: 1.2; 
    font-weight: 700;
}
#paginas.noticias .noticias .noticia .ano { 
    font-size: 1.3em; 
    line-height: 1.2; 
    font-weight: 700;
}
#paginas.noticias .noticias .noticia .nome {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#paginas.noticias .noticias .noticia .texto { 
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}









/* ************************************************************** */
/* PAGINAS - JANTARES */
/* ************************************************************** */
#paginas.jantares { 
    margin-bottom: 100px!important;
}
#paginas.jantares .jantares .jantar { 
    margin-bottom: 100px;
    width: 100%;
}
#paginas.jantares .jantares .jantar a { 
    overflow:hidden;
    position: relative;
    height: 100%;
    width:100%;
    display: grid;
    text-align: center;
}
#paginas.jantares .jantares .jantar .image-box { 
    width: 100%;
    height: 200px;
    position: relative;
    background-color: #dce0b0;
}
#paginas.jantares .jantares .jantar .image { 
    position: absolute; 
    z-index: 0; 
    opacity: 0.3; 
    background-size:cover!important; 
    background-repeat:no-repeat!important; 
    background-position:center center!important;
    height: 100%;
    width: 100%;
    transition: all ease 0.3s;
}
#paginas.jantares .jantares .jantar .image:hover { 
    opacity: 0.9; 
}
#paginas.jantares .jantares .jantar .dia { 
    font-size: 3em; 
    line-height: 1.2; 
    font-weight: 900;
}
#paginas.jantares .jantares .jantar .mes { 
    font-size: 1.5em; 
    line-height: 1.2; 
    font-weight: 700;
}
#paginas.jantares .jantares .jantar .ano { 
    font-size: 1.3em; 
    line-height: 1.2; 
    font-weight: 700;
}
#paginas.jantares .jantares .jantar .nome {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#paginas.jantares .jantares .jantar .produtor {
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 0.9rem;
    font-weight: 900;
    text-transform: uppercase;
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#paginas.jantares .jantares .jantar .texto { 
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}








/* ************************************************************** */
/* JANTAR */
/* ************************************************************** */
#jantar .btn-reservar { 
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    margin-top: 40px;
}
#jantar a { 
    padding: 5px 10px; background-color: #2a4844;
}
#jantar .container {
    max-width: 100%;
    padding: 50px 30px;
    height: max-content;
}
#jantar .lado-esq {
    border-right: #47756f99 solid 1px;
    padding-right: 35px;
}
#jantar .lado-dir {
    padding-left: 35px;
}
#jantar .image { 
    width: 100%;
    height: auto;
}
#jantar .nome { 
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: bolder;
}
#jantar .produtor { 
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bolder;
}
#jantar .texto { 
    text-align: justify;
}
#jantar .icon-box { 
    /*  */
}
#jantar .icon { 
    width: 40px;
    height: auto;
}
#jantar .lado-dir .titulo { 
    font-weight: bolder;
    font-size: 1.1rem;
}
#jantar .lado-dir .content { 
    text-align: justify;
}
    







/* ************************************************************** */
/* PAGINAS - PROVAS */
/* ************************************************************** */
#paginas.provas { 
    margin-bottom: 100px!important;
}
#paginas.provas .provas .prova { 
    margin-bottom: 100px;
    width: 100%;
}
#paginas.provas .provas .prova a { 
    overflow:hidden;
    position: relative;
    height: 100%;
    width:100%;
    display: grid;
    text-align: center;
}
#paginas.provas .provas .prova .image-box { 
    width: 100%;
    height: 200px;
    position: relative;
    background-color: #dce0b0;
}
#paginas.provas .provas .prova .image { 
    position: absolute; 
    z-index: 0; 
    opacity: 0.3; 
    background-size:cover!important; 
    background-repeat:no-repeat!important; 
    background-position:center center!important;
    height: 100%;
    width: 100%;
    transition: all ease 0.3s;
}
#paginas.provas .provas .prova a:hover .image { 
    opacity: 0.9; 
}
#paginas.provas .provas .prova .dia { 
    font-size: 3em; 
    line-height: 1.2; 
    font-weight: 900;
}
#paginas.provas .provas .prova .mes { 
    font-size: 1.5em; 
    line-height: 1.2; 
    font-weight: 700;
}
#paginas.provas .provas .prova .ano { 
    font-size: 1.3em; 
    line-height: 1.2; 
    font-weight: 700;
}
#paginas.provas .provas .prova .nome {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#paginas.provas .provas .prova .data-hora {
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 0.9rem;
    font-weight: 900;
    text-transform: uppercase;
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#paginas.provas .provas .prova .texto { 
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}





/* ************************************************************** */
/* PROVA */
/* ************************************************************** */
#prova .btn-reservar { 
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    margin-top: 40px;
}
#prova a { 
    padding: 5px 10px; background-color: #2a4844;
}
#prova .container {
    max-width: 100%;
    padding: 50px 30px;
    height: max-content;
}
#prova .lado-esq {
    border-right: #47756f99 solid 1px;
    padding-right: 35px;
}
#prova .lado-dir {
    padding-left: 35px;
}
#prova .image { 
    width: 100%;
    max-width: 355px;
    height: auto;
}
#prova .nome { 
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 1.4rem;
    font-weight: bolder;
}
#prova .categoria { 
    margin-top: -5px;
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-weight: bolder;
}
#prova .texto { 
    text-align: center;
}
#prova .icon-box { 
    /*  */
}
#prova .icon { 
    width: 40px;
    height: auto;
}
#prova .lado-dir .titulo { 
    font-weight: bolder;
    font-size: 1.1rem;
}
#prova .lado-dir .content { 
    text-align: justify;
}