/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*/ 
/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');*/

body{
  max-width: 1280px;
  font-family: "IBM Plex Sans", serif;
}

/*<«««««« CORES UTILITARIAS BOOTSTRAP »»»»»»>*/
.cinza_1d{color: rgb(29, 29, 29);}
.cinza_70{color: rgb(112, 112, 112);}
.cinza_4d{color: rgb(77, 77, 77);}
.dourado_b1{color: rgb(177, 126, 59);}
.dourado_b4{color: rgb(180, 125, 51) !important;} /*Nota: O primeiro link da navbar não assumia a cor dourada, foi usado em alternativa o !important*/
.dourado_a9{color: rgb(169, 115, 57,)}

/*<«««««« FONT-SIZE UTILITARIO BOOTSTRAP »»»»»»>*/
.size_13{font-size: 13px;}
.size_16{font-size: 16px;}
.size_18{font-size: 18px;}
.size_23{font-size: 23px;}
.size_25{font-size: 25px;}
.size_35{font-size: 35px;}
.size_40{font-size: 40px;}

/*------------->HEADER<------------*/

#titulo_1{
  /*color: rgb(77, 77, 77);
  font-size: 35px;*/
  z-index: 20;
}

hr{
  background-color: rgb(112, 112, 112);
  height: 1px;
  border: none;
  margin: 0px 55px 0px 55px;
}

.navbar{
  font-family: "Lato", serif;
  font-weight: 900;
  z-index: 30;
}

.nav-link, .dropdown-item{
  color: rgb(77, 77, 77);
  cursor: pointer;
  transition: 0.3s;
}
.nav-link:hover{color: rgb(180, 125, 51);}
.dropdown-item:hover{color: rgb(177, 126, 59);}

p, .dropdown-menu{font-size: 13px;}

p, h5, .card-title{color: rgb(77, 77, 77);}

.carousel{
  max-width: 1280px;
  max-height: 730px;
  margin: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.icon-caroucel{
  background-image: url('imagens/bolabanner1.svg');
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1 !important;
}
.icon-caroucel:hover{background-image: url('imagens/bolabanner2.svg');}

.carousel-indicators [data-bs-target] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.btn{
  width: 120px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s;
}
.btn{background-image: url('imagens/sabermais1.svg');}
.btn:hover{background-image: url('imagens/sabermais2.svg');}

/*------------->MAIN<------------*/

#card_bem_vindo{
  position: relative;
  z-index: 40;
  margin-top: 525px; 
  left: 119px;
}

/*.titulo_bem_vindo_2, .titulo_ultimos_livros{
  color: rgb(77, 77, 77);
  font-size: 23px;
}*/

/*------------->FOOTER<------------*/

button{
  width: 37px;
  height: 37px;
  cursor: pointer;
  border: 0;
  transition: 0.3s;
}

#instagram{background-image: url('imagens/instagram1.svg');}
#instagram:hover{background-image: url('imagens/instagram2.svg');}

#facebook{background-image: url('imagens/facebook1.svg');}
#facebook:hover{background-image: url('imagens/facebook2.svg');}

#linkedin{background-image: url('imagens/linkedin1.svg');}
#linkedin:hover{background-image: url('imagens/linkedin2.svg');}