/* src/App.css */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 398px;
  background-color: whitesmoke;
  margin-top: -25%;
}

.navbar-left {
  font-size: 24px;
}

.navbar-links {
  display: flex;
  gap: 20px;
  padding: 5px 15px;
  background-color: #444; /* Fondo gris oscuro para encuadrar el menú */
  border-radius: 10px; /* Bordes redondeados para el contenedor */
  margin-top: 50%;
  margin-left: -35%;
}

.navbar-link {
  color: orange;
  text-decoration: none;
  padding: 10px;
  transition: background-color 0.3s;
  
}

.navbar-link:hover {
  background-color: #555; /* Fondo ligeramente más claro al pasar el mouse */
  border-radius: 15px;
}

.navbar-right {
  display: flex;
  align-items: center;
}

.cart-widget {
  position: relative;
}


.cart-icon {
  font-size: 24px;
  margin-left: 1030%;
}

.cart-icon:hover{
  text-decoration: underline;
  
}

.cart-count {
  position: absolute;
  top: -5px;
  right: -10px;
  background-color: orange;
  color: white;
  border-radius: 50%;
  padding: 5px;
  font-size: 12px;
  margin-right: -1050%;
}

.logo{
    margin-left: -180%;
  margin-top: 30%;
  gap: 25%;
}

.logo2{
  margin-left: 50%;
}