@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap");
@font-face {
  font-family: Warzone;
  src: url(./fonts/Warzone.otf);
}
@font-face {
  font-family: Onest;
  src: url(./fonts/Onest-Black.ttf);
}

header {
  position: relative;
}

html::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-thumb {
  background-color: #ffc220;
  border-radius: 15px;
}

html::-webkit-scrollbar-track {
  background-color: #0071ce;
}
#logo {
  width: 100px;
  height: 80px;
  background: url(./images/Walmart-Logo.wine.png);
  font-size: 0;
  position: absolute;
  top: -12px;
  left: 20px;
  z-index: 1000;
}
#banner {
  background: linear-gradient(
      90deg,
      rgba(2, 0, 36, 0.6278886554621849) 0%,
      #1f49a3a4 36%,
      #1f49a3a4 100%
    ),
    url(./images/fondo_banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
a {
  font-family: "Quicksand", sans-serif;
}
nav a:hover {
  color: rgb(63, 37, 182) !important;
}
.texto_header {
  color: #0071ce !important;
}
.walmart {
  color: #ffc220 !important;
}
.cartas_promo {
  background-color: #ffffff !important;
}
#notas h2 {
  color: #0071ce;
}
h2 {
  font-family: Onest, sans-serif;
}
h3 {
  font-family: "Quicksand", sans-serif;
}
h4 {
  font-family: Onest, sans-serif;
}
h5 {
  font-family: Onest, sans-serif;
}
p {
  font-family: "Quicksand", sans-serif;
}
#promociones {
  background: url(./images/fondo_walmar.png);
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
#promociones img {
  width: 65%;
  max-width: 100%;
  margin: auto;
}
#promociones a {
  font-family: Onest, sans-serif;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' %3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' %3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
#sucursales {
  font-family: Onest, sans-serif;
}

#delicon {
  width: 24px;
  height: 24px;
}
#modicon {
  width: 24px;
  height: 24px;
}
.nota {
  padding: 20px;
  margin: 10px;
  border-radius: 20px;
  border-width: 5px;
  border-style: solid;
}
.bebida {
  background-color: rgb(228, 74, 74);
  border-color: rgb(212, 14, 14);
}
.electronica {
  background-color: rgba(78, 69, 199, 0.685);
  border-color: rgb(59, 21, 230);
}
.comida {
  background-color: rgba(235, 220, 80, 0.815);
  border-color: rgb(255, 238, 0);
}
.indumentaria {
  background-color: pink;
  border-color: rgb(255, 163, 235);
}

.oculto {
  display: none !important;
}

.notadd {
  min-width: 250px;
}
footer img {
  width: 350px;
  height: 350px;
}