/* NUEVA FUENTE */

  .productos__contar{
    position: absolute;
    top: 55%;
    right: 0;

    background-color: #000;
    color: #fff;
    width: 25px;
    height: 25px;

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#productos__contador{
  font-size: 12px;
  color: var(--negro);
  margin-top: 4.5px;
  margin-right: 8px;
}


 .carrito__container-productos {
  top: 82px;
  right: 0;
  justify-content: right;
  /* padding-top: 1rem; */
 background: rgb(244,244,244);
  background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 48%);
  width: 45vw;
  z-index: 100;
  position: fixed;
  box-shadow: 1px 30px 28px -24px rgba(0,0,0,0.75);
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  margin-right: 3vw;
}

/* hidden-cart */
.carrito__ocultar{
    display: none;
}
/* cart-empty */
.carrito__vacio{
    padding: 20px;
    text-align: center;
}
.carrito__producto{
  display: flex;
  align-items: stretch;
  justify-content: space-around;
   padding-top: .5rem; 

  border-bottom: 1px solid var(----transparency-color);

}
/* info-carrito-producto */
.carrito__producto-info{
  display: flex;
  justify-content: space-around;
  flex: 0.8;
}
/* cantidad-producto-carrito */
.carrito__producto-cantidad{
  display: flex;
  font-weight: 400;
  font-size: 2vh;
  justify-content: space-around
}
.carrito-item-cantidad{
  padding-left: .6rem;
  padding-right: .6rem;
}
/* titulo-producto-carrito */
.carrito__producto-titulo{
  font-size: 2.3vh;
}
.carrito__producto-precio{
  font-weight: 500;
}
.hidden{
  display: none;
}

/* total-pagar */
.total__pagar{
  font-size: 20px;
  font-weight: 900;
  padding-left: 0.5rem;
}
.icon-close{

  color: var(--negro);
  border-radius: 55px;
  width: 15px;
  height: 15px;
}

.icon-close:hover{
  color: var(--rojoPrincipal);
  cursor: pointer;
}

.icono__menos{
  border-radius: 55px;
  width: 15px;
  height: 15px;
  color: var(--rojoPrincipal);
}
.icono__menos:hover{
  cursor: pointer;
  color: var(--mostazaPrimario);
 background-color: var(--blancoA);
}
.icono__mas{
  border-radius: 55px;
  color: var(--rojoPrincipal);
 width: 15px;
 height: 15px;
}
.icono__mas:hover{
  cursor: pointer;
  color: var(--mostazaPrimario);
 background-color: var(--blancoA);
}
#carrito__tabla {
  width: 100%;
}

#carrito__tabla table {
  width: 100%;
  overflow-x: auto;
}

#carrito__tabla th,
#carrito__tabla td {
  /* width: 20%; */
  text-align: center;
  vertical-align: top;
  font-size: 1.88vh;
  font-weight:400;
}

#carrito__tabla thead th {
 font-size: 1.95vh;
 font-weight:550;
 padding: .2rem;
}

#carrito__tabla tbody td {
  /* justify-content: space-between; */
  padding: .4rem;
}
#carrito_tabla tfoot th{
  padding-top: .2rem;
  color: var(--rojoPrincipal);
}
.btnComprar{
  text-align: center;
  background-color: var(--mostazaPrimario);
  width: 100%;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: .3rem;
  color: var(--blanco);
  font-family:'Arial Narrow Bold', sans-serif;
  text-transform: uppercase;
  font-size: 2.3vh;
  font-weight: 600;
}
.btnComprar:hover{
  background-color: var(--mostazaSecundario);
}
.carrito__total{
  color: var(--rojoPrincipal);
}
.carrito__fila__total{
  background-color: var(--mostazaClaro);
  padding: .3rem;
}
@media (max-width: 950px) {
  .carrito__container-productos {
    width: 100vw;
    right: 0;
     left: 0;
    margin-right: 15px;
    margin-left:5px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;

  }

}
@media (max-width: 768px) {
  .carrito__container-productos {
    width: 96vw;
    right: .3;
     left: .3;
    margin-right: 10px;
    margin-left:5px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;

  }

}

@media (max-width: 500px){

  /* .navbar-right ul{
    align-content: space-between;
    justify-content: space-around;
    align-items: flex-end;
    margin: 0;
    padding: 0;
  } */
  .barraBusqueda{
    width:26vw ;
  }
  .carrito__container-productos {
    width: 100vw;
    right: 0;
     left: 0;
    margin-right: 8px;
    margin-left:5px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;

  }
}