html {
    scroll-behavior: smooth;
}

body{
    /* background-color: rgb(248, 248, 240); */
    background-color: rgb(242 240 229);
    font-family: 'blacker_pro_textbook';
}

body{ overflow-x: hidden; }

p{margin-top: 2px;}
p svg{
    vertical-align: baseline;
    margin-right: 5px;
    float: left;
    display: block;
    height: 50px;
    width: 50px;
    line-height: 60px;
    text-align: center;
}

.entrada{
    /* background-color: rgb(190, 190, 235); */
    text-align: center;
    padding:80px 40px 140px 40px;
    font: 400 2vh 'blacker_pro_displayregular', serif;
    color: #333;
    /* margin-bottom: 32px!important; */
    font-weight: 300;
    font-style: normal;
    Line-height: 28px;
    text-align: center;
    /* margin: 1px 5px 1px 5px; */
    /* width: 694px;*/
}

.assinatura {
    font: 900 16px/1.35em 'blacker_pro_displayheavy', serif;
    color: #333;
    margin-bottom: 32px!important;
    margin-top: 40px;
    font-weight: 300;
    font-style: normal;
    Line-height: 28px;
    text-align: center;
    /* margin: 1px 5px 1px 5px; */
    /* width: 694px;*/
}

@media screen and (max-width: 1300px) {.entrada{font-size:1.6vh;}#logo{padding: 150px 30px 50px 30px!important;}}
@media screen and (max-width: 1120px) {.entrada{font-size:1.5vh;}.assinatura{font-size: 12px;}}

.navbar{
    /* height:6vh; */
    /* width:100%; */
    background-color:black ;
}

.bigpicture{
    /* height:500px; */
    width:100%;
    background-color:yellow;
    margin: auto;
    display: block;
}

.bigpicture img{
    width:100%;
    /* height:100%; */
    object-fit: contain;
}

@media screen and (max-width: 960px) {
    .bigpicture{display: none;}
}

.smallpicture{
    /* height:500px; */
    width:100%;
    margin: auto;
    display: none;
    position: relative;
    top: 0;
    left: 0;
}

.smallimage1 {
    position: relative;
    top: 0;
    left: 0;
}

.smallimage2 {
    position: absolute;
    top: 33%;
    left: 19%;
    object-fit: contain;
    width: 57%!important;
}

@media screen and (max-width: 960px) {
    .smallpicture{display: block;}
}

.smallpicture img{
    width:100%;
    height:100%;
    
}

.divided{float:left}
#divided1{height:90vh;width:45%;background-color:rgb(242 240 229);}
#divided2{width:55%;background-color: rgb(242 240 229);}

.content{    
    height:92vh;
    width:100%;
    /* background-color:darkgreen ; */
    position: relative;
}

h3{
    font-family:'blacker_pro_displayregular';padding-top: 10px;
    background: linear-gradient(90deg, rgba(33,37,41,1) 0%, rgba(255,255,255,0) 90%);
    color: white;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
}

@media screen and (max-width: 1000px) {h3 {background: linear-gradient(90deg, rgba(33,37,41,1) 0%, rgba(33,37,41,1, 0.700) 100%);}}


.coluna{
    max-height:100%;
    width:100vw;
    /* background-color: darkkhaki; */
    margin: auto;
    overflow: auto;    
}

.coluna0{
    width:95vw;
    margin: auto;
    overflow: auto;    
    display: none;
    margin-top: 5vh;
}

@media (max-width: 992px) {.coluna0 {display:block;}}

.coluna2, .coluna4{
    /* max-height:100%; */
    height:20vh;
    width:85vw;
    /* background-color: darkkhaki; */
    margin: auto;
    overflow: auto;    
}
.coluna2{height:30vh}

.coluna3{
    /* max-height:100%; */
    height:200px;
    width:85vw;
    /* background-color: darkkhaki; */
    margin: auto;
    overflow: auto;    
}

.coluna4{height: 100px;}

.coluna::-webkit-scrollbar {
    display: none;
}    

.quadrado{
    width:99%;
    background-color: red;
    border:3px solid black;
    margin: auto;
}

.card {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: .25rem;
}

.card-header{
    /* margin:auto; */
    padding:0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0; 
}

.imagetext{
    font-family: 'blacker_pro_displayregular';
    /* padding-top: 10px; */
    font-size: 23px;
    background: linear-gradient(90deg, rgba(33,37,41,1) 0%, rgba(255,255,255,0) 50%);
    color: white;
    /* padding-left: 10px; */
    /* padding-bottom: 5px; */
    position: relative;
    /* top: 40px; */
    /* bottom: 80px; */
    /* height: 100%; */
    /* right: 40px; */
    justify-content: left;
    text-align: left;
}

.btn, .btn-link{
    /* width:100%; */
}

#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11{
    width:100%;
}

.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(0 0 0 / 0%);
}

.btn-primary, #navlinktitulo {
    /* color: #b92535; */
    color: rgb(245 238 222);
    border-left: 1px solid #b92535;
}

.navbar-dark .navbar-nav .nav-link {
    /* color: #b92535; */
    color: rgb(245 238 222);
}

.card-body{
    font: 300 18px/1.4em 'blacker_pro_textbook', serif;
    color: #333;
    /* margin-bottom: 32px!important; */
    font-weight: 300;
    font-style: normal;
    Line-height: 28px;
    flex: none;
    order: 0;
    flex-grow: 0;
    /* margin: 0px 26px; */
}

hr {margin-top: 50px;}


/* ------------------------------- */
.imgclasstosize{
    width: 100%;
    object-fit: cover;
    position: relative;
    height: 6vh;
}

img.imgclasstosize {
    /* height: 80px; */
    border: 1px solid;
    border-image: linear-gradient( to top, rgb(80 80 80 / 30%), rgba(0, 0, 0, 0) ) 1 10%;
    transition : 1.5s all ease;
}

img.imgclasstosize.big {
    height: 7.5vh;
    transition: 1.5s all ease;
    width: 100%;
    /* margin: auto; */
}

.containertira {
    position: relative;
    text-align: center;
    color: white;
    display: flex;
    justify-content: space-between;
  }
  
  .imgclasstosize {
    transition: all ease 0.5s;
  }
   
  .centered {
    opacity: 1;
    transition: all ease 0.5s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'blacker_pro_displayregular';
    padding-top: 10px;
    /* background: linear-gradient(90deg, rgba(33,37,41,1) 0%, rgba(255,255,255,0) 50%); */
    color: white;
    padding-left: 10px;
    padding-bottom: 6.5px;
    font-size: 5vh;
    display:block;
    pointer-events: none;
}

@media screen and (max-width: 960px) {.centered {font-size: 4.6vh;}}
@media screen and (max-width: 500px) {.centered {font-size: 3.5vh;}}
@media screen and (max-width: 375px) {.centered {font-size: 3vh;}}
@media screen and (max-width: 358px) {.centered {font-size: 2.6vh;}}

@media screen and (max-width: 358px) {#centered_guimarares {font-size: 2.4vh;}}


  .centered.left{
    top: 2%;
    left: 40%;
    transform: translate(0%, 0%);
    color: black;
    padding-left: 10px;
    padding-bottom: 6.5px;
    transition: all ease 0.5s;
    font-size: 7vh;
   }
    
  .imgclasstosize.big+.centered.hide {
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    /* color: black; */
    padding-left: 10px;
    padding-bottom: 6.5px;
    transition: all ease 0.5s;
    font-size: 4.6vh;
    margin-left:auto;
  }

#logo{
    padding: 200px 100px 50px 100px;
}

.dropdown .btn{color:rgb(245 238 222)}

@media (min-width: 1400px){
#containercard1, #containercard2, #containercard3, #containercard4,
#containercard5, #containercard6, #containercard7, #containercard8,
#containercard9, #containercard10, #containercard11 {
    max-width: 3320px;}
}

.img-fluid {
    max-width: 100%;
    height: auto;
    padding: 10px 0;    
}

img{
    opacity: 0;
    transition: opacity 1000ms ease-in-out;
}

img.loaded{
    opacity: 1;
}

.container img.loaded{
    opacity: 1;
}

.figure img.loaded{
    opacity: 0.6;
}

@media (max-width: 1000px){
    .container img.loaded{
        opacity: 1;
    }
}

.container img.loaded:hover{
    opacity: 1;
    transition: opacity 50ms ease-in-out;

}

footer img{
    transition: opacity 300ms ease-in-out;
}

/* ------------------------ */

.text-white {
    color: rgb(245 238 222)!important;
    text-decoration: none;
    font: 0.9em 'blacker_pro_displayregular';
}

.bg-primary {
    background: linear-gradient(to top, #393939,#f2f0e5);
}

.figure-caption { color: #f2f0e5; font:300 17px/1.4em 'blacker_pro_textbook', serif}
footer p{color: rgb(185, 37, 53);  font:300 20px/1.4em 'blacker_pro_textbook', serif}

footer p span {
    color: #f2f0e5;
    margin-left: 2px;
}

.figure-caption,.text-uppercase,#textocreditos{
    text-align: center;
}
.text-uppercase{font-family: 'blacker_pro_displayheavy'; padding-bottom: 10px;}

.figure img{opacity:0.6}

.figure img:hover{opacity:1}

footer .figure-img {
    margin-bottom: .5rem;
    line-height: 1;
    border-radius: 5px!important;
    padding: 0;
    height: 100%;
    width: 100%;
    margin-top: 5px;
}

.voltaraoinicio,.clique{
    padding:5px;
    padding-top: 60px
}

.voltaraoinicio img, .clique img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width:18vh;
    /* height:20vh; */
    opacity:0.7;
}

.clique img{animation: glow 1s infinite alternate; opacity: 1; /*padding: 10px*/; margin-top: 5vh;width: 18.6vh;};
.voltaraoinicio img:hover{opacity:1;}
.clique img:hover{opacity: 0.6};

#secondlastcontainer{
    padding-bottom: 150px!important;
}

@keyframes glow {
    from {
      opacity: 0.3;
    }
    to {
      opacity: 1;
    }
  }


h2, h4 {
    font: 700 26px/1.1em 'blacker_pro_displayregular',Merriweather,serif;
    padding: 0;
    /* color: black; */
    font-size: 2.5em;
    /* width: 100%; */
    letter-spacing: 2px;
    /* text-align: left; */
    text-align: center;
    font-style: normal;
    margin: 0px 26px;
    color: #000000;
    margin-bottom: 6px;
}

h4 {
    font: 700 16px/1.1em 'blacker_pro_displayregular',Merriweather,serif;  
}

.capitular {
    font: 800 2.65em/1em 'blacker_pro_displayheavy', serif;
    color: #000;
    float: left;
    display: block;
    padding: 0 .5em .5em 0;
    font-weight: 900;
    font-style: normal;
    font-weight: 900;
    font-size: 64px;
    line-height: 60px;
    text-align: center;
    color: #000000;
}

.titulocapitulo {
    margin-bottom: 66px;
}

.texto{
    font: 300 18px/1.4em 'blacker_pro_textbook', serif;
    color: #333;
    margin-bottom: 32px!important;
    font-weight: 300;
    font-style: normal;
    Line-height: 28px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 26px;
}

b, strong {
    font-weight: 900;
}
/*
@media (min-width: 1200px){
.col-xl-6 {
    flex: 0 0 auto;
    width: 40%;
}
}

@media (min-width: 1200px){
.col-xl-3 {
    flex: 0 0 auto;
    width: 30%;
}
}
*/


#main{
    height:2px;
    background:linear-gradient(to left, #212529,rgb(185, 37, 53));
    width:100%;
};

.bigmap{
    display:block;
}

@media (max-width: 1200px){
.bigmap {
    display:none
    }
}

.smallmap{
    display:none
}

@media (max-width: 1200px){
.smallmap {
    display:block
    }
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border:0;
}

.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgb(130 138 145 / 50%);
}

.dropdown-toggle {
    margin-left: 8px;
}

.row {
    --bs-gutter-x: 0!important;
}
.col-xl-5, .col-xl-4, .col-xl-6 {
--bs-gutter-x: 1.5rem;
}

.centered svg{margin-bottom: 6px;}