@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

:root {
  --bg-color-fondo: #FBFBFB;
  --bg-color-1: #a4c4ad; /*verde*/
  --bg-color-2: #c2b495;
  --bg-color-3: #e0a47d;
  --bg-color-titulo: #ff9466;
  --bg-color-bordo: #c20000;
  --bg-color-salmon: #fff5e9; /*fondo salmon claro*/
  --bg-color-bg_light: #F8F9FA;
  --bg-color-linea: #DEE2E6;
  
}
* {
  margin: 0;
  padding: 0;
  font-family: 'Roboto Flex', sans-serif;
}
.page_categories {
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 0px;
}
.page {
  width: 100%;
  height: auto;
/*  padding-top: 50px;
  padding-bottom: 10px;*/
}
.salmoned {
  width: 100%;
  height: auto;
/*  padding-top: 50px;
  padding-bottom: 10px;*/
}
.breadcrumb {
  background: transparent;
  margin-top: -40px;
}
.breadcrumb ul li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
  color: #0d1452;
  font-size: 16px;
  font-weight: 400;
}
.breadcrumb ul li:last-child {
  color: #333;
}
.breadcrumb ul li a {
  color: #0d1452;
}
.page_slider {
  width: 100%;
  height: auto;
  margin-top: -30px; 
  padding-top: 0px; 
  padding-bottom: 10px;
}
.img-display{
  overflow: hidden;
}

.img-showcase{
  display: flex;
  width: 100%;
  transition: all 0.5s ease;
}
.img-showcase img{
  min-width: 100%;
}

img{
  width: 100%;
  display: block;
}
img.pictures{
  max-height: 60px;
}
.img-select{
  display: flex;
}
.img-item{
  margin: 0.1rem;
}
.img-item:hover{
  opacity: 0.8;
}
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: none;
}
.fa-star{
  color: #C20000;
  font-size: 18px;
}
.fa-star-half-o{
  color: #C20000;
  font-size: 18px;
}
.fa-star-o{
  color: #C20000;
  font-size: 18px;
}
.info_up {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}
.info_bottom {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
}
.single_up {
  color: white;
  width: 100%;
  /*height: 40px;*/
  margin-bottom: 0px;
  margin-top: 0px;
}
.single_bottom {
  color: white;
  width: 100%;
  /*height: 40px;*/
  margin-top: 15px;
}
.product .product-title span {
  color: #0d1452;
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
}
div.love_product {
  position: relative;
}
div.cuore {
  position: absolute; 
  left: 15px; 
  top: 5px;
}button.cuore {
  margin: -10px; 
  border: none; 
  background-color: transparent;
}
.vertical_div{
  display: flex;
  align-items: center; /*centrado vertical */  
/*  flex-direction: row;
  justify-content: center;*/
}
.info_text {
  color: black;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Roboto Flex', sans-serif;
}
.info_title {
  color: black;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Roboto Flex', sans-serif;
}
.dot{
  vertical-align:middle; 
  height: 25px; 
  width: 25px; 
  border: 1px solid grey; 
  border-radius: 50%; 
  display: inline-block;
}
.product .s_quantity {
  font-size: 14px;
  font-family: 'Roboto Flex', sans-serif;
}
#form_add_to_cart{
  width: 160px; 
  margin: 0px; 
  bottom: 0;
}
.s_quantity input[type="number"] {
  height: 30px;
  width: 20px;
  border: 2px solid #c7c7c7;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Roboto Flex', sans-serif;
}
.product .btn-cart1 input[type="submit"] {
  border: 0;
  padding: 0px 24px; 
/*  background: #BEB297; 
  color: black;*/
  height: 24px;  
  border-radius: 5px;
  font-size: 17px;
  font-family: 'Roboto Flex', sans-serif;
}
.product .btn-cart1 input[type="submit"]:hover {
  border: 0;
  padding: 0px 24px; 
/*  background: #C20000;
  color: white;*/
  height: 24px;  
  border-radius: 5px;
  font-size: 17px;
  font-family: 'Roboto Flex', sans-serif;
}
.tab-pane {
  padding: 14px 0;
}
.tab-content {
  padding: 20px;
}
ul.nav-tabs {
  margin-top: 25px;
}

@media screen and (min-width: 992px){
  .product-imgs{
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
}