@charset "UTF-8";
.bg-azul {
  background-color: #213A8F !important;
  text-decoration: none;
}

.bg-celeste {
  background-color: #009FE3 !important;
  text-decoration: none;
}

.bg-naranja {
  background-color: #fc733d !important;
  text-decoration: none;
}

.text-azul {
  color: #213A8F !important;
}

.text-celeste {
  color: #009FE3 !important;
}

.border-azul {
  border: 2px solid #213A8F !important;
}

.border-celeste {
  border: 2px solid #009FE3 !important;
}

@font-face {
  font-family: "Insaniburger";
  src: url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Insaniburger.woff2") format("woff2"), url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Insaniburger.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manjari";
  src: url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Manjari-Thin.woff2") format("woff2"), url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Manjari-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manjari";
  src: url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Manjari-Bold.woff2") format("woff2"), url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Manjari-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manjari";
  src: url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Manjari-Regular.woff2") format("woff2"), url("https://dojiw2m9tvv09.cloudfront.net/53673/1/Manjari-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Insaniburger", sans-serif;
  text-transform: uppercase;
}

p, span, a, li, div {
  font-family: "Manjari", sans-serif;
}

.categorias {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
  background-size: cover;
  background-position: center;
  height: 200px;
  width: 50%;
  border: 8px solid white;
}
.categorias .cat-titulo {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.categorias .cat-titulo img {
  position: absolute;
  bottom: 0;
}
.categorias .cat-titulo span {
  color: white;
  position: absolute;
  bottom: 0;
  right: 15px;
}

.categorias:hover {
  transform: scale(1.05);
}

.producto .detalle .nombre {
  font-size: 1.1rem;
  margin: 10px 0;
  color: #213A8F;
}
.producto .marca {
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #213A8F;
  width: 100%;
}
.producto .card-img-top {
  object-fit: contain;
  height: 200px;
}
.producto .precios {
  background-color: #009FE3;
  text-align: center;
  min-height: 45px;
  margin-bottom: -10px;
}
.producto .precios .precio-antes {
  text-decoration: line-through;
  color: rgb(194, 194, 194);
}
.producto .precios .precio-actual {
  font-weight: bold;
  color: #fff;
}
.producto .oferta {
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #fc733d;
  color: white;
  padding: 5px 10px 0px;
  font-weight: bold;
  border-radius: 0 5px 5px 0;
  font-size: 1rem;
}
.producto .btn-comprar {
  font-size: 1rem;
  padding-top: 12px;
}

@media screen and (min-width: 668px) {
  .categorias {
    width: 320px;
    height: 320px;
  }
  .categorias .cat-titulo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .categorias .cat-titulo img {
    position: absolute;
    bottom: 0;
  }
  .categorias .cat-titulo span {
    color: white;
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 1.7rem;
  }
  .producto {
    max-width: 300px;
  }
  .producto .detalle .nombre {
    font-size: 1.5rem;
    margin: 10px 0;
    color: #213A8F;
  }
  .producto .card-img-top {
    height: 300px;
    width: 300px;
    object-fit: contain;
  }
  .producto .precios {
    min-height: 60px;
    margin-bottom: -10px;
  }
  .producto .precios .precio-actual {
    font-size: 1.5rem !important;
  }
  .producto .oferta {
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #fc733d;
    color: white;
    padding: 5px 10px 0px;
    font-weight: bold;
    border-radius: 0 5px 5px 0;
    font-size: 1.4rem;
  }
  .producto .btn-comprar {
    font-size: 1.5rem;
    padding-top: 12px;
  }
}

@media (min-width: 600px) {
  .desktop-nav { position: relative; }
  .desktop-nav .dropdown:hover > .dropdown-menu { display: block; }
  .desktop-nav .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  background: #f8f9fa;
  border: 0;
  padding: 1rem 0;
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
  }
  .megamenu-inner { max-width: 1200px; margin: 0 auto; }
  .megamenu-col h6 { font-weight: bold; margin-bottom: .5rem; }
  .megamenu-col a { display:block; color:#212529; padding:.15rem 0; text-decoration:none; }
  .megamenu-col a:hover { text-decoration: underline; }
}