@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@font-face {
  font-family: "BrandonGrotesque-BlackItalic";
  src: url("../../sitio/fonts/BrandonGrotesque-BlackItalic.woff2") format("woff2"), url("../../sitio/fonts/BrandonGrotesque-BlackItalic.woff") format("woff"), url("../../sitio/fonts/BrandonGrotesque-BlackItalic.ttf") format("truetype"), url("BrandonGrotesque-BlackItalic.eot?#iefix") format("embedded-opentype");
}
.opacity {
  transition: all 0.8s;
}
.opacity.hidden {
  opacity: 0;
}
.opacity.show {
  opacity: 1;
}

.gradientBtn, .btn-continuar__cont--btn, .popup__btn a,
.popup__btn input [type=button], .bg-btn, .filtros__popup--cont--buscar, .direccion-d-mode__login-principal a, .direccion__login-principal a {
  background-image: -moz-linear-gradient(90deg, #a70000 0%, #e54141 92%);
  background-image: -webkit-linear-gradient(90deg, #a70000 0%, #e54141 92%);
  background-image: -ms-linear-gradient(90deg, #a70000 0%, #e54141 92%);
}

.show {
  transition: all 0.5s;
  transition-delay: 0.2s;
}
.show.hidden {
  opacity: 0;
  translate: 0 15px;
}
.show.show {
  opacity: 1;
  translate: 0 0;
}

.help, .popup__cont--form .campo-popup help {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  font-size: 13px;
  color: #2697d1;
  background-color: #CDE8F6;
  border: 1px solid #447EAF;
  border-radius: 5px;
  width: auto;
  text-align: left;
}
.help.help-warning, .popup__cont--form .campo-popup help.help-warning {
  color: #ed1c24;
  background-color: #ffbec0;
  border: 1px solid #ed1c24;
  font-size: 14px;
  line-height: 1.25;
  padding: 15px;
  margin-inline: 25px;
  width: auto;
  height: auto;
  border-radius: 10px;
}
.help.help-ok, .popup__cont--form .campo-popup help.help-ok {
  font-size: 15px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.swal2-popup .swal2-confirm {
  border: 2px solid #539348;
  border-radius: 5px;
  box-shadow: none !important;
}

html {
  scroll-behavior: smooth;
}

@media (min-width: 768px) {
  body ::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  body ::-webkit-scrollbar:vertical {
    width: 5px;
  }
  body ::-webkit-scrollbar-button:increment, body ::-webkit-scrollbar-button {
    display: none;
  }
  body ::-webkit-scrollbar:horizontal {
    height: 8px;
  }
  body ::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
  }
  body ::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
body.body-portada {
  background-color: #0c0c0c;
}

.screen-100, .cabezal-listado, .filtros, .header, .pie {
  max-width: 100%;
  margin: 0 auto;
  padding-inline: 25px;
}
@media (max-width: 1400px) {
  .screen-100, .cabezal-listado, .filtros, .header, .pie {
    padding-inline: 20px;
  }
}

.screen-full, .sucursales, .seccion, .bannerB,
.bannerC, .banners-carrito, .productos, .novedades, .direccion-d-mode, .direccion {
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  .screen-full, .sucursales, .seccion, .bannerB,
.bannerC, .banners-carrito, .productos, .novedades, .direccion-d-mode, .direccion {
    padding-inline: 20px;
  }
}

.screen-xl, .componente, .contenido, .producto {
  max-width: 980px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .screen-xl, .componente, .contenido, .producto {
    padding-inline: 20px;
  }
}

.screen-lg, .eventos__cont, .eventos__header, .rrhh__oferta, .rrhh__items, .error, .mensaje, .btn-enviar, .resumen, .pedido, .login {
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .screen-lg, .eventos__cont, .eventos__header, .rrhh__oferta, .rrhh__items, .error, .mensaje, .btn-enviar, .resumen, .pedido, .login {
    padding-inline: 20px;
  }
}

.titulo-degradado, .cupon-home__cont--titulo h2, .ayuda__cont h3, .contenido h1, .producto__cont--info h2, .producto__cont--info h1, .seccion__texto h1, .error h2, .cabezal-listado__cont h2, .filtros__cont h2 {
  background-image: linear-gradient(45deg, #d99c18, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.check_custom {
  display: block;
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check_custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.check_custom .checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #eee;
  border: 1px solid #c8c6c8;
}

.check_custom:hover input ~ .checkmark {
  background-color: #ccc;
}

.check_custom input:checked ~ .checkmark {
  background-color: #e9b23b;
  border-color: #e9b23b;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}

.check_custom .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check_custom input:checked ~ .checkmark:after {
  display: block;
}

.check_custom .checkmark:after {
  left: 9px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

select,
input,
textarea {
  width: 100%;
  height: 60px;
  padding: 15px;
  border: 1px solid #c8c6c8;
  margin-block: 5px;
  border-radius: 5px;
  font-size: 16px;
}
select::placeholder,
input::placeholder,
textarea::placeholder {
  font-style: italic;
  opacity: 0.5;
}
select:focus,
input:focus,
textarea:focus {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
}
select[type=checkbox],
input[type=checkbox],
textarea[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
}
select[type=submit], select[type=button],
input[type=submit],
input[type=button],
textarea[type=submit],
textarea[type=button] {
  background-color: #e9b23b;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  transition: all 0.3s;
}
select[type=submit]:hover, select[type=button]:hover,
input[type=submit]:hover,
input[type=button]:hover,
textarea[type=submit]:hover,
textarea[type=button]:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  background-color: #222122;
}

textarea {
  height: 150px;
}

fieldset {
  border: none;
  padding-block: 15px;
}

p {
  font-size: 16px;
  color: #636063;
  line-height: 1.5;
  padding-block: 15px;
}

hr {
  margin-block: 15px;
  border: 0;
  height: 1px;
  background: #c8c6c8;
}

.alert {
  margin: 25px;
  font-size: 16px;
  color: #222122;
  line-height: normal;
  background-color: #fff;
  border: 2px solid #e9b23b;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .alert {
    max-width: 700px;
    margin: 25px auto;
  }
}

.alert-warning {
  background-color: #e9b23b;
  color: #fff;
}
.alert-warning a {
  color: #fff;
}

.alert-info {
  border-color: #e54141;
}

.aviso-cierre {
  max-width: 700px;
  margin: 20px auto;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #e54141;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 15px;
}
.aviso-cierre i {
  font-size: 40px;
}
@media (max-width: 768px) {
  .aviso-cierre {
    margin: 20px;
  }
}

.hidden {
  display: none;
}

.pie {
  background-color: #0c0c0c;
  color: #fff;
}
@media (min-width: 768px) {
  .pie__cont {
    max-width: 1400px;
    margin: 0 auto;
  }
}
.pie__cont--accesos {
  display: none;
}
@media (min-width: 768px) {
  .pie__cont--accesos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    padding-block: 50px;
  }
}
.pie__cont--accesos--item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.pie__cont--accesos--item--icono i {
  color: #e9b23b;
  font-size: 70px;
}
.pie__cont--accesos--item--icono img {
  width: 70px;
}
.pie__cont--accesos--item--texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pie__cont--accesos--item--texto h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  font-style: italic;
  padding-block: 5px;
}
.pie__cont--accesos--item--texto a {
  background-color: #e9b23b;
  color: #222122;
  padding: 5px 20px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  font-style: italic;
  transition: all 0.3s;
}
.pie__cont--accesos--item--texto a:hover {
  color: #fff;
  background-color: #e54141;
}
.pie__cont--accesos--item2 {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pie__cont--accesos--item2--icono i {
  color: #fff;
  font-size: 40px;
}
.pie__cont--accesos--item2--texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pie__cont--accesos--item2--texto a {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding-block: 5px;
  text-decoration: none;
  transition: all 0.3s;
}
.pie__cont--accesos--item2--texto a:hover {
  opacity: 0.5;
}
.pie__cont--redes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-block: 30px;
  margin-bottom: 15px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .pie__cont--redes {
    padding-block: 0 30px;
    margin-bottom: 0;
  }
}
.pie__cont--redes a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  transition: all 0.3s;
}
.pie__cont--redes a:hover {
  opacity: 0.5;
}
.pie__cont--small {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-block: 0px 15px;
  color: #636063;
  flex-direction: column;
}
@media (min-width: 768px) {
  .pie__cont--small {
    padding-block: 15px;
    flex-direction: row;
  }
}
.pie__cont--small--firmas {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: end;
}
.pie__cont--small--firmas a {
  transition: all 0.3s;
}
.pie__cont--small--firmas a:hover {
  opacity: 0.5;
}
.pie__cont--small--firmas img {
  width: 80px;
}

.lateral {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 15;
  background-color: #fff;
  width: 80%;
  padding: 25px;
  opacity: 1;
  height: 100vh;
  transition: all 0.5s;
  box-shadow: 10px 0px 110px 0px rgba(0, 0, 0, 0.75);
}
@media (min-width: 768px) {
  .lateral {
    display: none;
  }
}
.lateral ul {
  list-style: none;
  padding-top: 30px;
}
.lateral ul li {
  padding-block: 10px;
  border-bottom: 1px solid #dedede;
}
.lateral ul li a {
  text-decoration: none;
  color: #222122;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  gap: 15px;
  align-items: center;
}
.lateral ul li a i {
  font-size: 25px;
}
.lateral__cerrar {
  position: relative;
}
.lateral__cerrar i {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  color: #222122;
}

.lateral-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  backdrop-filter: blur(3px);
  z-index: 10;
  transition: all 0.5s;
}
@media (min-width: 768px) {
  .lateral-bg {
    display: none;
  }
}

.ocultar-lateral {
  left: -110%;
}

.ocultar {
  display: none;
}

.mostrar {
  display: block;
  opacity: 1;
  left: 0%;
}

.popup {
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  max-width: 800px;
  padding: 0px;
  height: auto;
  max-height: 95vh;
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0s, opacity 0.3s linear;
  padding-bottom: 70px;
}
@media (min-width: 768px) {
  .popup {
    max-width: 840px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    max-height: 95vh;
  }
}
.popup .modal-drag-bar {
  width: 100px;
  height: 5px;
  background-color: #ccc;
  cursor: grab;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
}
.popup.remodal-is-opened {
  visibility: visible;
}
.popup.is-visible {
  visibility: visible;
}
.popup__view {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 15px;
  overflow-y: auto;
  max-height: calc(95vh - 180px);
}
@media (min-width: 768px) {
  .popup__view {
    padding: 25px;
    max-height: calc(95vh - 300px);
  }
}
.popup__view.view-carrito {
  max-height: calc(95vh - 300px);
}
@media (min-width: 768px) {
  .popup__view.view-carrito {
    max-height: calc(95vh - 310px);
  }
}
.popup__view--titulo {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-block: 10px;
}
.popup__view--titulo i {
  font-size: 24px;
}
.popup__view--titulo h4 {
  font-size: 18px !important;
  font-weight: 900 !important;
  padding-block: 0 !important;
}
.popup button {
  border: none;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  color: #636063;
  background-color: transparent;
  cursor: pointer;
  transform: translateY(0px);
  position: absolute;
  top: 15px;
  right: 15px;
  transition: all 0.3s;
  z-index: 9999;
  touch-action: manipulation;
}
.popup button:hover {
  opacity: 0.75;
  transform: translateY(8px);
}
@media (min-width: 768px) {
  .popup button {
    font-size: 28px;
  }
}
.popup h3 {
  font-size: 24px;
  font-weight: 900;
  color: #e54141;
  padding-block: 10px;
}
@media (min-width: 768px) {
  .popup h3 {
    font-size: 30px;
  }
}
.popup h4 {
  padding-block: 0 10px;
  font-size: 15px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .popup h4 {
    font-size: 18px;
  }
}
.popup__direccion {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  margin-bottom: 10px;
  margin-inline: 15px;
  width: auto;
}
@media (min-width: 768px) {
  .popup__direccion {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-inline: 25px;
  }
}
.popup__direccion h4 {
  font-size: 15px;
  font-weight: 700;
  color: #222122;
  padding-block: 0 3px;
}
.popup__direccion span {
  font-size: 14px;
  color: #222122;
}
.popup__direccion--sucursal {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.popup__cerrar::before {
  font-size: 100px;
}
.popup__horarios {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #222122;
  font-size: 18px;
  padding-block: 0px 20px;
}
.popup__horarios i {
  font-size: 18px;
}
.popup__horarios a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  color: #222122;
  transition: all 0.3s;
}
.popup__horarios a:hover {
  color: #e54141;
}
.popup__cont {
  height: 100%;
  width: 100%;
}
.popup__cont.lista-sabores {
  padding: 10px;
  background-color: #e7e7e7;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .popup__cont {
    margin: 0 auto;
    width: 100%;
  }
}
.popup__cont--form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.popup__cont--form .campo-popup {
  width: 100%;
  display: block;
}
.popup__cont--form .campo-popup label {
  font-size: 14px;
  font-weight: 600;
  grid-column: 1/2;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}
.popup__cont--form .campo-popup select,
.popup__cont--form .campo-popup input {
  grid-column: 2/7;
  height: 55px;
  padding-inline: 15px;
  border: 1px solid #b5c3d1;
  margin-block: 5px;
  border-radius: 10px;
  font-size: 16px;
  color: #222122;
}
.popup__cont--form .campo-popup select::placeholder,
.popup__cont--form .campo-popup input::placeholder {
  color: currentColor;
  opacity: 0.75;
  font-style: normal;
}
.popup__cont--form .campo-popup select:focus,
.popup__cont--form .campo-popup input:focus {
  outline: 0;
  border: 1px solid #e9b23b;
  box-shadow: #e9b23b 0 0 0 1px inset, #f6dfae 0 0 0 5px;
  background-color: #e4e3e4;
}
.popup__cont--form .campo-popup help {
  grid-column: 1/7;
}
.popup__cont--productos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #c8c6c8;
  gap: 10px;
  padding: 6px 12px;
  border-radius: 8px;
  margin-block: 6px;
  background-color: #fff;
}
.popup__cont--productos--cantidad {
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup__cont--productos--cantidad input[type=button] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #e54141;
  background-color: #fff;
  color: #e54141;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  text-shadow: none;
  padding: 0;
  transition: all 0.2s;
  line-height: 0;
  padding-bottom: 5px;
}
.popup__cont--productos--cantidad input[type=button]:hover {
  background-color: #e54141;
  color: #fff;
}
.popup__cont--productos--cantidad input[type=button]:active {
  transform: translateY(3px);
}
.popup__cont--productos--cantidad input[type=text] {
  border: none;
  width: 20px;
  height: 30px;
  padding: 0;
  text-align: center;
}
.popup__cont--productos--cantidad span {
  font-size: 18px;
  color: #636063;
}
.popup__cont--productos--cantidad--eliminar a {
  text-decoration: none;
}
.popup__cont--productos--cantidad--eliminar a i {
  color: #e54141;
}
.popup__cont--productos--item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup__cont--productos--item--datos {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.popup__cont--productos--item--datos a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  color: #222122;
  text-align: left;
}
.popup__cont--productos--item--datos span {
  font-weight: 700;
  color: #e54141;
  font-size: 14px;
}
.popup__cont--productos--item--datos i {
  color: #e54141;
}
.popup__cont--productos--item--datos--descuento {
  display: flex;
  align-items: center;
  gap: 5px;
}
.popup__cont--productos--item--datos--descuento span {
  font-weight: 600;
  color: #222122;
  font-size: 14px;
  text-decoration: line-through;
  padding-block: 0;
}
.popup__cont--productos--item--datos--descuento h4 {
  font-weight: 700;
  color: #e54141;
  font-size: 17px;
  padding-block: 0;
}
.popup__cont--productos--item--datos--descuento i {
  color: #e54141;
  font-size: 20px;
}
.popup__cont--productos--item--datos--descuento i img {
  width: 22px;
}
.popup__cont--direcciones {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
.popup__cont--direcciones h4 {
  padding-block: 10px;
  width: 100%;
  margin-top: 10px;
  border-radius: 5px;
  color: #222122;
  font-weight: 900;
}
.popup__cont--direcciones--item {
  border: 2px solid #c8c6c8;
  border-radius: 10px;
  padding: 20px 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup__cont--direcciones--item:has(.check_custom input:checked) {
  border-color: #e9b23b;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.popup__cont--direcciones--item--datos {
  display: flex;
  flex-direction: column;
  align-items: left;
}
.popup__cont--direcciones--item label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.popup__cont--direcciones--item span {
  font-size: 13px;
  font-weight: 400;
  color: #222122;
  text-align: left;
}
.popup__cont--direcciones--item span strong {
  font-weight: 900;
}
.popup__cont--direcciones--item--editar {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
  flex-shrink: 0;
}
.popup__cont--direcciones--item--editar a {
  text-decoration: none;
  color: #636063;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .popup__cont--direcciones--item--editar a {
    font-size: 13px;
    font-weight: 700;
  }
}
.popup__cont--direcciones--item--editar a:hover {
  opacity: 0.5;
}
.popup__cont--direcciones--item--editar a i {
  color: #e54141;
  font-size: 20px;
  padding-inline: 5px;
}
.popup__cont--direcciones--item--editar a span {
  font-size: 13px;
  background-color: #e9b23b;
  color: #fff;
  padding: 5px 8px;
  border-radius: 3px;
}
.popup__cont--sin-productos {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}
.popup__cont--sin-productos a {
  text-decoration: none;
  color: #222122;
  font-weight: 700;
  font-size: 24px;
  transition: all 0.3s;
}
.popup__cont--sin-productos a:hover {
  color: #e9b23b;
}
.popup__cont--sin-productos i {
  font-size: 80px;
  color: #e9b23b;
}
.popup__btn-secundario {
  transition: all 0.2s;
  padding-block: 10px;
}
.popup__btn-secundario a {
  border: 2px solid #c8c6c8;
  border-radius: 10px;
  padding: 20px 15px;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #222122;
  transition: all 0.2s;
}
.popup__btn-secundario a:hover {
  opacity: 0.8;
}
.popup__btn-secundario a i {
  font-size: 20px;
}
.popup__btn-secundario a span {
  font-size: 16px;
  font-weight: 700;
}
.popup__btn {
  z-index: 10;
  margin-block: 15px 0px;
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  padding: 15px;
}
.popup__btn--totales {
  color: #222122;
  font-size: 18px;
  margin: 15px auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 5px;
  border: 1px dashed #636063;
  border-radius: 2px;
  padding: 10px;
}
.popup__btn--totales h5 {
  text-align: left;
  font-family: "Roboto Mono", serif;
}
.popup__btn--totales--subtotal {
  gap: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e4e3e4;
  font-size: 14px;
  font-family: "Roboto Mono", serif;
  padding-block: 6px;
}
.popup__btn--totales--subtotal--valor {
  font-size: 14px;
  font-family: "Roboto Mono", serif;
}
.popup__btn--totales--subtotal span {
  font-size: 14px;
  font-family: "Roboto Mono", serif;
}
.popup__btn--totales--descuento {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #c8c6c8;
  color: #e54141;
  font-size: 13px;
  font-family: "Roboto Mono", serif;
  padding-block: 6px;
}
.popup__btn--totales--descuento--off {
  text-align: start;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  font-size: 13px;
  font-family: "Roboto Mono", serif;
  font-weight: 600;
}
.popup__btn--totales--descuento--off span {
  font-size: 13px;
  font-family: "Roboto Mono", serif;
}
.popup__btn--totales--descuento--off i {
  font-size: 20px;
  cursor: pointer;
  transition: all 0.2s;
}
.popup__btn--totales--descuento--off i:hover {
  opacity: 0.75;
}
.popup__btn--totales--descuento--off--help {
  position: absolute;
  bottom: 160%;
  left: 35%;
  background-color: #e54141;
  padding: 12px;
  border-radius: 20px;
  width: 280px;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #fff;
}
.popup__btn--totales--descuento--off--help::after {
  content: "";
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  border: solid;
  border-width: 1px;
  border-color: transparent #e54141 #e54141 transparent;
  background-color: #e54141;
  border-radius: 2px;
  position: absolute;
  bottom: -8px;
  left: 25px;
}
.popup__btn--totales--descuento--off--help.helpComboVisible {
  visibility: visible;
}
.popup__btn--totales--descuento--off--help ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  color: #fff;
}
.popup__btn--totales--descuento--off--help ul li {
  list-style: none;
  color: #636063;
  font-weight: 500;
  font-size: 13px;
  border-bottom: 1px solid #ee8484;
  padding-block: 5px;
  color: #fff;
}
.popup__btn--totales--descuento--off--help ul li:last-child {
  border-bottom: none;
}
.popup__btn--totales--descuento--off--help h5 {
  font-size: 16px;
  font-weight: 800;
  padding-block: 0;
  color: #fff;
}
.popup__btn--totales--descuento span {
  flex-shrink: 1;
  font-weight: 800;
}
.popup__btn--totales--descuento span:nth-child(2) {
  flex-shrink: 0;
}
.popup__btn--totales--envio-sin-costo {
  gap: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-block: 6px;
}
.popup__btn--totales--envio-sin-costo--etiqueta {
  background-color: #e9b23b;
  font-size: 14px;
  font-weight: 700;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 3px 5px;
  color: #222122;
}
.popup__btn--totales--envio-sin-costo--etiqueta i {
  font-size: 22px;
}
.popup__btn--totales--envio-sin-costo--etiqueta span {
  font-weight: 400;
  font-family: "Roboto Mono", serif;
  font-size: 13px;
}
.popup__btn--totales--total {
  padding-top: 5px;
  font-weight: 600;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: end;
  border-top: 1px solid #c8c6c8;
  font-family: "Roboto Mono", serif;
}
.popup__btn--totales--total span {
  font-size: 16px;
  font-family: "Roboto Mono", serif;
}
.popup__btn a,
.popup__btn input [type=button] {
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
  justify-content: center;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s;
  width: 100%;
}
.popup__btn a i,
.popup__btn input [type=button] i {
  font-size: 25px;
}
.popup__btn a span,
.popup__btn input [type=button] span {
  font-family: "BrandonGrotesque-BlackItalic", "Plus Jakarta Sans", sans-serif;
  line-height: 1;
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  .popup__btn a span,
.popup__btn input [type=button] span {
    font-size: 20px;
  }
}
.popup__btn a:hover,
.popup__btn input [type=button]:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(45deg, #e9b23b, #e9b23b);
}
.popup__btn a.btn-pedir {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  position: relative;
}
.popup__btn a.btn-pedir .btn-pedir__tit {
  display: flex;
  align-items: center;
  gap: 5px;
}
.popup__btn a.btn-pedir .tag-descuento {
  position: absolute;
  top: -20px;
  left: 15px;
  background-color: #e54141;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.popup__btn a.btn-pedir .tag-descuento small {
  font-size: 14px;
}
.popup__btn a.btn-pedir .tag-descuento span {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.popup__btn a.btn-pedir .tag-descuento::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  z-index: 0;
  transform: rotate(-45deg);
  background-color: #e54141;
}
.popup__btn a.btn-pedir .btn-pedir__montos {
  display: flex;
  align-items: center;
  gap: 12px;
}
.popup__btn a.btn-pedir .btn-pedir__montos .btn-pedir__total,
.popup__btn a.btn-pedir .btn-pedir__montos .btn-pedir__subtotal {
  color: #fff;
}
.popup__btn a.btn-pedir .btn-pedir__montos .btn-pedir__total {
  font-weight: 800;
  font-size: 20px;
}
.popup__btn a.btn-pedir .btn-pedir__montos .btn-pedir__subtotal {
  text-decoration: line-through;
  font-weight: 400;
  font-size: 15px;
}

.slider-combos-carrito .swiper-slide img {
  max-width: 100%;
}

.popup-producto {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .popup-producto {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.popup-producto figure {
  border-radius: 10px;
  overflow: hidden;
  max-width: 50%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .popup-producto figure {
    max-width: 100%;
  }
}
.popup-producto figure img {
  width: 280px !important;
  max-width: 280px !important;
}
.popup-producto__cont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup-producto__cont span {
  text-align: left;
}
.popup-producto__cont--tit {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.popup-producto__cont--tit h3 {
  padding-block: 0;
}
.popup-producto__cont--cantidad {
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup-producto__cont--cantidad input[type=button] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #e54141;
  background-color: #fff;
  color: #e54141;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  text-shadow: none;
  padding: 0;
  transition: all 0.2s;
  line-height: 0;
  padding-bottom: 5px;
}
.popup-producto__cont--cantidad input[type=button]:hover {
  background-color: #e54141;
  color: #fff;
}
.popup-producto__cont--cantidad input[type=button]:active {
  transform: translateY(3px);
}
.popup-producto__cont--cantidad input[type=text] {
  border: none;
  width: 20px;
  height: 30px;
  padding: 0;
  text-align: center;
}
.popup-producto__cont--cantidad--eliminar a {
  text-decoration: none;
}
.popup-producto__cont--cantidad--eliminar a i {
  color: #e54141;
}
.popup-producto__cont--btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.popup-producto__cont--btn a {
  text-decoration: none;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  border-radius: 15px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s;
  background-image: -webkit-linear-gradient(90deg, #67abac 0%, #99d5d6 92%);
}
.popup-producto__cont--btn a:hover {
  background-image: -webkit-linear-gradient(90deg, #e9b23b 0%, #e9b23b 92%);
}
.popup-producto__cont--btn a span {
  font-weight: 700;
}

.popupapp {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 50;
  width: 100%;
  padding: 10px;
  box-shadow: 0px -10px 5px 0px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .popupapp {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}
.popupapp__cabezal {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px;
}
.popupapp__cabezal h3 {
  font-size: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 5px;
}
.popupapp__cabezal--cerrar {
  position: absolute;
  top: -25px;
  right: 0px;
  background-color: #222122;
  color: #fff;
  font-size: 20px;
  padding: 5px;
  border-radius: 50%;
}
.popupapp__abrir {
  text-align: center;
  padding-block: 0 10px;
}
.popupapp__abrir span {
  color: #2e4ccf;
}
.popupapp__abrir span i {
  font-size: 20px;
}

.encurso {
  position: fixed;
  bottom: 0px;
  box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 245px;
  background-color: #fff;
  transition: all 0.3s;
  border-radius: 10px 10px 0px 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .encurso {
    height: 80px;
  }
}
.encurso.activo {
  bottom: 0;
  height: 90vh;
  overflow-y: scroll;
  z-index: 110;
}
@media (min-width: 768px) {
  .encurso.activo {
    height: 55vh;
    overflow-y: scroll;
    padding-block: 15px;
  }
}
.encurso__abrir {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 30px;
  cursor: pointer;
  padding-block: 8px;
}
.encurso__abrir--touch {
  width: 50px;
  height: 6px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.25);
  margin-block: 10px;
}
.encurso__abrir h3 {
  font-size: 18px;
}
.encurso__cont {
  display: flex;
  flex-direction: column;
  max-width: 768px;
  margin: 0 15px;
}
@media (min-width: 768px) {
  .encurso__cont {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 20px;
  }
}
.encurso__cont--productos--totales {
  padding-block: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
}
.encurso__cont--productos--items {
  padding-right: 10px;
  height: 300px;
  overflow-y: scroll;
}
.encurso__cont--productos--items--item {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 2px solid #c8c6c8;
  border-radius: 5px;
  margin-block: 5px;
  padding: 15px;
}
.encurso__cont--productos--items--item img {
  max-width: 90px;
  border-radius: 50%;
}
.encurso__cont--productos--items--item--info {
  display: flex;
  flex-direction: column;
}
.encurso__cont--pedido {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-block: 10px;
}
.encurso__cont--pedido ul li {
  list-style: none;
  color: #636063;
}
.encurso__cont--pedido p {
  padding-block: 0;
}
.encurso__cont--pedido--estado strong {
  background-color: #e9b23b;
  border-radius: 3px;
  text-align: center;
  padding: 5px;
  color: #222122;
}
.encurso__cont--pedido--tracking {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-block: 5px;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .encurso__cont--pedido--tracking {
    flex-direction: column;
    gap: 35px;
    align-items: flex-start;
  }
}
.encurso__cont--pedido--tracking--estado {
  font-size: 14px;
}
.encurso__cont--pedido--tracking--estado strong {
  background-color: #e9b23b;
  border-radius: 3px;
  text-align: center;
  padding: 5px;
  color: #222122;
}
.encurso__cont--pedido--tracking--mapa {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
  background-color: #c8c6c8;
  border-radius: 5px;
  padding: 8px 10px 8px 15px;
  position: relative;
}
.encurso__cont--pedido--tracking--mapa a {
  text-decoration: none;
  color: #222122;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
}
.encurso__cont--pedido--tracking--mapa img {
  width: 50px;
  position: absolute;
  left: -30px;
}
.encurso__cont--pedido--tracking--mapa span {
  position: absolute;
  top: -25px;
  right: -5px;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  background-color: #e9b23b;
  padding: 5px;
  border-radius: 5px;
  z-index: 1;
}
.encurso__cont--pedido--tracking--mapa span::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background-color: #e9b23b;
  bottom: -5px;
  right: 10px;
  z-index: -2;
}
.encurso__btn {
  max-width: 768px;
  margin: 0 auto;
}
.encurso__btn a {
  text-decoration: none;
  background-color: #e9b23b;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
  border-radius: 5px;
  gap: 10px;
}

.header {
  background-color: #0c0c0c;
  padding-block: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 14;
}
.header.transparent {
  background-color: transparent;
}
.header.verano {
  background: linear-gradient(180deg, rgba(12, 12, 12, 0.5) 0%, rgba(12, 12, 12, 0) 100%);
  position: fixed;
  width: 100%;
}
@media (min-width: 768px) {
  .header {
    padding-inline: 20px;
  }
}
.header__logo {
  width: auto;
}
.header__logo a {
  text-transform: none;
  transition: all 0.3s;
}
.header__logo a:hover {
  opacity: 0.5;
}
.header__logo img {
  width: 120px;
}
@media (min-width: 768px) {
  .header__logo img {
    width: 140px;
  }
}
.header__menu {
  cursor: pointer;
}
@media (min-width: 768px) {
  .header__menu {
    display: none;
  }
}
.header__menu i {
  color: #fff;
  font-size: 40px;
}
.header__nav {
  display: none;
}
@media (min-width: 768px) {
  .header__nav {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: nowrap;
    color: #fff;
    padding-inline: 15px;
  }
  .header__nav ul {
    list-style: none;
    display: flex;
    gap: 25px;
  }
  .header__nav ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    align-items: center;
  }
  .header__nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .header__nav ul li a:hover span {
    --d: 100%;
  }
  .header__nav ul li a span {
    padding-block: 5px;
  }
  .header__nav ul li a i {
    font-size: 20px;
    transition: all 0.3s;
  }
  .header__nav ul li a span {
    background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
    transition: 0.3s;
  }
  .header__nav ul li .btn-login a {
    background-color: #fff;
    color: #222122;
    padding: 10px 15px;
    border-radius: 50px;
    transition: all 0.3s;
    font-weight: 700;
  }
  .header__nav ul li .btn-login a:hover {
    background-color: #e9b23b;
    opacity: 1;
    color: #fff;
    box-shadow: 0 0 15px 0px rgba(255, 255, 255, 0.2);
  }
  .header__nav ul li .btn-login a:hover span {
    --d: 0%;
  }
  .header__nav ul li .btn-login a span {
    transition: 0.3s;
  }
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c1c1c;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-spinner {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
}
.logo-spinner img {
  width: 150px;
}

.loader {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: inline-block;
  border-top: 5px solid #FFF;
  border-right: 5px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border-bottom: 5px solid #e9b23b;
  border-left: 5px solid transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pie {
  position: relative;
  z-index: 2;
}

.hero {
  background: radial-gradient(circle, #a70000 0%, #e54141 60%, #a70000 100%);
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hero {
    background-color: #0c0c0c;
  }
}
.hero__cont {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .hero__cont {
    min-height: 150vh;
  }
}
.hero__cont--animacion {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  gap: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .hero__cont--animacion {
    padding-inline: 15px;
  }
}
@media screen and (max-width: 768px) {
  .hero__cont--animacion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 30px;
    gap: 20px;
    width: 100%;
  }
}
.hero__cont--animacion--piezas {
  grid-column: 1/2;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .hero__cont--animacion--piezas {
    width: 100%;
  }
}
.hero__cont--animacion--texto--esc {
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: center;
  width: 600px;
  max-width: 600px;
  margin-top: 0px;
  grid-column: 2/3;
}
@media screen and (max-width: 768px) {
  .hero__cont--animacion--texto--esc {
    width: auto;
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .hero__cont--animacion--texto--esc {
    padding: 65px 35px 35px 35px;
    border-radius: 30px;
  }
}
.hero__cont--animacion--texto--esc img {
  width: 220px;
}
.hero__cont--animacion--texto--esc img.bocatito-blanco {
  display: none;
}
@media (min-width: 768px) {
  .hero__cont--animacion--texto--esc img.bocatito-blanco {
    display: block;
  }
}
.hero__cont--animacion--texto--esc h1 {
  font-size: 28px;
  font-weight: 300;
  color: #222122;
}
.light-mode .hero__cont--animacion--texto--esc h1 {
  color: #222122;
}
.hero__cont--animacion--texto--esc h1 strong {
  font-weight: 700;
}
@media (min-width: 768px) {
  .hero__cont--animacion--texto--esc h1 {
    font-size: 37px;
  }
}
.hero__cont--animacion--texto--esc h2 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.hero__cont--animacion--texto--esc h3 {
  font-size: 30px;
  font-weight: 900;
  color: #fff;
  font-family: "BrandonGrotesque-BlackItalic", "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
}
.hero__cont--animacion--texto--esc h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}
.hero__cont--animacion--texto--esc--cont {
  background-color: #fff;
  padding: 40px 20px;
  border-radius: 20px;
  color: #222122;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-top: 20px;
}

.octubre25Lp {
  position: relative;
  z-index: 3;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.5s;
  max-height: 150vh;
}
@media screen and (max-width: 768px) {
  .octubre25Lp {
    padding-inline: 15px;
  }
}
@media screen and (max-width: 768px) {
  .octubre25Lp {
    width: 100%;
    padding-inline: 0;
    max-height: 200vh;
  }
}
.octubre25Lp__cont {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont {
    width: 100%;
    gap: 10px;
  }
}
.octubre25Lp__cont img {
  display: block;
}
.octubre25Lp__cont--combos {
  display: flex;
  align-items: center;
  gap: 0;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 400px;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--combos {
    gap: 10px;
    width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--combos {
    width: 85vw;
  }
}
.octubre25Lp__cont--combos img {
  width: 80%;
}
.octubre25Lp__cont--combos img.combosIrresistibles {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
}
.octubre25Lp__cont--combos img.fotoEmpanada {
  margin-top: -100px;
  width: 220px;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--combos img.fotoEmpanada {
    display: none;
  }
}
.octubre25Lp__cont--combos svg {
  position: absolute;
  left: -55px;
  top: -25px;
  width: 50px;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--combos svg {
    left: 18px;
    top: -30px;
  }
}
.octubre25Lp__cont--20off {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 500px;
  position: relative;
}
.octubre25Lp__cont--20off img {
  width: 45%;
}
.octubre25Lp__cont--20off img.envioGratis {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--20off {
    width: 85vw;
  }
}
.octubre25Lp__cont--20off--motito {
  position: absolute;
  right: -30px;
  top: 10px;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--20off--motito {
    top: -15px;
    right: -20px;
  }
}
.octubre25Lp__cont--20off--motito img {
  width: 120px;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--20off--motito img {
    width: 90px;
  }
}
.octubre25Lp__cont--bajada {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.octubre25Lp__cont--bajada img {
  width: 280px;
}
@media screen and (max-width: 768px) {
  .octubre25Lp__cont--bajada img {
    width: 80vw;
  }
}

.direccion {
  padding-block: 70px 10px;
}
@media (min-width: 380px) {
  .direccion {
    padding-block: 50px 10px;
  }
}
@media (min-width: 768px) {
  .direccion {
    max-width: 600px;
    margin: 0 auto;
    padding-block: 0 10px;
  }
}
.direccion h2 {
  font-size: 18px;
  font-weight: 400;
  color: #222122;
  text-align: center;
}
@media (min-width: 768px) {
  .direccion h2 {
    font-size: 24px;
    font-weight: 700;
  }
}
.direccion h4 {
  font-size: 14px;
  font-weight: 400;
  color: #636063;
  text-align: center;
  padding-block: 5px 0;
}
@media (min-width: 768px) {
  .direccion h4 {
    font-size: 20px;
    font-weight: 700;
  }
}
.direccion__ingresar {
  padding-block: 15px;
}
.direccion__ingresar a,
.direccion__ingresar div {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 2px solid #e9b23b;
  border-radius: 5px;
  padding: 20px 10px;
  width: 100%;
  text-decoration: none;
  color: #222122;
  transition: all 0.3s;
}
.direccion__ingresar a:hover,
.direccion__ingresar div:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.direccion__ingresar a span,
.direccion__ingresar div span {
  font-size: 16px;
  font-weight: 400;
}
.direccion__ingresar a i,
.direccion__ingresar div i {
  font-size: 20px;
}
.direccion__ingresar a i:first-child,
.direccion__ingresar div i:first-child {
  border-right: solid 1px #222122;
  padding-inline-end: 10px;
}
.direccion__ingresar a i:last-child,
.direccion__ingresar div i:last-child {
  margin-left: auto;
}
.direccion__btnok {
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.direccion__btnok a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
}
.direccion__btnok:hover {
  background-image: linear-gradient(90deg, #e9b23b, #e54141);
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.direccion__login {
  text-align: center;
  padding-block: 20px;
  display: none;
}
@media (min-width: 768px) {
  .direccion__login {
    display: block;
  }
}
.direccion__login a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #222122;
}
.direccion__login a span {
  font-weight: 900;
  padding-block: 5px;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.2s;
}
.direccion__login a:hover span {
  --d: 100%;
}
.direccion__login-principal {
  text-align: center;
  margin-block: 15px 5px;
}
@media (min-width: 768px) {
  .direccion__login-principal {
    display: none;
  }
}
.direccion__login-principal a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 20px;
  gap: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.direccion__sucursal {
  text-align: left;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  margin-block: 50px;
}
.direccion__sucursal h2 {
  font-size: 16px;
  padding-block: 0;
  text-align: left;
}
.direccion__sucursal h3 {
  font-size: 14px;
}
.direccion__sucursal p {
  font-size: 14px;
  color: #636063;
}
.direccion__agregar {
  transition: all 0.2s;
}
.direccion__agregar:hover span {
  --d: 100%;
}
.direccion__agregar a,
.direccion__agregar i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #222122;
  padding-block: 15px;
  transition: all 0.2s;
}
.direccion__agregar span {
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.2s;
  padding-block: 5px;
}
.direccion__help {
  font-size: 15px;
  font-weight: 700;
  padding-block: 15px;
  background-color: #222122;
  text-align: left;
  color: #e9b23b;
  padding: 24px;
  border-radius: 3px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .direccion-d-mode {
    max-width: 600px;
  }
}
.direccion-d-mode h2 {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  color: #222122;
}
.light-mode .direccion-d-mode h2 {
  color: #222122;
}
@media (min-width: 768px) {
  .direccion-d-mode h2 {
    font-size: 24px;
    font-weight: 700;
  }
}
.direccion-d-mode h4 {
  font-size: 14px;
  font-weight: 400;
  color: #222122;
  text-align: center;
}
.direccion-d-mode__ingresar a,
.direccion-d-mode__ingresar div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 10px;
  padding: 20px;
  width: 100%;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  background-color: #222122;
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .direccion-d-mode__ingresar a,
.direccion-d-mode__ingresar div {
    padding: 15px;
  }
}
.direccion-d-mode__ingresar a span,
.direccion-d-mode__ingresar div span {
  font-size: 20px;
  font-family: "BrandonGrotesque-BlackItalic", "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .direccion-d-mode__ingresar a span,
.direccion-d-mode__ingresar div span {
    font-size: 17px;
  }
}
.direccion-d-mode__ingresar a i,
.direccion-d-mode__ingresar div i {
  font-size: 22px;
}
.direccion-d-mode__ingresar a:hover,
.direccion-d-mode__ingresar div:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  background-color: #e9b23b;
}
.direccion-d-mode__misdirecciones a,
.direccion-d-mode__misdirecciones div {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  border-radius: 10px;
  border: 1px solid #636063;
  padding: 20px;
  width: 100%;
  text-decoration: none;
  color: #222122;
  transition: all 0.3s;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s;
}
.direccion-d-mode__misdirecciones a span,
.direccion-d-mode__misdirecciones div span {
  font-size: 14px;
}
.direccion-d-mode__misdirecciones a i,
.direccion-d-mode__misdirecciones div i {
  font-size: 22px;
}
.direccion-d-mode__misdirecciones a i.bi-caret-down-fill,
.direccion-d-mode__misdirecciones div i.bi-caret-down-fill {
  margin-left: auto;
}
.direccion-d-mode__misdirecciones a:hover,
.direccion-d-mode__misdirecciones div:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  border-color: #e9b23b;
}
.direccion-d-mode__tools {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.direccion-d-mode__tools h4 {
  font-size: 13px;
}
.direccion-d-mode__tools a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #e54141;
  text-decoration: none;
  transition: all 0.2s;
}
.direccion-d-mode__tools a:hover {
  color: #e9b23b;
}
.direccion-d-mode__tools a span {
  font-size: 13px;
  font-weight: 700;
}
.direccion-d-mode__tools a i {
  font-size: 18px;
}
.direccion-d-mode__btnok {
  background-image: linear-gradient(90deg, #e9b23b, #e54141);
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.direccion-d-mode__btnok a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
}
.direccion-d-mode__btnok:hover {
  background-image: linear-gradient(90deg, #e54141, #e9b23b);
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.direccion-d-mode__login {
  text-align: center;
  padding-top: 20px;
}
.direccion-d-mode__login a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #222122;
}
.light-mode .direccion-d-mode__login a {
  color: #222122;
}
.direccion-d-mode__login a span {
  font-weight: 400;
  font-size: 16px;
}
.direccion-d-mode__login a span strong {
  font-weight: 700;
  font-size: 16px;
  padding-block: 5px;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.2s;
}
.direccion-d-mode__login a i {
  font-size: 22px;
}
.direccion-d-mode__login a:hover span strong {
  --d: 100%;
}
.direccion-d-mode__login-principal {
  text-align: center;
  margin-block: 15px 5px;
}
@media (min-width: 768px) {
  .direccion-d-mode__login-principal {
    display: none;
  }
}
.direccion-d-mode__login-principal a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  padding: 20px;
  gap: 5px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}
.direccion-d-mode__sucursal {
  text-align: left;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  margin-block: 30px 0;
  background-color: #0c0c0c;
}
.light-mode .direccion-d-mode__sucursal {
  background-color: #fff;
  border: 2px solid #e9b23b;
  box-shadow: noone;
}
.direccion-d-mode__sucursal h2 {
  font-size: 16px;
  padding-block: 0;
  text-align: left;
}
.light-mode .direccion-d-mode__sucursal h2 {
  color: #222122;
}
.direccion-d-mode__sucursal h3 {
  font-size: 16px;
  color: #fff;
}
.light-mode .direccion-d-mode__sucursal h3 {
  color: #222122;
}
.direccion-d-mode__sucursal p {
  font-size: 14px;
  color: #fff;
}
.light-mode .direccion-d-mode__sucursal p {
  color: #222122;
  padding-block: 15px 0;
}
.direccion-d-mode__agregar {
  transition: all 0.2s;
}
.direccion-d-mode__agregar:hover span {
  --d: 100%;
}
.direccion-d-mode__agregar a,
.direccion-d-mode__agregar i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #222122;
  padding-block: 15px;
  transition: all 0.2s;
}
.direccion-d-mode__agregar span {
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.2s;
  padding-block: 5px;
}
.direccion-d-mode__help {
  font-size: 14px;
  background-color: #e9b23b;
  text-align: left;
  color: #222122;
  border-radius: 5px;
  padding: 15px 24px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 10px;
}
.direccion-d-mode__help i {
  font-size: 18px;
}
.direccion-d-mode__help span {
  font-size: 13px;
}

.cerrado {
  width: 100%;
  color: #e54141;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 2px solid #e54141;
  margin-bottom: 15px;
}
.cerrado i {
  font-size: 36px;
}
.cerrado__data {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  gap: 5px;
}
.cerrado__data h3 {
  font-size: 15px;
  color: #e54141;
  background-image: none;
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: currentColor;
}
.cerrado__data span {
  font-size: 14px;
}
.cerrado__data a {
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s;
  color: #222122;
  font-weight: 700;
}
.cerrado__data a:hover {
  color: #e54141;
}

.banner-a__img-c {
  display: block;
}
.banner-a__img-b {
  display: none;
}
.banner-a__img-a {
  display: none;
}
@media (min-width: 480px) {
  .banner-a__img-c {
    display: none;
  }
  .banner-a__img-b {
    display: block;
  }
  .banner-a__img-a {
    display: none;
  }
}
@media (min-width: 1024px) {
  .banner-a__img-c {
    display: none;
  }
  .banner-a__img-b {
    display: none;
  }
  .banner-a__img-a {
    display: block;
  }
}

li.accesoCombos {
  display: flex;
  align-items: center;
  gap: 20px;
}
li.accesoCombos a {
  color: #fff !important;
  transition: all 0.2s;
}
li.accesoCombos a:hover {
  color: #e9b23b !important;
}
li.accesoCombos a:hover span {
  --d: 0% !important;
}
li.accesoCombos a span {
  background: none !important;
  transition: all 0.2s !important;
}

li.accesoCombosMobile a {
  color: #3f6fff !important;
}
li.accesoCombosMobile a h6 {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #3f6fff;
  color: #fff !important;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 3px;
  margin-left: auto;
}

.contParadas {
  background: linear-gradient(to bottom, rgba(12, 12, 12, 0.4), rgba(64, 64, 64, 0.4));
  color: #fff;
  padding-block: 20px;
}
.contParadas__header {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}
.contParadas__header h4 {
  color: #fff;
  text-align: left;
}
.contParadas__header span {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin: 0;
  color: #fff;
  background-color: #e54141;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 800;
  border-radius: 5px;
}
.contParadas__ingresar a {
  background-color: #fff;
  color: #222122;
}
@media screen and (max-width: 768px) {
  .contParadas__ingresar a {
    gap: 5px;
  }
}
@media screen and (max-width: 768px) {
  .contParadas__ingresar a span {
    font-size: 15px;
  }
}
.contParadas__ingresar a:hover {
  color: #fff;
}

.paradasItems__item {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 2px solid #b5c3d1;
  border-radius: 10px;
  padding: 20px 10px;
}
.paradasItems__item input[type=radio] {
  width: 20px;
  height: 20px;
}
.paradasItems__item label {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}
.paradasItems__item label .paradasItems__item--header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: start;
  width: 100%;
}
.paradasItems__item label .paradasItems__item--header span {
  font-size: 13px !important;
}
.paradasItems__item label .paradasItems__item--header span strong {
  font-weight: 800;
  font-size: 16px !important;
}
.paradasItems__item label a {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 13px;
  text-decoration: none;
  color: #636063;
  font-weight: 700;
}

body {
  width: 100%;
}

main {
  position: relative;
  padding-inline: 15px;
  z-index: 1;
  overflow: hidden;
  padding-block: 25px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  main {
    max-width: 1080px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  main {
    padding-inline: 15px;
  }
}
@media screen and (min-width: 768px) {
  main h2.heroTitleMobile {
    display: none;
  }
}

header {
  display: flex;
  align-items: center;
  gap: 25px;
  width: 100%;
  position: relative;
  padding: 15px;
  transition: all 0.2s;
}
header.scroll {
  position: sticky;
  background-color: #fff;
  height: auto;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  top: 0;
  z-index: 50;
}
header .menuMobile {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-left: auto;
}
header .menuMobile i {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  header .menuMobile {
    display: none;
  }
}
header .logo {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.2s;
}
header .logo a {
  transition: all 0.2s;
}
header .logo a svg {
  width: 150px;
  height: auto;
}
@media screen and (max-width: 768px) {
  header .logo a svg {
    width: 110px;
  }
}
.scroll header .logo a svg {
  width: 80px;
}
header .logo a svg .st0 {
  fill: #222122;
}
header .logo a svg .st1 {
  fill: #e9b23b;
}
header .logo a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  header .logo {
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0);
  }
}
header nav {
  margin-left: auto;
}
header nav ul {
  display: flex;
  align-items: center;
  gap: 15px;
  list-style: none;
}
header nav ul li {
  list-style: none;
}
header nav ul a {
  color: #222122;
  font-size: 14px;
  font-weight: 700;
  padding-block: 5px;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
}
header nav ul a:hover {
  --d: 100%;
  color: #222122;
}
header nav ul a span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  header nav {
    display: none;
  }
}
header .carrito {
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
}
header .carrito:hover svg {
  fill: #7c1111;
  transform: scale(1.1);
}
header .carrito:hover .carrito__cantidad {
  top: -8px;
  transform: scale(1.1);
}
header .carrito__cantidad {
  position: absolute;
  top: -5px;
  left: -10px;
  background-color: #e9b23b;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.2s;
}
header .carrito__cantidad span {
  font-size: 12px;
}
header .carrito a {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
header .carrito a svg {
  width: 40px;
  fill: #222122;
  transition: all 0.2s;
}

.hero {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  position: relative;
  padding: 20px;
  color: #fff;
  overflow: visible;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 105px;
  overflow: hidden;
  border-style: solid;
  border-width: 3px;
  border-color: #d3d3d3;
  border-radius: 20px;
  background-image: -moz-linear-gradient(90deg, #290000 0%, #000000 92%);
  background-image: -webkit-linear-gradient(90deg, #290000 0%, #000000 92%);
  background-image: -ms-linear-gradient(90deg, #290000 0%, #000000 92%);
}
@media screen and (min-width: 768px) {
  .hero {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    align-items: center;
    padding: 50px;
    padding-bottom: 0pc;
    margin-top: 25px;
    min-height: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    overflow: visible;
    margin-top: 60px;
  }
}
.hero__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .hero__bg {
    overflow: hidden;
    border-radius: 20px;
  }
}
.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.5;
  display: block;
}
.hero figure {
  margin-top: -110px;
  margin-left: 0;
  margin-right: 0;
  width: 380px;
}
@media screen and (min-width: 768px) {
  .hero figure {
    width: 460px;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width: 400px) {
  .hero figure {
    width: 320px;
  }
}
.hero figure h2 {
  font-size: 30px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .hero figure h2 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .hero figure h3, .hero figure h4 {
    color: #222122;
  }
}
.hero figure img {
  width: 100%;
  height: auto;
}
.hero .slidePortadaA {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .hero .slidePortadaA {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .hero .slidePortadaA img {
    mask-image: linear-gradient(to bottom, black 0%, black 40%, rgba(0, 0, 0, 0.2) 70%);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
  }
}
.hero__tools {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .hero__tools {
    padding-bottom: 25px;
    padding-top: 25px;
    min-height: 245px;
    justify-content: flex-end;
  }
}
.hero__tools--midireccion {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.hero__tools--midireccion i {
  font-size: 24px;
}
.hero__tools--midireccion--tit {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.hero__tools--midireccion--tit span {
  font-size: 13px;
}
.hero__tools--midireccion--tit strong {
  font-weight: bold;
  font-size: 15px;
}
.hero__tools--midireccion--cambiar {
  margin-left: auto;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 60px;
  padding: 8px 12px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s;
}
.hero__tools--midireccion--cambiar span {
  font-size: 13px;
  font-weight: 600;
}
.hero__tools--midireccion--cambiar:hover {
  background-color: #fff;
  color: #7c1111;
}
.hero__tools--login {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  width: 100%;
  color: #fff;
}
.hero__tools--login a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: currentColor;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.3s;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .hero__tools--login a {
    font-size: 13px;
  }
}
.hero__tools--login a span {
  font-weight: 700;
}
.hero__tools--login a:hover {
  --d: 100%;
}
.hero__tools--login span {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .hero__tools--login span {
    font-size: 13px;
  }
}
.hero__tools--login i {
  font-size: 20px;
}
.hero__tools--sindirecciones {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
}
.hero__tools--sindirecciones a {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 60px;
  padding: 10px 18px;
  cursor: pointer;
  transition: all 0.2s;
  color: #fff;
  text-decoration: none;
}
.hero__tools--sindirecciones a span {
  font-size: 15px;
  font-weight: 600;
}
.hero__tools--sindirecciones a:hover {
  background-color: #fff;
  color: #7c1111;
}
.hero__tools--sindirecciones span {
  font-size: 15px;
}
.hero__tools--btn a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: center;
  background-color: #fff;
  color: #e54141;
  border-radius: 60px;
  padding: 12px;
  text-decoration: none;
  transition: all 0.2s;
}
.hero__tools--btn a:hover {
  background-color: #e54141;
  color: #fff;
}
.hero__tools--btn a.btnDos {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.hero__tools--btn a.btnDos:hover {
  background-color: #fff;
  color: #e54141;
}
.hero__tools--btn a svg {
  width: 60px;
  fill: currentColor;
}
.hero__tools--btn a span {
  color: currentColor;
  font-size: 16px;
  font-weight: 700;
}
.hero__tools--btn a tag {
  background-color: #e54141;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 10px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 700;
}

.slidePortada {
  width: 100%;
  overflow: hidden;
}
.slidePortada img {
  border-radius: 20px;
  overflow: hidden;
}

.destacados {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.destacados .slideDestacados {
  width: 100%;
  overflow: hidden;
}
.destacados__titulo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  align-items: center;
}
.destacados .swiper-wrapper {
  overflow: visible;
}
.destacados__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background-color: #e54141;
  border-radius: 20px;
  padding: 15px 15px;
  overflow: visible;
}
.destacados__item figure {
  width: 100%;
}
.destacados__item figure img {
  width: 100%;
  height: auto;
}
.destacados__item--info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: space-between;
  position: relative;
  min-height: 100px;
}
.destacados__item--info h3 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.destacados__item--info h4 {
  color: #fff;
  font-weight: 800;
}
.destacados__item--info span {
  font-size: 13px;
  color: #fff;
}
.destacados__item--info--precio {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.destacados__item--info--precio--empanada {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 60px;
}
.destacados__item--info--precio--empanada svg {
  fill: #e9b23b;
  width: 20px;
}
.destacados__item--info--precio--empanada span {
  font-size: 13px;
  font-weight: 800;
  color: #a70000;
}

footer {
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block: 50px 25px;
}
@media screen and (max-width: 768px) {
  footer {
    padding-inline: 15px;
  }
}
footer .redes {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  footer .redes {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
  }
}
footer .redes span {
  font-size: 12px;
}
footer .redes a {
  color: #222122;
}
footer .redes a i {
  font-size: 24px;
}
footer .redes a:hover {
  color: #7c1111;
}
footer nav ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
}
footer nav ul li {
  list-style: none;
}
@media screen and (min-width: 768px) {
  footer nav ul {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    justify-content: center;
  }
}
footer nav ul a {
  color: #222122;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
footer nav ul a span {
  font-size: 13px;
  font-weight: 600;
}
footer nav ul a i {
  font-size: 22px;
}
footer nav ul a svg {
  fill: currentColor;
  height: 24px;
}
footer nav ul a:hover {
  color: #7c1111;
}
footer nav ul a:hover svg {
  fill: #7c1111;
}
footer small {
  text-align: center;
  font-size: 12px;
  color: #636063;
}
footer small a {
  font-size: 12px;
}
footer .firma {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  footer .firma {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 25px;
  }
}
footer .firma__desarrollo {
  display: flex;
  align-items: center;
  gap: 8px;
}
footer .firma__desarrollo span {
  font-size: 11px;
  color: #636063;
}
footer .firma__desarrollo img {
  height: 15px;
}
footer .firma__desarrollo img.i2esLogo {
  height: 30px;
}

.login {
  background-color: #fff;
  padding: 20px;
}
@media (min-width: 768px) {
  .login {
    border-radius: 20px;
    padding: 50px;
    margin: 30px auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border: 2px solid #e9b23b;
  }
}
.login h1 {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  background-image: linear-gradient(45deg, #d99c18, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .login h1 {
    font-size: 40px;
  }
}
.login h2 {
  font-size: 16px;
  color: #636063;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 768px) {
  .login h2 {
    font-size: 18px;
  }
}
.login__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 768px) {
  .login__header {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
}
.login__header--icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#e9b23b 0%, #ccc 0);
  position: relative;
}
.login__header--icon i {
  font-size: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 25%;
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
.login__header--icon.completado1 {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#e9b23b 33%, #ccc 0);
}
.login__header--icon.completado2 {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#e9b23b 75%, #ccc 0);
}
.login__header--icon.completado3 {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(#e9b23b 100%, #ccc 0);
}
.login__header h1 {
  font-size: 30px;
  font-weight: 900;
  text-align: left;
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .login__header h1 {
    font-size: 40px;
  }
}
.login__header h2 {
  font-size: 16px;
  color: #636063;
  text-align: left;
  font-weight: 400;
}
.login__header h2 strong {
  line-height: 24px;
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .login__header h2 {
    font-size: 18px;
  }
}
.login__recordarme {
  padding-block: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.login__recordarme label {
  font-size: 16px;
  color: #636063;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 768px) {
  .login__recordarme label {
    font-size: 18px;
  }
}
.login__facebook {
  padding-block: 0px 15px;
}
@media (min-width: 768px) {
  .login__facebook {
    padding-block: 0px 20px;
  }
}
.login__facebook a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: 2px solid #3b5998;
  border-radius: 5px;
  padding: 15px;
  transition: all 0.3s;
  cursor: pointer;
}
.login__facebook a:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  background-color: #c8c6c8;
}
.login__facebook a span {
  font-size: 15px;
  color: #636063;
  font-weight: 700;
}
@media (min-width: 768px) {
  .login__facebook a span {
    font-size: 18px;
  }
}
.login__facebook a i {
  font-size: 30px;
  color: #3b5998;
}
.login__google {
  padding-block: 10px 5px;
}
@media (min-width: 768px) {
  .login__google {
    padding-block: 15px 5px;
  }
}
.login__google a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: 2px solid #e9b23b;
  border-radius: 5px;
  padding: 15px;
  transition: all 0.3s;
  cursor: pointer;
}
.login__google a:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  background-color: #c8c6c8;
}
.login__google a span {
  font-size: 15px;
  color: #636063;
  font-weight: 700;
}
@media (min-width: 768px) {
  .login__google a span {
    font-size: 18px;
  }
}
.login__google a img {
  width: 30px;
}
.login__olvido {
  padding-block: 10px;
}
.login__olvido h3 {
  font-size: 14px;
  color: #636063;
  text-align: left;
  font-weight: 400;
  cursor: pointer;
}
@media (min-width: 768px) {
  .login__olvido h3 {
    font-size: 18px;
  }
}
.login__olvido h3:hover {
  color: #e9b23b;
}
.login__registro {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block: 25px 0;
}
.login__registro h2 {
  font-size: 24px;
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  font-weight: 900;
}
.login__registro a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  padding: 20px;
  background-color: #fff;
  border: 2px solid #222122;
  border-radius: 50px;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #222122;
  margin-block: 15px;
  transition: all 0.3s;
}
.login__registro a:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  border-color: #e9b23b;
}
.login__registro a i {
  font-size: 20px;
}
.login__crearcuenta {
  padding-block: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.login__crearcuenta--terminos {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block: 15px;
}
.login__crearcuenta--terminos label {
  font-size: 15px;
  color: #636063;
}
.login__crearcuenta--terminos label a {
  font-weight: 600;
  transition: all 0.2s;
}
.login__crearcuenta--terminos label a:hover {
  color: #e9b23b;
}
.login__crearcuenta--login {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #222122;
  font-weight: 400;
  font-size: 16px;
}
.login__crearcuenta--login:hover a {
  --d: 100%;
}
.login__crearcuenta--login a {
  color: #222122;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  padding-block: 5px;
}
.login__crearcuenta--login span {
  color: #222122;
  font-weight: 400;
  font-size: 16px;
}
.login__micuenta {
  padding-block: 15px;
}
.login__micuenta form label {
  font-weight: 600;
}
.login__micuenta form input[type=text],
.login__micuenta form input[type=date] {
  margin-block: 8px 20px;
}
.login__micuenta--titulo {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-block: 20px 10px;
}
.login__micuenta--titulo span {
  font-size: 20px;
  color: #fff;
  background-color: #e9b23b;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  font-weight: 900;
  vertical-align: middle;
  padding-top: 2px;
}
.login__micuenta--titulo h3 {
  font-size: 18px;
  color: #222122;
}
.login__baja {
  padding-top: 35px;
}
.login__baja a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #222122;
  font-size: 16px;
  font-weight: 400;
}
.login__baja a:hover {
  color: #e54141;
}
.login__suscripcion {
  padding-block: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.login__suscripcion input {
  margin-block: 0;
}
.login .hidden {
  display: none;
}

.campoForm {
  margin-block: 5px 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.campoForm input {
  height: 60px;
  margin-block: 0 !important;
}
.campoForm .mostrarPass {
  position: absolute;
  right: 15px;
  bottom: 20px;
  cursor: pointer;
  transition: all 0.2s;
}
.campoForm .mostrarPass:hover {
  opacity: 0.75;
}
.campoForm .mostrarPass i {
  font-size: 20px;
}

.mispedidos {
  padding-block: 25px;
}
.mispedidos__item {
  border: 2px solid #c8c6c8;
  padding: 15px;
  border-radius: 5px;
  margin-block: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s;
}
.mispedidos__item:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.mispedidos__item a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #222122;
  transition: all 0.2s;
}
.mispedidos__item a strong {
  font-size: 22px;
  font-weight: 900;
  background-image: linear-gradient(45deg, #539348, #f8ae00);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
.mispedidos__item a span {
  font-size: 14px;
  color: #636063;
}
.mispedidos__item a:hover {
  color: #e9b23b;
}
.mispedidos__item--estados {
  background-color: #e9b23b;
  color: #fff;
  font-weight: 700;
  padding: 10px;
  border-radius: 5px;
}
.mispedidos__item--estados a {
  color: #fff;
  transition: all 0.2s;
  font-size: 14px;
}
.mispedidos__item--estados a:hover {
  color: #222122;
}
.mispedidos__item--estados.cancelado {
  background-color: #e54141;
}
.mispedidos__item--estados.entregado {
  background-color: #e54141;
}

.mipedido__tools {
  display: flex;
  padding-block: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media (min-width: 768px) {
  .mipedido__tools {
    font-size: 18px;
    flex-direction: row;
    justify-content: center;
    gap: 25px;
  }
}
.mipedido__tools a {
  text-decoration: none;
  color: #222122;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mipedido__tools a i {
  font-size: 20px;
}
.mipedido__tools a:hover {
  opacity: 0.5;
}
.mipedido__resumen {
  margin-block: 15px;
}
.mipedido__resumen--estados {
  display: flex;
  flex-direction: column;
  padding-block: 10px;
  gap: 30px;
  position: relative;
}
.mipedido__resumen--estados::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 72%;
  background-color: #d8d8d8;
  top: 19px;
  left: 10px;
}
.mipedido__resumen--estados--estado {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  position: relative;
}
.mipedido__resumen--estados--estado a {
  background-color: #c8c6c8;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 10px 25px;
  border-radius: 50px;
  color: #636063;
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
}
.mipedido__resumen--estados--estado a::after {
  content: "NUEVO";
  font-size: 13px;
  font-weight: 700;
  border-radius: 3px;
  padding: 3px 6px;
  background-color: #e54141;
  color: #fff;
  position: absolute;
  top: -15px;
  right: 0;
}
.mipedido__resumen--estados--estado a:hover {
  color: #fff;
  background-color: #e9b23b;
}
.mipedido__resumen--estados--estado a span {
  font-size: 15px;
}
.mipedido__resumen--estados--estado a i {
  font-size: 19px;
}
.mipedido__resumen--estados--estado--cola {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.mipedido__resumen--estados--estado--cola--progreso {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 10px;
  font-size: 15px;
  color: #e54141;
  font-weight: 700;
  background-image: linear-gradient(100deg, #e9b23b 0%, #e9b23b 85%, #c8c6c8 85%, #c8c6c8 100%);
  padding: 5px;
  border-radius: 10px;
}
.mipedido__resumen--estados--estado--cola--progreso i {
  font-size: 26px;
  background-color: #e54141;
  color: #fff;
  border-radius: 50px;
  padding: 6px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 76%;
  top: -40px;
  z-index: 1;
}
.mipedido__resumen--estados--estado--cola--progreso i::after {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #e54141;
  transform: rotate(45deg);
  position: absolute;
  bottom: -4px;
  left: 12px;
  z-index: 0;
}
.mipedido__resumen--estados--estado--cola--progreso.progreso10 {
  background-image: linear-gradient(100deg, #e9b23b 0%, #e9b23b 20%, #c8c6c8 20%, #c8c6c8 100%);
}
.mipedido__resumen--estados--estado--cola--progreso.progreso10 i {
  left: 10%;
}
.mipedido__resumen--estados--estado--cola--progreso.progreso5 {
  background-image: linear-gradient(100deg, #e9b23b 0%, #e9b23b 60%, #c8c6c8 60%, #c8c6c8 100%);
}
.mipedido__resumen--estados--estado--cola--progreso.progreso5 i {
  left: 50%;
}
.mipedido__resumen--estados--estado--cola--posicion span {
  font-weight: 400;
  font-size: 14px;
  color: #e54141;
}
.mipedido__resumen--estados--estado--cola--posicion span strong {
  color: #fff;
  padding: 3px 8px;
  border-radius: 3px;
  font-weight: 700;
  background-color: #e54141;
}
.mipedido__resumen--estados--estado--info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.mipedido__resumen--estados--estado--info h2 {
  font-size: 16px;
  color: #e54141;
  font-weight: 700;
  padding-left: 30px;
  text-align: left;
}
.mipedido__resumen--estados--estado--info span {
  font-size: 14px;
  color: #636063;
  padding-left: 30px;
}
.mipedido__resumen--estados--estado::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #e54141;
  border: 3px solid #fff;
  left: 0px;
  margin-top: 2px;
}
.mipedido__resumen--estados--estado.recibido h2 {
  color: #e54141;
}
.mipedido__resumen--estados--estado.recibido::before {
  background-color: #e54141;
}
.mipedido__resumen--estados--estado.pendiente h2 {
  color: #e9b23b;
}
.mipedido__resumen--estados--estado.pendiente::before {
  background-color: #e9b23b;
}
.mipedido__resumen--estados--estado.encamino h2 {
  color: #e9b23b;
}
.mipedido__resumen--estados--estado.encamino::before {
  background-color: #e9b23b;
  z-index: 2;
  border-color: rgba(255, 255, 255, 0.8);
}
.mipedido__resumen--estados--estado.encamino::after {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #e9b23b;
  border: 3px solid #fff;
  left: -14px;
  top: -5px;
  z-index: 0;
  animation: pulse-ring 1.6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.4);
  }
  80%, 100% {
    opacity: 0;
  }
}
.mipedido__resumen--actualizar {
  padding-block: 5px 15px;
}
.mipedido__resumen--actualizar a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #e9b23b;
  width: fit-content;
  font-weight: 700;
  border: 1px solid #e9b23b;
  padding: 5px 10px;
  border-radius: 5px;
  transition: all 0.2s;
}
.mipedido__resumen--actualizar a:hover {
  background-color: #e9b23b;
  color: #fff;
}
.mipedido__resumen--actualizar a i {
  font-size: 18px;
  vertical-align: middle;
}
.mipedido__resumen--actualizar a span {
  line-height: 0;
}
.mipedido__resumen--linea {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #c8c6c8;
  padding-block: 10px;
  gap: 20px;
}
@media (min-width: 768px) {
  .mipedido__resumen--linea {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #c8c6c8;
    padding-block: 10px;
  }
}
.mipedido__resumen--linea:last-child {
  border-bottom: none;
}
.mipedido__resumen--linea--sucursal {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .mipedido__resumen--linea--sucursal {
    text-align: right;
  }
}
.mipedido__resumen--linea--sucursal span:first-child {
  font-weight: 700;
}
.mipedido__resumen--linea.estado span:last-child {
  background-color: #e9b23b;
  padding: 10px;
  font-weight: 700;
  border-radius: 5px;
  text-align: center;
}
.mipedido__productos {
  display: flex;
  flex-direction: column;
  margin-block: 15px;
}
.mipedido__productos--item {
  border: 2px solid #c8c6c8;
  padding: 15px;
  border-radius: 5px;
  margin-block: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s;
}
.mipedido__productos--item--producto {
  display: flex;
  gap: 10px;
  align-items: center;
}
.mipedido__productos--item--producto span {
  display: block;
  font-size: 15px;
}
.mipedido__productos--item--precio {
  font-size: 18px;
  color: #e54141;
  font-weight: 700;
}
.mipedido__productos--item img {
  border-radius: 50%;
  max-width: 80px;
}
.mipedido__totales--linea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #c8c6c8;
  padding-block: 15px;
}
.mipedido__totales--linea.total span {
  font-weight: 700;
}
.mipedido__totales--linea.cupon-res {
  margin-block: 5px;
}
.mipedido__totales--linea.cupon-res span {
  color: #e54141;
  font-weight: 500;
}
.mipedido__totales--linea.cupon-res span strong {
  font-size: 18px;
  font-family: "Brandon Grotesque", "Lato", sans-serif;
  color: #e54141;
  padding: 5px 10px;
  border: 2px dashed #e54141;
  border-radius: 3px;
}
.mipedido__reprogramar {
  border: 2px solid #e54141;
  padding: 15px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-block: 5px 15px;
  text-align: center;
}
.mipedido__reprogramar a {
  text-decoration: none;
  color: #222122;
  padding-block: 5px;
  font-weight: 700;
  margin-block: 10px 5px;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.3s;
}
.mipedido__reprogramar a:hover {
  --d: 100%;
}

.paginacion {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.paginacion__resultado {
  font-size: 13px;
}
.paginacion__nav form nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.paginacion__nav form nav ul li {
  list-style: none;
}
.paginacion__nav form nav ul li a {
  text-decoration: none;
  color: #222122;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 700;
  transition: all 0.2s;
}
.paginacion__nav form nav ul li a:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  border-color: #e9b23b;
}
.paginacion__nav form nav ul li.active a {
  background-color: #e9b23b;
  color: #fff;
  border-color: #e9b23b;
}

ul.pagination {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 15px;
  justify-content: center;
}
ul.pagination li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  background-color: #fff;
  padding: 6px 10px;
  border: 2px solid #222122;
  border-radius: 50px;
  transition: all 0.2s;
}
ul.pagination li:hover {
  background-color: #e9b23b;
}
ul.pagination li.active {
  background-color: #222122;
}
ul.pagination li.active a {
  color: #fff;
}
ul.pagination li a {
  text-decoration: none;
  color: #222122;
  font-weight: 700;
}
ul.pagination li a span.icono-slider-der {
  font-size: 18px;
}
ul.pagination li a span.icono-slider-der::before {
  content: "\f135";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
ul.pagination li a span.icono-slider-izq {
  font-size: 18px;
}
ul.pagination li a span.icono-slider-izq::before {
  content: "\f12c";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}

.novedades {
  padding: 20px 5px;
  margin-block: 0;
}
@media (min-width: 768px) {
  .novedades {
    padding: 30px 5px;
    margin-block: 20px;
    border-radius: 5px;
    border-bottom: none;
    background-color: #e9b23b;
  }
}

.sucursal-asignada {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0px;
  margin-inline: 15px;
}
@media (min-width: 768px) {
  .sucursal-asignada {
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-inline: auto;
  }
}
.sucursal-asignada__midireccion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #222122;
  font-size: 14px;
  padding: 15px 15px;
  width: 100%;
  background-color: #e0e5e8;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
}
.sucursal-asignada__midireccion--datos {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  gap: 2px;
}
.sucursal-asignada__midireccion--datos span {
  font-size: 12px;
}
.sucursal-asignada__midireccion--datos strong {
  font-size: 12px;
}
.sucursal-asignada__midireccion--cambiar {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: fit-content;
  color: #7c1111;
  border: 1px solid currentColor;
  padding: 5px 10px;
  border-radius: 60px;
  font-size: 12px;
  font-weight: 700;
  transition: all 0.2s;
}
.sucursal-asignada__midireccion--cambiar:hover {
  background-color: #e54141;
  color: #fff;
  border-color: #e54141;
}
.sucursal-asignada__midireccion i {
  font-size: 20px;
}
.sucursal-asignada__datos {
  padding: 15px 15px;
  width: 100%;
  align-items: center;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #e9b23b;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  .sucursal-asignada__datos {
    flex-wrap: wrap;
  }
}
.sucursal-asignada__datos.direccionParada {
  border-radius: 10px;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sucursal-asignada__datos.direccionParada figure {
  display: flex;
  align-items: center;
  gap: 5px;
}
.sucursal-asignada__datos.direccionParada figure img {
  width: 30px;
}
.sucursal-asignada__datos.direccionParada figure span {
  font-size: 13px;
}
.sucursal-asignada__datos.direccionParada .cambiarSucursal {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .sucursal-asignada__datos.direccionParada .cambiarSucursal {
    margin-left: 0;
  }
}
.sucursal-asignada__datos.direccionParada .cambiarSucursal a {
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  padding: 5px 10px;
  transition: all 0.2s;
}
.sucursal-asignada__datos.direccionParada .cambiarSucursal a:hover {
  background-color: #fff;
  border-radius: 50px;
  color: #222122;
}
.sucursal-asignada__datos i {
  font-size: 20px;
}
.sucursal-asignada__datos--info {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}
.sucursal-asignada__datos--phono {
  width: fit-content;
  font-size: 12px;
}
.sucursal-asignada__datos--phono span {
  font-weight: 700;
}
@media (min-width: 768px) {
  .sucursal-asignada__datos--phono {
    width: fit-content;
    margin-left: auto;
  }
  .sucursal-asignada__datos--phono span {
    color: #222122;
  }
}
.sucursal-asignada__estado {
  color: #fff;
  padding-inline: 15px;
  padding-bottom: 15px;
}
.sucursal-asignada__estado--cont {
  display: flex;
  gap: 10px;
  align-items: center;
  background-color: #e54141;
  padding: 10px;
  border-radius: 8px;
}
.sucursal-asignada__estado--cont i {
  font-size: 30px;
}
.sucursal-asignada__estado--cont h3 {
  flex-shrink: 0;
  font-size: 16px;
}
.sucursal-asignada__estado--cont span {
  font-size: 13px;
  width: 100%;
}
@media (min-width: 768px) {
  .sucursal-asignada__estado {
    background-color: transparent;
    width: 100%;
    padding-top: 15px;
  }
}

.productos__titulos {
  display: flex;
  align-items: center;
  gap: 20px;
}
.productos__titulos--bocatitos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.productos__titulos--bocatitos img {
  height: 100px;
}
.productos__titulos small {
  background-color: #e54141;
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  width: fit-content;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  margin-block: 10px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.productos__titulos small::before {
  content: "";
  height: 16px;
  width: 16px;
  background-color: #e54141;
  position: absolute;
  left: -5px;
  transform: rotate(45deg);
  border-radius: 2px;
}
.productos__titulos small i {
  font-size: 18px;
}
.productos__titulos small span {
  font-size: 14px;
  font-weight: 700;
}
.productos__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
  padding-block: 15px 30px;
}
@media (min-width: 768px) {
  .productos__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .productos__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1400px) {
  .productos__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.productos__items--item {
  border: 1px solid #0000002c;
  border-radius: 10px;
  display: flex;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  gap: 15px;
  position: relative;
}
@media (min-width: 768px) {
  .productos__items--item {
    display: flex;
    gap: 15px;
  }
}
.productos__items--item--enPromo {
  position: absolute;
  top: 5px;
  left: 85px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .productos__items--item--enPromo {
    top: 5px;
    right: 5px;
  }
}
.productos__items--item--enPromo img {
  width: 70px;
}
@media screen and (max-width: 768px) {
  .productos__items--item--enPromo img {
    width: 70px;
  }
}
.productos__items--item--img {
  position: relative;
  flex-shrink: 0;
  border-radius: 8px 0px 0px 8px;
  overflow: hidden;
}
.productos__items--item--img img {
  width: 160px;
  object-fit: cover;
}
.productos__items--item--img--numero {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 40px;
  height: 40px;
  border-radius: 60px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productos__items--item--img--numero span {
  font-size: 18px;
  font-weight: 900;
  color: #e54141;
}
.productos__items--item--info {
  display: flex;
  flex-direction: column;
  padding: 15px 15px 0 0;
}
.productos__items--item--info--titulo span {
  font-size: 14px;
  color: #222122;
  text-transform: uppercase;
  font-weight: 700;
}
.productos__items--item--info--titulo span strong {
  font-size: 17px;
  font-weight: 900;
  color: #e9b23b;
  margin-right: 5px;
}
.productos__items--item--info--texto {
  font-size: 13px;
  color: #636063;
  padding-top: 5px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 768px) {
  .productos__items--item--info--texto {
    -webkit-line-clamp: 5;
  }
}
.productos__items--item--info--precio {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background-color: #fff;
  border-radius: 3px;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 5px;
}
.productos__items--item--info--precio span {
  font-size: 17px;
  font-weight: 900;
  color: #e54141;
}
.productos__items--item--info--precio span strong {
  font-size: 12px;
  color: #e54141;
}
.productos__items--item--info--papelera {
  position: absolute;
  right: -5px;
  top: -5px;
  background-color: #e54141;
  border-radius: 50%;
  padding: 10px;
  cursor: pointer;
}
.productos__items--item--info--papelera i {
  color: #fff;
  font-size: 15px;
}
.productos__items--item--info--encargar {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #e9b23b;
  font-weight: 700;
  font-size: 15px;
  transition: all 0.2s;
  cursor: pointer;
  scale: 0.8;
}
@media (min-width: 768px) {
  .productos__items--item--info--encargar {
    scale: 1;
  }
}
.productos__items--item--info--encargar i {
  font-size: 22px;
}
.productos__items--item--info--encargar:hover {
  color: #d99c18;
  transform: translateY(-3px);
}
.productos__items--item--info--encargar--selector {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.productos__items--item--info--encargar--selector input[type=button] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #e54141;
  background-color: #fff;
  color: #e54141;
  font-size: 24px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  text-shadow: none;
  padding: 0;
  font-family: bootstrap-icons !important;
  transition: all 0.2s;
}
.productos__items--item--info--encargar--selector input[type=button]:hover {
  background-color: #e54141;
  color: #fff;
}
.productos__items--item--info--encargar--selector input[type=button]:active {
  transform: translateY(3px);
}
.productos__items--item--info--encargar--selector span {
  min-width: 24px;
  text-align: center;
  font-weight: 600;
}
.productos__bebidas {
  padding-block: 20px;
}
.productos__bebidas h2 {
  padding-bottom: 20px;
}
.productos__bebidas h3 {
  font-size: 20px;
  font-weight: 900;
  color: #e54141;
}
.productos__bebidas--items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
  padding-block: 15px;
}
@media (min-width: 768px) {
  .productos__bebidas--items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.productos__bebidas--items--item {
  border: 2px solid #c8c6c8;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.productos__bebidas--items--item--info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.productos__bebidas--items--item--info--titulo {
  font-size: 14px;
  color: #222122;
  text-transform: uppercase;
  font-weight: 700;
}
.productos__bebidas--items--item--info--precio {
  font-size: 20px;
  color: #e54141;
  font-weight: 900;
}
.productos__bebidas--items--item--info--agregar {
  text-decoration: none;
  color: #e9b23b;
  margin-left: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #f8ae00;
  font-weight: 700;
  font-size: 15px;
  transition: all 0.2s;
}
.productos__bebidas--items--item--info--agregar:hover {
  opacity: 0.5;
}
.productos__bebidas--items--item--info--agregar i {
  font-size: 22px;
  font-weight: 700;
}
.productos__bebidas--items--item--info--agregar--selector {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
}
.productos__bebidas--items--item--info--agregar--selector input[type=button] {
  width: 30px;
  height: 30px;
  background-color: #fff;
  color: #e9b23b;
  border: 2px solid #e9b23b;
  border-radius: 50px;
  margin-block: 0;
  padding: 0px;
  font-size: 18px;
}
.productos__bebidas--items--item--info--agregar--selector span {
  font-size: 18px;
  color: #636063;
}
.productos__sin-resultados {
  padding-block: 45px;
}
.productos__cancelar-filtros {
  padding-block: 15px;
}
.productos__cancelar-filtros a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
}

.activo {
  border-color: #e54141;
  border-width: 3px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}

.cargador_productos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 4px 3px white;
  background: url(/imagenes/img_presentacion/cargador.gif) rgba(255, 255, 255, 0.8) no-repeat center;
  z-index: 1;
}

.btn-continuar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 5;
  transition: all 0.5s;
  animation: slide-top 0.4s ease-in both;
}
@keyframes slide-top {
  0% {
    transform: translateY(200px);
  }
  75% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
.btn-continuar__cont {
  max-width: 600px;
  margin: 0 auto;
  padding-block: 10px;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .btn-continuar__cont {
    padding-block: 20px;
    padding-inline: 0;
    margin: 0 20px 0 auto;
  }
}
.btn-continuar__cont--btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  border-radius: 15px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-continuar__cont--btn:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  background-color: #e9b23b;
  background-image: linear-gradient(90deg, #e9b23b 0%, #d99c18 92%);
}
.btn-continuar__cont--btn--mipedido {
  display: flex;
  align-items: center;
  gap: 10px;
}
.btn-continuar__cont--btn--mipedido i {
  font-size: 25px;
}
@media (min-width: 768px) {
  .btn-continuar__cont--btn--mipedido i {
    font-size: 30px;
  }
}
.btn-continuar__cont--btn--mipedido span {
  font-family: "BrandonGrotesque-BlackItalic", "Plus Jakarta Sans", sans-serif;
  line-height: 1;
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  .btn-continuar__cont--btn--mipedido span {
    font-size: 20px;
  }
}
.btn-continuar__cont--btn--mipedido--cantidad {
  position: absolute;
  top: -5px;
  right: -5px;
}
.btn-continuar__cont--btn--mipedido--cantidad span {
  color: #fff;
  font-size: 13px;
  background-color: #e54141;
  padding: 5px 8px;
  border-radius: 50px;
  text-align: center;
  font-weight: 400;
}
.btn-continuar__cont--btn--precios {
  display: flex;
  align-items: center;
  gap: 10px;
}
.btn-continuar__cont--btn--precios--total {
  font-size: 20px;
  font-weight: 900;
}
@media (min-width: 768px) {
  .btn-continuar__cont--btn--precios--total {
    font-size: 24px;
  }
}
.btn-continuar__cont--btn--precios--descuento {
  position: absolute;
  top: -25px;
  left: auto;
  right: auto;
  background-color: #e9b23b;
  padding: 6px;
  width: fit-content;
  border-radius: 3px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
}
.btn-continuar__cont--btn--precios--descuento::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -6px;
  left: 70px;
  border-radius: 2px;
  z-index: 0;
  transform: rotate(-45deg);
  background-color: #e9b23b;
}
.btn-continuar__cont--btn--precios--descuento span {
  font-size: 12px;
  text-transform: uppercase;
}
.btn-continuar__cont--btn--precios--descuento span strong {
  font-weight: 900;
  font-size: 15px;
  font-style: italic;
  margin-right: 5px;
}
.btn-continuar__cont--btn--precios--antes span {
  text-decoration: line-through;
  font-size: 14px;
}

.banners-carrito {
  padding-block: 10px;
}
.banners-carrito__titulo {
  display: flex;
  justify-content: center;
}
.banners-carrito__titulo img {
  max-width: 210px;
}
.banners-carrito img {
  border-radius: 0px;
}
.banners-carrito .sliderBannersB, .banners-carrito .sliderBannersD {
  padding-inline: 20px;
}
@media screen and (max-width: 768px) {
  .banners-carrito .sliderBannersB, .banners-carrito .sliderBannersD {
    -webkit-mask-image: linear-gradient(var(--mask-direction, to right), rgba(0, 0, 0, 0), #000 10%, #000 90%, rgba(0, 0, 0, 0));
    padding-inline: 0;
  }
}
.banners-carrito__help {
  max-width: 480px;
  margin: 0 auto;
  margin-top: 10px;
  background-color: #e9b23b;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  transition: all 0.2s;
}
.banners-carrito__help.mostrar {
  background-color: #e54141;
}
.banners-carrito__help--titulo {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.banners-carrito__help--titulo:hover {
  opacity: 0.75;
}
.banners-carrito__help--titulo h3 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.banners-carrito__help--titulo i {
  font-size: 16px;
  color: #fff;
}
.banners-carrito__help span {
  display: none;
  font-size: 13px;
  color: #fff;
  margin-top: 15px;
  line-height: 1.5;
}
.banners-carrito__help span a {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}
.banners-carrito__help span.mostrar {
  display: block;
}

.bannerB,
.bannerC {
  padding-block: 10px;
}
.bannerB figure,
.bannerC figure {
  overflow: hidden;
  border-radius: 15px;
}

@media screen and (max-width: 768px) {
  .bannerB {
    display: none;
  }
}

.bannerC {
  display: none;
}
@media screen and (max-width: 768px) {
  .bannerC {
    display: block;
  }
}

.ayudaBannerD {
  transition: all 0.5s;
}
.ayudaBannerD.sinFondo {
  background-color: transparent;
  pointer-events: none;
}
.ayudaBannerD__cont {
  max-width: 480px;
  margin: 0 auto;
  border: 2px solid #e9b23b;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .ayudaBannerD__cont {
    bottom: 70px;
    right: 0;
    left: 0;
    max-width: 100vw;
  }
}
.ayudaBannerD__cont--img {
  position: relative;
}
.ayudaBannerD__cont--img .barra-tiempo {
  position: absolute;
  bottom: 0;
  left: -10px;
  height: 5px;
  width: 0%;
  background-color: #e9b23b;
  animation: llenarBarra 10s linear forwards;
  pointer-events: none;
  z-index: 4;
}
@keyframes llenarBarra {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
.ayudaBannerD__cont--img--texto {
  padding: 15px;
  font-size: 13px;
  width: 100%;
  text-align: center;
  background-color: #e9b23b;
}
@media screen and (max-width: 768px) {
  .ayudaBannerD__cont--img--texto {
    font-size: 11px;
    top: 10px;
  }
}
.ayudaBannerD__cont--img--texto p, .ayudaBannerD__cont--img--texto span {
  font-size: 13px;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .ayudaBannerD__cont--img--texto p, .ayudaBannerD__cont--img--texto span {
    top: -5px;
  }
}
.ayudaBannerD__cont--img--cerrar {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #222122;
  border-radius: 50%;
  padding: 10px;
  z-index: 10;
  transition: all 0.2s;
}
.ayudaBannerD__cont--img--cerrar:hover {
  transform: translateY(-3px);
}
.ayudaBannerD__cont--img--cerrar i {
  font-size: 12px;
  color: #fff;
}

.sliderBannersD {
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sliderBannersD {
    padding-inline: 15px;
  }
}
.sliderBannersD .swiper-slide {
  transition: all 0.2s;
  cursor: pointer;
}
.sliderBannersD .swiper-slide:hover {
  transform: scale(1.04);
}
.sliderBannersD .swiper-slide:active {
  transform: translate(3px, 3px);
}

.sliderBannersB {
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sliderBannersB {
    padding-inline: 15px;
  }
}

.filtros {
  position: sticky;
  top: 70px;
  background-color: #fff;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .filtros {
    box-shadow: 0px 1px 2px 0 #c8c6c8;
    padding-inline: 15px !important;
  }
}
@media (min-width: 768px) {
  .filtros {
    top: 80px;
  }
}
.filtros__cont {
  max-width: 1400px;
  margin: 0 auto;
}
.filtros__cont h2 {
  font-size: 28px;
  font-weight: 900;
}
.filtros__cont h3 {
  padding-block: 10px;
}
.filtros__cont--menu {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  padding-block: 15px;
}
@media screen and (max-width: 768px) {
  .filtros__cont--menu {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
.filtros__cont--menu ul {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin-block: 0;
}
@media screen and (max-width: 768px) {
  .filtros__cont--menu ul {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 10px;
  }
}
.filtros__cont--menu ul li a {
  background-color: #e8e0e0;
  padding: 8px 15px;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  font-size: 12px;
  font-weight: 700;
  width: max-content;
}
@media (min-width: 768px) {
  .filtros__cont--menu ul li a {
    font-size: 14px;
  }
}
.filtros__cont--menu ul li a:hover {
  background-color: #222122;
  color: #fff;
}
.filtros__cont--menu--atributos {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .filtros__cont--menu--atributos {
    justify-content: space-between;
    width: 100%;
  }
}
.filtros__cont--menu--atributos--filtro {
  transition: all 0.3s;
  cursor: pointer;
  border: 1px solid #222122;
  padding: 8px 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.filtros__cont--menu--atributos--filtro span {
  font-size: 12px;
  font-weight: 700;
}
.filtros__cont--menu--atributos--filtro i {
  font-size: 15px;
}
.filtros__cont--menu--atributos--filtro:hover {
  opacity: 0.7;
}
.filtros__popup {
  display: none;
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(3px);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 100;
}
.filtros__popup--cont {
  position: fixed;
  top: 0px;
  margin: 0 auto;
  background-color: #fff;
  width: 50vh;
  height: 100vh;
  padding: 20px;
  z-index: 20;
}
.filtros__popup--cont h4 {
  font-size: 24px;
  font-weight: 700;
}
.filtros__popup--cont--cerrar {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.filtros__popup--cont--cerrar:hover {
  opacity: 0.4;
}
.filtros__popup--cont--cerrar i {
  font-size: 30px;
}
.filtros__popup--cont--items {
  display: flex;
  flex-direction: column;
  padding-block: 20px;
  max-width: 400px;
  max-height: 80vh;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.filtros__popup--cont--items label {
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.filtros__popup--cont--buscar {
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
}
.filtros__popup--cont--buscar:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}

.cabezal-listado {
  padding-top: 10px;
}
.cabezal-listado__cont {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cabezal-listado__cont h2 {
  font-size: 18px;
  font-weight: 800;
}
@media (min-width: 768px) {
  .cabezal-listado__cont h2 {
    font-size: 26px;
  }
}
.cabezal-listado__cont h3 {
  font-size: 14px;
}
@media (min-width: 768px) {
  .cabezal-listado__cont h3 {
    font-size: 20px;
  }
}
.cabezal-listado__cont--precios {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cabezal-listado__cont--precios {
    flex-direction: row;
  }
}
.cabezal-listado__cont--precios--95 {
  display: flex;
  align-items: center;
  color: #e54141;
  margin: 0 auto;
  gap: 10px;
}
.cabezal-listado__cont--precios--95 span {
  font-size: 18px;
  font-weight: 700;
}
.cabezal-listado__cont--precios--95 h3 {
  font-size: 36px;
  color: #e54141;
}
.cabezal-listado__cont--precios--descuentos img {
  width: 100%;
}
.cabezal-listado__cont--precio {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
.cabezal-listado__cont--precio span {
  font-size: 13px;
  z-index: 1;
}
@media (min-width: 768px) {
  .cabezal-listado__cont--precio span {
    font-size: 13px;
  }
}
.cabezal-listado__cont--precio h3 {
  font-size: 18px;
  font-weight: 800;
  z-index: 2;
}
@media (min-width: 768px) {
  .cabezal-listado__cont--precio h3 {
    font-size: 24px;
  }
}
.cabezal-listado__cont--precio i {
  color: #e9b23b;
  font-size: 40px;
  position: absolute;
  right: 0;
  z-index: 0;
}

.ultimopedido {
  margin: 10px 20px;
  padding: 15px 10px;
  position: relative;
  transition: all 0.3s;
  border-style: solid;
  border-width: 1px;
  border-color: #dadada;
  border-radius: 5px;
  box-shadow: 2.5px 4.33px 13px 0px rgba(19, 19, 19, 0.17);
}
@media (min-width: 768px) {
  .ultimopedido {
    width: 400px;
    margin: 15px auto;
    position: fixed;
    bottom: 0;
    left: 15px;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  }
}
.ultimopedido__titulo {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ultimopedido__titulo h3 {
  font-size: 14px;
}
.ultimopedido__titulo i {
  font-size: 18px;
}
.ultimopedido__cont {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  gap: 15px;
  transition: all 0.3s;
  opacity: 1;
}
.ultimopedido__cont.hidden {
  display: none;
  opacity: 0;
}
.ultimopedido__cerrar {
  position: absolute;
  right: 10px;
  top: 12px;
  cursor: pointer;
  transition: all 0.3s;
}
.ultimopedido__cerrar:hover i {
  color: #e54141;
}
.ultimopedido__cerrar i {
  font-size: 22px;
  color: #222122;
  transition: all 0.3s;
}
.ultimopedido__cerrar.abrir {
  transform: rotate(45deg);
}
.ultimopedido__botones {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.ultimopedido__botones a {
  text-decoration: none;
  color: #222122;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all 0.3s;
  font-weight: 700;
  border: 1px solid #222122;
  border-radius: 50px;
  padding: 10px;
}
.ultimopedido__botones a:hover {
  color: #fff;
  background-color: #000000;
}
.ultimopedido__items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ultimopedido__items--total {
  font-size: 16px;
  font-weight: 700;
  padding-block: 10px;
}
.ultimopedido__items--item {
  border-bottom: 1px solid #c8c6c8;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ultimopedido__items--item--producto h3 {
  font-size: 16px;
  font-weight: 700;
}
.ultimopedido__items--item--producto h4 {
  color: #e54141;
}
.ultimopedido__items--item--cantidad {
  position: relative;
}
.ultimopedido__items--item--cantidad i {
  color: #e9b23b;
  font-size: 30px;
}
.ultimopedido__items--item--cantidad span {
  position: absolute;
  right: 0;
  font-weight: 900;
}

.emergente {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  transition: all 1s;
}
.emergente.oculto {
  display: none;
  transition: all 1s;
}
.emergente h2 {
  font-size: 26px;
  font-weight: 800;
  padding-block: 0px;
  color: #fff;
}
.emergente__cont {
  position: absolute;
  width: 80vw;
  max-width: 680px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #e54141;
  box-shadow: 0px 0px 32px 0px rgba(29, 41, 27, 0.5);
  border: 1px solid #ee8484;
  padding: 25px 35px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  color: #fff;
}
.emergente__cont--cerrar {
  cursor: pointer;
  background-color: #222122;
  color: #fff;
  padding: 15px 30px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 5px;
  transition: all 0.2s;
}
.emergente__cont--cerrar:hover {
  background-color: #fff;
  color: #e54141;
}
.emergente__cont p {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.emergente i {
  color: #fff;
  font-size: 50px;
}

.mensajeParada {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 6px;
  margin-top: 10px 15px;
  background-color: #f8ae00;
}
.mensajeParada span {
  font-size: 13px;
}

.paradasItems .gm-style-iw-chr {
  height: 10px !important;
}
.paradasItems .gm-style-iw-chr button.gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
}
.paradasItems .gm-style-iw-d .sucursalEnMapa {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}
.paradasItems .gm-style-iw-d .sucursalEnMapa img {
  max-width: 120px !important;
  border-radius: 5px !important;
}
.paradasItems .gm-style-iw-d .sucursalEnMapa .sucursalEnMapa__info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
}
.paradasItems .gm-style-iw-d .sucursalEnMapa .sucursalEnMapa__info h4 {
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.paradasItems .gm-style-iw-d .sucursalEnMapa .sucursalEnMapa__info p {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #222122 !important;
}

.bbva-descuento {
  background-color: #004481;
  background: linear-gradient(135deg, #0056a6 0%, #004481 50%, #00315c 100%);
  border-radius: 12px;
  padding: 24px;
  color: #fff;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .bbva-descuento {
    padding: 15px;
    border-radius: 8px;
  }
}
.bbva-descuento p {
  padding-block: 0 !important;
}
.bbva-descuento__header {
  text-align: center;
}
.bbva-descuento__title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
}
.bbva-descuento__title svg {
  fill: #fff;
  height: 30px;
}
.bbva-descuento__beneficios {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .bbva-descuento__beneficios {
    flex-direction: column;
  }
}
.bbva-descuento__beneficio {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.bbva-descuento__beneficio--destacado {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .bbva-descuento__beneficio--destacado {
    justify-content: flex-start;
  }
}
.bbva-descuento__porcentaje {
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.bbva-descuento__texto {
  font-size: 13px;
  line-height: 1.3;
  max-width: 220px;
  color: #fff;
}
.bbva-descuento__texto strong {
  font-weight: 600;
}
.bbva-descuento__instruccion {
  font-size: 14px;
  opacity: 0.9;
  color: #fff;
}
.bbva-descuento__form {
  display: flex;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.bbva-descuento__input {
  flex: 1;
  border: none;
  padding: 14px 16px;
  font-size: 16px;
  outline: none;
}
.bbva-descuento__input::placeholder {
  color: #999;
}
.bbva-descuento__btn {
  background-color: #003a6d;
  color: #fff;
  border: none;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .bbva-descuento__btn {
    font-size: 12px;
  }
}
.bbva-descuento__btn:hover {
  background-color: #002f57;
}

.headerBBVA {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .headerBBVA {
    flex-direction: column;
    gap: 10px;
    padding: 12px;
  }
}
.headerBBVA__tag {
  display: flex;
  align-items: center;
  gap: 5px;
}
.headerBBVA__tag svg {
  width: 60px;
  fill: #004481;
}
.headerBBVA span {
  color: #004481;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  margin-left: auto;
}
.headerBBVA span strong {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .headerBBVA span {
    margin-left: 0;
  }
}

#mensaje_i_bines_otros, #mensaje_i_bines_mp {
  font-size: 13px !important;
  border-color: #2687dc !important;
  background-color: #afdaff !important;
  color: #004481 !important;
  font-weight: 600;
  border-radius: 6px !important;
  margin: 0 !important;
}

.BBVAhelp {
  font-size: 13px;
  background-color: #cbd5dd;
  border-radius: 10px;
  padding: 15px;
}

.pedido {
  background-color: #fff;
  padding: 30px;
}
@media (min-width: 768px) {
  .pedido {
    border-radius: 20px;
    padding: 50px;
    margin: 30px auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #c8c6c8;
  }
}
.pedido h1 {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .pedido h1 {
    font-size: 40px;
  }
}
.pedido h2 {
  font-size: 16px;
  color: #636063;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 768px) {
  .pedido h2 {
    font-size: 18px;
  }
}
.pedido img {
  width: auto;
}
.pedido__banner img {
  width: 100%;
}
.pedido__titulo {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-block: 0 15px;
}
.pedido__titulo span {
  font-size: 20px;
  color: #fff;
  background-color: #e9b23b;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  font-weight: 900;
  vertical-align: middle;
  padding-top: 2px;
}
.pedido__titulo h3 {
  font-size: 18px;
  color: #222122;
}
.pedido__botones {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-block: 5px 15px;
}
.pedido__botones--btn {
  border: 2px solid #e54141;
  padding: 15px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 900;
  color: #7c1111;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
}
.pedido__botones--btn:hover {
  background-color: #cecece;
  color: #7c1111;
}
.pedido__botones--btn i {
  font-size: 26px;
}
.pedido__botones--btn.activo1 {
  border-color: #e54141;
  background-color: #e54141;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.pedido__botones--btn.activo2 {
  border-color: #e54141;
  background-color: #e54141;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.pedido__botones--btn.activo3 {
  border-color: #e54141;
  background-color: #e54141;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.pedido__botones--btn.activo4 {
  border-color: #e54141;
  background-color: #e54141;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.pedido__botones--btn.inactivo {
  cursor: not-allowed;
  opacity: 0.2;
  border-color: #636063;
}
.pedido__botones--btn .Pos {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #e54141;
  padding: 5px 8px 5px 30px;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .pedido__botones--btn .Pos {
    padding-left: 15px;
    right: -12px;
    top: -12px;
    transform: translateY(0);
  }
}
.pedido__botones--btn .Pos span {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .pedido__botones--btn .Pos span {
    font-size: 12px;
  }
}
.pedido__botones--btn .Pos span img {
  width: 45px;
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%) rotate(343deg);
}
@media screen and (max-width: 768px) {
  .pedido__botones--btn .Pos span img {
    width: 35px;
    left: -30px;
  }
}
.pedido__mensaje--abierto {
  border-radius: 10px;
  padding: 20px;
  background-color: #e0e5e8;
}
.pedido__mensaje--abierto h3 {
  font-size: 14px;
  padding-bottom: 5px;
  color: #e54141;
}
.pedido__mensaje--abierto p {
  font-size: 12px;
  padding-block: 5px;
}
.pedido__form-programar {
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #e0e5e8;
}
.pedido__form-programar h3 {
  font-size: 14px;
  padding-bottom: 5px;
  color: #7c1111;
}
.pedido__form-programar--mensaje-cerrada {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #e54141;
  border-radius: 5px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
}
.pedido__form-programar--mensaje-cerrada i {
  font-size: 30px;
}
.pedido__midireccion {
  border-radius: 10px;
  padding: 20px;
  background-color: #e0e5e8;
}
.pedido__midireccion h3 {
  font-size: 14px;
  font-weight: 700;
  color: #7c1111;
}
.pedido__midireccion a {
  text-decoration: none;
  color: #222122;
  font-weight: 14px;
  font-weight: 700;
  padding-bottom: 3px;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.5s;
}
.pedido__midireccion a:hover {
  --d: 100%;
}
.pedido__midireccion--nuevadireccion {
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #c8c6c8;
  margin-top: 10px;
}
.pedido__midireccion--cont {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-block: 10px;
}
@media screen and (max-width: 768px) {
  .pedido__midireccion--cont {
    flex-wrap: wrap;
  }
}
.pedido__midireccion--cont i {
  font-size: 30px;
}
.pedido__midireccion--cont--direccion {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.pedido__midireccion--cont--direccion span {
  font-size: 13px;
}
.pedido__midireccion--cont--direccion a {
  width: fit-content;
}
.pedido__midireccion--cont a.verMapa {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .pedido__midireccion--cont a.verMapa {
    margin-left: 0;
  }
}
.pedido__comentarios {
  padding-block: 25px 0;
}
.pedido__retiro {
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #e0e5e8;
}
.pedido__retiro h3 {
  font-size: 14px;
  font-weight: 700;
  color: #7c1111;
}
.pedido__retiro--sucursal {
  padding-block: 10px 0;
}
.pedido__retiro--sucursal h4 {
  font-size: 16px;
  font-weight: 700;
  color: #222122;
}
.pedido__retiro--sucursal a {
  text-decoration: none;
  color: #222122;
  font-weight: 14px;
  font-weight: 700;
  padding-bottom: 3px;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat;
  transition: 0.5s;
}
.pedido__retiro--sucursal a:hover {
  --d: 100%;
}
.pedido__retiro--sucursal--cont {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-block: 5px 10px;
  border-bottom: 1px solid #c8c6c8;
}
.pedido__retiro--sucursal--cont i {
  font-size: 30px;
}
.pedido__retiro--sucursal--cont--sucursal {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.pedido__retiro--sucursal--vermapa {
  text-align: center;
  padding-top: 10px;
}
.pedido__sucursalasignada {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 30px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  background-color: #e9b23b;
  color: #222122;
  width: 100%;
  --border-width: 2px;
}
@media (min-width: 768px) {
  .pedido__sucursalasignada {
    width: 40vw;
    border-radius: 20px;
    bottom: 10px;
    left: 10px;
    padding: 20px;
    line-height: 1.5;
  }
}
.pedido__sucursalasignada h4 {
  font-size: 16px;
}
.pedido__sucursalasignada h5 {
  font-size: 14px;
}
.pedido__sucursalasignada span {
  font-size: 13px;
  display: block;
}
.pedido__sucursalasignada--cont {
  position: relative;
}
.pedido__sucursalasignada--cont h4 {
  font-size: 13px;
  font-weight: 400;
}
.pedido__sucursalasignada--cont span {
  font-size: 14px;
  font-weight: 600;
}
.pedido__sucursalasignada--cont strong {
  font-size: 14px;
  font-weight: 800;
}
.pedido__sucursalasignada--cont--sucursal {
  position: relative;
  background-color: #e54141;
  padding: 10px;
  border-radius: 8px;
  margin-block: 10px 0;
  border-radius: 10px;
  color: #fff;
}
.pedido__sucursalasignada--cont--ok {
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #222122;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
}
.pedido__sucursalasignada--cont--ok:hover {
  top: -35px;
  background-color: #7c1111;
}
.pedido__sucursalasignada--cont--ok i {
  font-size: 24px;
}
.pedido__sucursalasignada--cont--ok span {
  font-size: 16px;
  font-weight: 600;
}
.pedido__sucursalasignada.ocultarsucursal {
  animation: ocultarsucursal 3s ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes ocultarsucursal {
  0% {
    bottom: 0;
    opacity: 1;
    @media (min-width: 768px) {
      .pedido__sucursalasignada.ocultarsucursal {
        bottom: 10px;
      }
    }
  }
  10% {
    bottom: 15px;
    opacity: 1;
  }
  30% {
    bottom: -150%;
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    bottom: -150%;
    visibility: hidden;
  }
}
.pedido__sucursalasignada.mostrar-animado {
  animation: mostraranimado 0.2s ease-in-out;
}
@keyframes mostraranimado {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pagos {
  padding-block: 15px;
}
.pagos__item {
  border: 1px solid #b5c3d1;
  border-radius: 8px;
  padding: 20px 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 15px;
}
.pagos__item:has(.check_custom input:checked) {
  background-color: #e5ebef;
  border-color: #e9b23b;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.pagos__item.checked {
  border-color: #e9b23b;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.pagos__item label {
  display: flex;
  align-items: center;
}
.pagos__item img {
  max-width: 80px;
  border: 1px solid #c8c6c8;
  margin-right: 15px;
  border-radius: 5px;
  padding-block: 5px;
  background-color: #fff;
}
.pagos__item--info {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.pagos__item--info h3 {
  font-size: 16px;
  color: #222122;
  font-weight: 700;
}
.pagos__item--info p {
  font-size: 14px;
  padding-block: 0;
}

.propina {
  border: 2px solid #e9b23b;
  position: relative;
  border-radius: 10px;
  padding: 20px;
  margin-block: 40px 20px;
  text-align: center;
}
.propina.hashtag {
  border-color: #7c1111;
}
.propina input {
  display: none;
}
.propina label {
  padding-block: 10px;
  font-size: 16px;
  font-weight: 700;
}
.propina__montos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-top: 10px;
}
.propina__montos.hashtag {
  flex-wrap: wrap;
}
.propina__montos--item {
  padding: 10px;
  color: #222122;
  font-size: 15px;
  font-weight: 700;
  border: 2px solid #e9b23b;
  border-radius: 3px;
  cursor: pointer;
}
.propina__montos--item:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.propina__montos--item.hashtag {
  border-color: #7c1111;
  color: #7c1111;
}
.propina__montos--item.activo {
  background-color: #e9b23b;
  border-color: #222122;
  color: #fff;
}
.propina__montos--item.activo.hashtag {
  border-color: #7c1111;
  background-color: #7c1111;
}
.propina__montos--item.activo.hashtag::before {
  content: "✓";
  font-size: 14px;
  color: #fff;
  padding-right: 5px;
}
.propina figure {
  position: absolute;
  top: -30px;
  left: 0;
}
@media (min-width: 570px) {
  .propina figure {
    top: -37px;
    left: 20%;
  }
}
.propina figure img {
  width: 100%;
}
@media (min-width: 570px) {
  .propina figure img {
    width: auto;
  }
}

.resumen {
  background-color: #fff;
  padding: 20px;
  border: 2px solid #e9b23b;
  margin-inline: 20px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .resumen {
    border-radius: 20px;
    padding: 25px;
    margin: 30px auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
  }
}
.resumen h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  color: #e54141;
  padding-block: 10px;
}
@media (min-width: 768px) {
  .resumen h2 {
    font-size: 30px;
  }
}
.resumen__sucursal {
  text-align: center;
  margin-block: 0 10px;
  background-color: #e9b23b;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.resumen__sucursal h4 {
  font-size: 15px;
}
.resumen__sucursal h4 strong {
  font-size: 15px;
}
.resumen__sucursal span {
  font-size: 14px;
}
.resumen__items {
  display: flex;
  flex-direction: column;
  border: 1px solid #c8c6c8;
  padding: 15px 10px;
  border-radius: 15px;
}
.resumen__items a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-block: 15px 5px;
  text-align: center;
  text-decoration: none;
  color: #222122;
  transition: all 0.3s;
}
.resumen__items a span {
  font-size: 16px;
}
.resumen__items a i {
  font-size: 30px;
}
.resumen__items a:hover {
  transform: translateX(-10px);
  color: #e9b23b;
}
.resumen__items--item {
  border-bottom: 1px solid #c8c6c8;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.resumen__items--item:last-child {
  border-bottom: none;
}
.resumen__items--item--producto h3 {
  font-size: 16px;
  font-weight: 700;
}
.resumen__items--item--producto h4 {
  color: #e54141;
}
.resumen__items--item--cantidad {
  position: relative;
}
.resumen__items--item--cantidad i {
  color: #e9b23b;
  font-size: 30px;
}
.resumen__items--item--cantidad span {
  position: absolute;
  right: 0;
  font-weight: 900;
  width: max-content;
}
.resumen__totales {
  padding-block: 10px;
}
.resumen__totales--linea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #c8c6c8;
  padding-block: 15px;
}
.resumen__totales--linea.bbva-des {
  border-bottom: none;
}
.resumen__totales--linea.total span {
  font-size: 18px;
  font-weight: 900;
}
.resumen__totales--linea.propina-resumen {
  background-color: #f6dfae;
  padding-inline: 8px;
}
.resumen__totales--linea.cupon-resumen span {
  color: #e54141;
  font-weight: 500;
}
.resumen__totales--linea.cupon-resumen span strong {
  font-size: 18px;
  font-family: "Brandon Grotesque", "Lato", sans-serif;
  color: #e54141;
  padding: 5px 10px;
  border: 2px dashed #e54141;
  border-radius: 3px;
}
.resumen__totales--linea.lineaDescuento {
  color: #e54141;
}
.resumen__totales--linea.lineaDescuento span {
  font-weight: 700;
}

.btn-enviar {
  margin-block: 20px;
}
.btn-enviar h3 {
  font-size: 16px;
  margin-top: 10p;
}
.btn-enviar.enviando {
  animation: enviandopedido 2s infinite alternate;
  cursor: no-drop;
}
@keyframes enviandopedido {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}

.mensaje {
  padding-block: 25px;
}
.mensaje h2 {
  font-size: 22px;
  font-weight: 900;
  text-align: center;
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .mensaje h2 {
    font-size: 30px;
  }
}
.mensaje h3 {
  text-align: center;
  color: #222122;
  font-weight: 400;
  font-size: 18px;
}
@media (min-width: 768px) {
  .mensaje h3 {
    font-size: 22px;
  }
}
.mensaje__mipedido {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e9b23b;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
  margin-block: 15px;
}
.mensaje__mipedido:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.mensaje__mipedido a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.mensaje__resumen {
  display: flex;
  flex-direction: column;
  border: 1px solid #c8c6c8;
  padding: 25px;
  border-radius: 15px;
  margin-block: 25px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
}
.mensaje__resumen h3 {
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  color: #e9b23b;
  border-bottom: 1px solid #c8c6c8;
  padding-block: 0 10px;
}
.mensaje__resumen--linea {
  border-bottom: 1px solid #c8c6c8;
  padding-block: 10px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
}
@media (min-width: 768px) {
  .mensaje__resumen--linea {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mensaje__resumen--linea:last-child {
  border-bottom: none;
}
.mensaje__resumen--linea span:last-child {
  font-weight: 700;
}
.mensaje__resumen--linea.pedido-programado {
  background-color: #f6dfae;
  text-align: center;
}
@media (min-width: 768px) {
  .mensaje__resumen--linea.pedido-programado {
    text-align: left;
  }
}
.mensaje__resumen--linea.pedido-programado span {
  text-align: center;
}
@media (min-width: 768px) {
  .mensaje__resumen--linea.pedido-programado span {
    text-align: left;
  }
}
.mensaje__resumen--linea.pedido-programado i {
  font-size: 20px;
  padding-inline: 5px;
  vertical-align: sub;
}
.mensaje__resumen--linea--sucursal {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
.mensaje__resumen--linea--sucursal span:first-child {
  font-weight: 700;
}
.mensaje__resumen--linea--sucursal span:last-child {
  font-weight: 400;
}
.mensaje__iconos {
  display: flex;
  justify-content: center;
  animation: willy 3s ease-in-out infinite;
}
.mensaje__iconos img {
  max-width: 250px;
}
@keyframes willy {
  0% {
    transform: translatex(0px);
  }
  50% {
    transform: translatex(-20px);
  }
  100% {
    transform: translatex(0px);
  }
}

.experiencia h3 {
  text-align: center;
}
.experiencia__cont {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-block: 15px;
}
.experiencia__cont--item {
  transition: all 0.2s;
}
.experiencia__cont--item:hover {
  transform: scale(1.2);
}
.experiencia__cont--item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #222122;
  font-weight: 700;
  font-size: 13px;
}
.experiencia__cont img {
  width: 60px;
}
.experiencia__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e9b23b;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
}
.experiencia__btn:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.experiencia__btn a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.experiencia__mensaje {
  text-align: center;
  font-size: 20px;
  padding-block: 15px;
  color: #e54141;
}

.error {
  text-align: center;
  margin-block: 25px;
}
.error h2 {
  font-size: 50px;
}
.error h3 {
  font-size: 30px;
}
.error p {
  font-size: 22px;
}
.error__img {
  display: flex;
  justify-content: center;
}
.error__img img {
  width: 100%;
  height: auto;
}
.error__sucursal {
  text-align: left;
  border: 2px solid #e54141;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin-block: 20px;
}
.error__sucursal h3 {
  text-align: left;
  font-size: 20px;
}
.error__sucursal h3 strong {
  font-weight: 700;
}
.error a {
  text-decoration: none;
  color: #222122;
  margin-block: 20px;
  padding-block: 5px;
  font-size: 20px;
  font-weight: 700;
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 3px no-repeat;
  transition: 0.3s;
}
.error a:hover {
  --d: 100%;
}
.error__botones {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .error__botones {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.error__botones a {
  border: 2px solid #222122;
  padding: 16px;
  font-size: 15px;
  border-radius: 50px;
  background: none;
  transition: all 0.3s;
  margin-block: 5px;
}
.error__botones a:hover {
  background-color: #222122;
  color: #fff;
  --d: 0%;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}

.seccion__texto {
  padding-block: 30px;
  font-size: 16px;
}
.seccion__texto h1 {
  font-size: 40px;
  font-weight: 900;
}

.sucursales {
  padding-block-end: 40px;
}
.sucursales__departamento {
  padding-block: 5px;
}
.sucursales__departamento--bloc {
  border: 1px solid #b5c3d1;
  padding: 10px;
  border-radius: 5px;
}
.sucursales__departamento h2 {
  font-size: 16px;
  color: #222122;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 15px;
}
.sucursales__departamento h2 i {
  font-size: 20px;
}
.sucursales__departamento h2 a {
  text-decoration: none;
  cursor: pointer;
  color: currentColor;
}
.sucursales__departamento h2:hover {
  color: #e54141;
}
.sucursales__departamento--items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
  padding-block: 5px;
}
@media (min-width: 768px) {
  .sucursales__departamento--items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sucursales__departamento--items--item {
  border-top: 1px solid #b5c3d1;
  padding: 15px 10px;
  transition: all 0.3s;
}
.sucursales__departamento--items--item:hover {
  background-color: #ee8484;
}
.sucursales__departamento--items--item h3 {
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 10px;
}
.sucursales__departamento--items--item h3 a {
  text-decoration: none;
  cursor: pointer;
  color: #222122;
}
.sucursales__departamento--items--item--info {
  display: flex;
  flex-direction: column;
}
.sucursales__departamento--items--item--info span {
  font-size: 14px;
}
.sucursales__departamento--items--item--info span.tel {
  font-weight: 700;
  color: #d99c18;
}
.sucursales__departamento--items--item--info span.dire {
  font-weight: 700;
}
.sucursales__departamento--items--item--info span.horario {
  padding-block: 10px 15px;
}
.sucursales__departamento--items--item--info a {
  text-decoration: none;
  color: #636063;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #636063;
  border-radius: 50px;
  padding: 8px 12px;
  transition: all 0.2s;
  width: fit-content;
}
.sucursales__departamento--items--item--info a:hover {
  color: #fff;
  border-color: #e54141;
  background-color: #e54141;
}

.producto {
  clear: both;
  padding-block: 40px;
}
.producto__cont {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
@media (min-width: 768px) {
  .producto__cont {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    align-items: center;
  }
}
.producto__cont--img {
  position: relative;
}
.producto__cont--img--numero {
  position: absolute;
  bottom: 0px;
  left: 25px;
  width: 90px;
  height: 90px;
  padding: 5px;
  border-radius: 50px;
  background-color: #e9b23b;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.producto__cont--img--numero span {
  font-size: 45px;
  font-weight: 900;
  color: #222122;
}
.producto__cont--img img {
  border-radius: 50%;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.producto__cont--info h1 {
  font-size: 40px;
  font-weight: 900;
}
.producto__cont--info h2 {
  font-size: 30px;
  font-weight: 900;
}
.producto__cont--info ul {
  margin-top: 10px;
  padding-left: 34px;
  overflow: hidden;
  margin-bottom: 25px;
  font-size: 25px;
  list-style-position: inside;
}
.producto__cont--info ul li {
  position: relative;
  margin-bottom: 5px;
  text-indent: -17px;
  list-style: none;
}
.producto__cont--info ul li::before {
  margin-right: 15px;
  display: inline-block;
  font-size: 0.7em;
  content: "✔";
  color: #e9b23b;
}

.contenido {
  padding-block: 20px;
}
.contenido h1 {
  font-size: 40px;
  font-weight: 900;
}

.componente {
  margin-block: 30px;
}
.componente h2 {
  font-size: 22px;
  font-weight: 900;
  color: #222122;
}
.componente h3 {
  font-size: 18px;
  font-weight: 700;
  color: #222122;
}
.componente p {
  padding-block: 5px;
}
.componente__item {
  margin-block: 15px;
  clear: both;
}
.componente.relacionados {
  border: 1px solid #c8c6c8;
  padding: 15px 20px;
  border-radius: 5px;
}

.ayuda {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
  margin-block: 30px;
}
@media (min-width: 768px) {
  .ayuda {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
  }
}
.ayuda__menu {
  grid-column: 1/2;
}
@media (min-width: 768px) {
  .ayuda__menu {
    grid-column: 1/3;
  }
}
.ayuda__menu ul {
  font-size: 18px;
  border: 1px solid #c8c6c8;
  border-radius: 10px;
  padding: 5px 15px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
}
.ayuda__menu ul li {
  list-style: none;
  padding-block: 10px;
  transition: all 0.2s;
  color: #222122;
  border-bottom: 1px solid #c8c6c8;
}
.ayuda__menu ul li:last-child {
  border-bottom: none;
}
.ayuda__menu ul li:hover {
  background-color: #ededed;
  color: #e54141;
}
.ayuda__menu ul li:hover a {
  transform: translateX(5px);
}
.ayuda__menu ul li.ayuda-activa {
  color: #e9b23b;
}
.ayuda__menu ul a {
  text-decoration: none;
  font-size: 16px;
  color: currentColor;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
.ayuda__menu ul a i {
  font-size: 24px;
}
.ayuda__cont {
  grid-column: 1/2;
}
.ayuda__cont--volver a {
  text-decoration: none;
  color: #222122;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  transition: all 0.3s;
}
.ayuda__cont--volver a:hover {
  color: #e9b23b;
}
.ayuda__cont--volver a i {
  font-size: 24px;
}
.ayuda__cont h3 {
  font-size: 24px;
  font-weight: 900;
}
.ayuda__cont li {
  list-style: none;
  color: #222122;
  padding-block: 10px;
  border-bottom: 1px solid #c8c6c8;
}
.ayuda__cont li a {
  text-decoration: none;
  color: currentColor;
}
.ayuda__cont li a:hover {
  color: #e9b23b;
}
.ayuda__cont--pregunta {
  border: 1px solid #c8c6c8;
  border-radius: 5px;
  padding: 30px 20px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  margin-block: 20px;
}
.ayuda__cont--pregunta h3 {
  font-size: 18px;
  color: #222122;
}
.ayuda__cont--pregunta--botones {
  display: flex;
  gap: 10px;
}
.ayuda__cont--pregunta--mensajes {
  background-color: #e54141;
  padding: 15px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-block: 15px;
}
.ayuda__cont--pregunta--mensajes a {
  color: #fff;
}
@media (min-width: 768px) {
  .ayuda__cont {
    grid-column: 3/6;
  }
}
.ayuda__cont--indice {
  border: 1px solid #c8c6c8;
  padding: 15px;
  border-radius: 5px;
  margin-block: 5px;
  transition: all 0.2s;
}
.ayuda__cont--indice:hover {
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.2);
}
.ayuda__cont--indice p {
  padding-block: 10px 5px;
}
.ayuda__cont--indice--titulo {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.ayuda__cont--indice--titulo span {
  font-size: 16px;
  color: #e54141;
  font-weight: 900;
}
.ayuda__cont--indice--titulo h2 {
  font-size: 18px;
  font-weight: 700;
  color: #222122;
}
.ayuda__cont--parrafo h2 {
  font-size: 18px;
  font-weight: 700;
  color: #222122;
}
.ayuda__cont--relacionados {
  padding-block: 15px;
}
.ayuda__cont--relacionados h2 {
  font-size: 18px;
  font-weight: 700;
  color: #222122;
}
.ayuda__cont--relacionados a {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s;
}
.ayuda__cont--relacionados a i {
  font-size: 24px;
}
.ayuda__cont--relacionados a:hover {
  color: #636063;
}

.rrhh__mensajes {
  padding-inline: 15px;
}
.rrhh h1 {
  font-size: 50px;
  color: #222122;
  text-align: center;
  padding-block: 20px;
}
.rrhh__cabezal {
  display: flex;
  align-items: center;
  background-color: #222122;
  justify-content: center;
  padding: 20px;
  gap: 25px;
}
.rrhh__cabezal img {
  max-width: 130px;
}
.rrhh__cabezal--home {
  color: #fff;
  font-size: 30px;
}
.rrhh__cabezal--home a {
  text-decoration: none;
  color: #fff;
}
.rrhh__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.rrhh__items--item {
  border: 2px solid #c8c6c8;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.rrhh__oferta {
  margin-block: 0px;
  background-color: #fff;
  padding: 25px;
  border-radius: 0px;
}
@media (min-width: 480px) {
  .rrhh__oferta {
    margin-block: 50px;
    border-radius: 10px;
  }
}
.rrhh__oferta h1 {
  font-size: 36px;
}
.rrhh__oferta a {
  text-decoration: none;
  color: #222122;
  font-size: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  transition: all 0.3s;
}
.rrhh__oferta a i {
  font-size: 20px;
}
.rrhh__oferta a:hover {
  color: #636063;
}
.rrhh__oferta--fecha-nac {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.rrhh__oferta--codigo {
  position: relative;
}
.rrhh__oferta--codigo input {
  margin-block: 0;
}
.rrhh__oferta--codigo--cod {
  position: absolute;
  top: 6px;
  right: 6px;
}
.rrhh__oferta form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contacto {
  border: 2px solid #e54141;
  border-radius: 5px;
  padding: 15px 20px;
  box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);
  margin-block: 25px 10px;
}
.contacto__info {
  margin-block: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.contacto__info i {
  font-size: 30px;
  color: #e54141;
}
.contacto__mensaje {
  margin-top: 25px;
}
.contacto__mensaje--cabezal {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .contacto__mensaje--cabezal {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
  }
}
.contacto__mensaje--cabezal h2 {
  font-size: 24px;
}
.contacto__mensaje--cabezal p {
  font-size: 18px;
}
.contacto__mensaje--cabezal--img {
  width: 100%;
}
.contacto__mensaje--cabezal--img img {
  width: 100%;
}

.cupon-home {
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
  margin: 15px;
}
@media (min-width: 768px) {
  .cupon-home {
    max-width: 1400px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    gap: 20px;
  }
}
.cupon-home__cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .cupon-home__cont {
    max-width: 1400px;
    margin: 15px auto;
    gap: 25px;
  }
}
.cupon-home__cont--titulo {
  display: flex;
  align-items: center;
  gap: 5px;
}
.cupon-home__cont--titulo h2 {
  font-size: 18px;
  font-weight: 900;
}
@media (min-width: 768px) {
  .cupon-home__cont--titulo h2 {
    width: max-content;
  }
}
.cupon-home__cont--titulo.uruguay h3 {
  font-size: 18px;
  font-weight: 900;
  color: yellow;
}
.cupon-home__cont--cupon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 2px dashed #e54141;
  border-radius: 6px;
}
.cupon-home__cont--cupon span {
  font-size: 20px;
  font-family: "BrandonGrotesque-BlackItalic", "Plus Jakarta Sans", sans-serif;
  color: #e54141;
}
.cupon-home__cont--cupon i {
  color: #d99c18;
  font-size: 18px;
  cursor: pointer;
}
.cupon-home h3 {
  font-size: 13px;
  color: #222122;
  padding-top: 20px;
  z-index: 3;
}
@media (min-width: 768px) {
  .cupon-home h3 {
    padding-top: 0;
    font-size: 16px;
    width: 100%;
  }
}
.cupon-home h3 strong {
  position: relative;
  z-index: 2;
}
.cupon-home h3 strong span {
  font-size: 15px;
  font-weight: 900;
  color: #e54141;
  z-index: 2;
}
@media (min-width: 768px) {
  .cupon-home h3 strong span {
    font-size: 18px;
  }
}
.cupon-home h3 strong img {
  width: 80px;
  position: absolute;
  bottom: -3px;
  right: 0;
  z-index: 0;
}
.cupon-home p {
  font-size: 13px;
  width: 100%;
  background: #d2f1c0;
  padding: 15px;
  border-radius: 10px;
  color: #4b6e33;
  font-weight: 600;
  position: relative;
}
.cupon-home p::before {
  content: "\f430";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  color: #4b6e33;
}

.cupon-uy {
  background-color: #5a88eb;
  border-radius: 8px;
  padding: 15px;
  margin: 15px;
}
@media (min-width: 768px) {
  .cupon-uy {
    max-width: 1400px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    gap: 20px;
  }
}
.cupon-uy h3 {
  font-size: 16px;
  color: #fff;
  padding-top: 20px;
  z-index: 3;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .cupon-uy h3 {
    padding-top: 0;
    font-size: 16px;
    width: 100%;
    margin-bottom: 0;
    text-align: left;
    line-height: 1;
  }
}
.cupon-uy h3 strong {
  position: relative;
  z-index: 2;
}
.cupon-uy h3 strong span {
  font-size: 18px;
  font-weight: 900;
  color: #f1c72e;
  z-index: 2;
}
@media (min-width: 768px) {
  .cupon-uy h3 strong span {
    font-size: 18px;
  }
}
.cupon-uy p {
  font-size: 13px;
  width: 100%;
  color: #5a88eb;
  background-color: #fff;
  padding: 5px;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
}
.cupon-uy__cont {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
@media (min-width: 768px) {
  .cupon-uy__cont {
    max-width: 1400px;
    margin: 15px auto;
    gap: 25px;
    flex-direction: row;
  }
}
.cupon-uy__cont--titulo {
  display: flex;
  gap: 3px;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
@media (min-width: 768px) {
  .cupon-uy__cont--titulo {
    align-items: start;
  }
}
.cupon-uy__cont--titulo h2 {
  font-size: 18px;
  font-weight: 900;
  color: #f1c72e;
}
@media (min-width: 768px) {
  .cupon-uy__cont--titulo h2 {
    width: max-content;
  }
}
.cupon-uy__cont--titulo h3 {
  padding-top: 0;
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  .cupon-uy__cont--titulo h3 {
    width: max-content;
    text-align: left;
  }
}
.cupon-uy__cont--cupon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 2px dashed #f1c72e;
  border-radius: 3px;
}
.cupon-uy__cont--cupon span {
  font-size: 20px;
  font-family: "BrandonGrotesque-BlackItalic", "Plus Jakarta Sans", sans-serif;
  color: #f1c72e;
}
.cupon-uy__cont--cupon i {
  color: #f1c72e;
  font-size: 18px;
  cursor: pointer;
}

.cupon-carrito {
  padding: 8px 10px;
  border-radius: 6px;
  background-color: #e54141;
  margin-inline: 10px;
}
@media (min-width: 768px) {
  .cupon-carrito {
    width: auto;
    margin-inline: 25px;
  }
}
.cupon-carrito__titulo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.cupon-carrito__titulo h2 {
  font-size: 14px;
  font-weight: 900;
  text-align: left;
  color: #fff;
}
@media (min-width: 768px) {
  .cupon-carrito__titulo h2 {
    font-size: 16px;
    width: max-content;
    text-align: center;
  }
}
.cupon-carrito__form h4 {
  font-size: 16px;
  text-align: left;
}
.cupon-carrito__form--pegar {
  color: #636063;
  font-size: 16px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  padding-block: 10px;
}
.cupon-carrito__form--pegar span {
  font-size: 13px;
}
.cupon-carrito__form--campo {
  position: relative;
}
.cupon-carrito__form--campo--btn {
  position: absolute;
  right: 0;
  top: 4px;
  color: #636063;
  background-color: #7c1111;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  padding: 13px 6px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: all 0.2s;
}
.cupon-carrito__form--campo--btn:hover {
  background-color: #e9b23b;
}
.cupon-carrito__form--campo input {
  height: 40px;
  border-color: #a70000;
  font-size: 13px;
  color: #e54141;
}
.cupon-carrito__form--campo input::placeholder {
  color: #e54141;
  opacity: 1;
  font-style: normal;
}
.cupon-carrito__dto {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  background-color: #e54141;
  border-radius: 3px;
  margin-top: 5px;
  transition: all 0.3s;
}
@media screen and (max-width: 400px) {
  .cupon-carrito__dto {
    flex-direction: column;
    gap: 10px;
    margin-top: 0;
    padding: 5px;
    align-items: normal;
  }
}
.cupon-carrito__dto--cupon {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
}
@media (min-width: 768px) {
  .cupon-carrito__dto--cupon {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}
@media screen and (max-width: 400px) {
  .cupon-carrito__dto--cupon {
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
  }
}
.cupon-carrito__dto--cupon h2 {
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 400px) {
  .cupon-carrito__dto--cupon h2 {
    font-size: 13px;
  }
}
.cupon-carrito__dto--cupon span {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}
@media screen and (max-width: 400px) {
  .cupon-carrito__dto--cupon span {
    font-size: 18px;
  }
}
.cupon-carrito__dto--cupon a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #e54141;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 50px;
  padding: 5px 8px;
  gap: 5px;
  transition: all 0.2s;
}
.cupon-carrito__dto--cupon a:hover {
  opacity: 0.5;
}
@media screen and (max-width: 400px) {
  .cupon-carrito__dto--cupon a {
    padding: 3px 6px;
    margin-left: auto;
  }
}
.cupon-carrito__dto--dto span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 2px dashed #e54141;
  border-radius: 3px;
  font-size: 20px;
  font-family: "BrandonGrotesque-BlackItalic", "Plus Jakarta Sans", sans-serif;
  color: #e54141;
  background-color: #fff;
}
@media screen and (max-width: 400px) {
  .cupon-carrito__dto--dto span {
    text-align: center;
  }
}

.locales {
  width: 100%;
  margin: 0 auto;
}
.locales__cont {
  display: flex;
  align-items: center;
  height: 85vh;
}
@media screen and (max-width: 768px) {
  .locales__cont {
    flex-direction: column-reverse;
    height: auto;
  }
}
.locales__cont--lateral {
  width: 450px;
  padding: 15px;
  background-color: #e9eff1;
  color: #222122;
  max-height: 85vh;
  overflow-x: scroll;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .locales__cont--lateral {
    height: 50vh;
    width: 100%;
  }
}
.locales__cont--lateral--block h2, .locales__cont--lateral--block h3 {
  color: #222122;
}
.locales__cont--mapa {
  width: 100%;
}

#mapa {
  width: 100%;
  height: 85vh;
}
@media screen and (max-width: 768px) {
  #mapa {
    height: 50vh;
    width: 100%;
  }
}

.eventos {
  background: #0c0c0c;
  background: linear-gradient(180deg, #0c0c0c 0%, #201e20 100%);
  position: relative;
}
.eventos__header {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  position: relative;
}
.eventos__header figure {
  position: relative;
}
.eventos__header figure img {
  width: 380px;
}
@media screen and (max-width: 768px) {
  .eventos__header figure img {
    width: 250px;
  }
}
.eventos__header--bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.eventos__header--bg img {
  width: 300px;
}
.eventos__header--tag {
  position: absolute;
  left: 0;
  top: 15px;
}
@media screen and (max-width: 768px) {
  .eventos__header--tag {
    left: 10px;
    top: 5px;
  }
}
.eventos__header--tag img {
  width: 100px;
}
@media screen and (max-width: 768px) {
  .eventos__header--tag img {
    width: 75px;
  }
}
.eventos__header--info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  z-index: 1;
}
.eventos__header--info p {
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.eventos__header--info p b {
  font-weight: 900;
}
.eventos__header--info p strong {
  font-weight: 900;
  color: #e9b23b;
}
.eventos__header--info a {
  background-color: #e9b23b;
  font-size: 18px;
  font-weight: 800;
  color: #222122;
  padding: 15px 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  transition: all 0.2s;
}
.eventos__header--info a:hover {
  background-color: #e54141;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .eventos__header--info a {
    margin-bottom: 25px;
  }
}
.eventos__cont {
  background-color: #1e1e1e;
  padding: 20px;
}
@media (min-width: 768px) {
  .eventos__cont {
    border: 2px solid #e9b23b;
    border-radius: 15px;
    padding: 50px 20px;
    margin: 30px auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
}
.eventos__cont--header {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  padding-block: 0 25px;
}
.eventos__cont--header figure img {
  width: 120px;
}
.eventos__cont--header--info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.eventos__cont--header--info h1 {
  font-size: 30px;
  font-weight: 900;
  text-align: left;
  background-image: linear-gradient(45deg, #e54141, #e9b23b);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .eventos__cont--header--info h1 {
    font-size: 40px;
  }
}
.eventos__cont--header--info h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.eventos__cont--header--info h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.eventos__cont--header--info h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.eventos__cont--items {
  height: 75vh;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  padding-block: 15px;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.eventos__cont--items--item {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  padding-block: 10px;
  border-bottom: 1px solid #ffffff17;
}
.eventos__cont--items--item--form {
  margin-left: auto;
  position: relative;
  margin-right: 10px;
}
.eventos__cont--items--item--form::after {
  content: "\e951";
  font-family: "iconos" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #e9b23b;
  font-size: 32px;
  z-index: 5;
}
.eventos__cont--items--item--form input {
  border-radius: 10px;
  height: 45px;
  width: 70px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  flex-shrink: 1;
  font-weight: 600;
  text-align: center;
}
.eventos__cont--items--item--num {
  background-color: #e9b23b;
  height: 45px;
  width: 45px;
  padding: 5px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  font-size: 20px;
  font-weight: 900;
  color: #222122;
  border-radius: 5px;
}
.eventos__cont--items--item--info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.eventos__cont--items--item--info h3 {
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}
.eventos__cont--items--item--info p {
  font-size: 13px;
  line-height: normal;
  font-weight: 400;
  color: #fff;
  padding-block: 0;
}
.eventos__cont--form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eventos__cont--form--fechaHora {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.eventos__cont--form--campo {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}
.eventos__cont--form--campo label {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.eventos__cont--form--campo label.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.eventos__cont--form--campo input,
.eventos__cont--form--campo select,
.eventos__cont--form--campo textarea {
  border-radius: 10px;
}
.eventos__cont--form--campo input:disabled,
.eventos__cont--form--campo select:disabled,
.eventos__cont--form--campo textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #363636;
  color: #808080;
  border-style: dashed;
  transition: all 0.2s;
}
.eventos__cont--form--campo i {
  position: absolute;
  right: 15px;
  bottom: 25px;
  font-size: 24px;
  color: #636063;
}
.eventos__cont--form--retiro {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  padding-inline: 15px;
  padding-block: 20px 10px;
}
.eventos__cont--form--retiro--cont {
  display: flex;
  align-items: center;
  gap: 10px;
}
.eventos__cont--form--retiro label h4 {
  font-size: 18px;
}
.eventos__cont--form--retiro input[type=checkbox] {
  border-radius: 30px;
  width: 50px;
  height: 50px;
}
.eventos__cont--alert {
  background-color: #8ae77962;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #e54141;
}
.eventos__cont--alert.enMensaje {
  background-color: #e54141;
  margin-block: 15px;
}
.eventos__cont--alert--item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.eventos__cont--alert--item--pasos {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 10px;
}
.eventos__cont--alert--item--pasos::before {
  content: "";
  position: absolute;
  z-index: 0;
  height: 90%;
  top: 5px;
  left: 15px;
  width: 2px;
  background-color: #ffffff60;
}
.eventos__cont--alert--item--pasos--paso {
  position: relative;
  padding-left: 38px;
}
.eventos__cont--alert--item--pasos--paso::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  width: 15px;
  height: 15px;
  background-color: #e9b23b;
  border-radius: 50px;
  border: 4px solid #63a8579d;
}
.eventos__cont--alert--item--pasos--paso span {
  font-size: 16px;
  line-height: 1.5;
}
.eventos__cont--alert--item--pasos--paso span strong {
  font-weight: 700;
}
.eventos__cont--alert--item--pasos--paso span a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}
.eventos__cont--alert--item--pasos--paso span a:hover {
  color: #e9b23b;
}
.eventos__cont--alert--item span {
  font-size: 14px;
  line-height: 1.5;
}
.eventos__cont--alert--item span strong {
  font-weight: 700;
}
.eventos__cont--alert--item span a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}
.eventos__cont--alert--item span a:hover {
  color: #e9b23b;
}
.eventos__cont--alert--item h4 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
}
.eventos__cont--alert--item h4 strong {
  font-weight: 700;
}
.eventos__cont--alert--item i {
  font-size: 30px;
}
.eventos__cont input[type=button] {
  border: none;
  border-radius: 10px;
  color: #222122;
}
.eventos__cont input[type=button]:hover {
  background-color: #e54141;
  color: #fff;
}
.eventos__cont span em {
  font-size: 13px;
  color: #e9b23b;
}

.ui-menu .ui-menu-item a {
  text-align: left !important;
}
.ui-menu .ui-menu-item a:hover {
  background-color: #e9b23b !important;
  color: #222122 !important;
  border-color: #e9b23b !important;
}

.cotizacion-msj {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  padding: 15px;
  border-radius: 10px;
  border: 2px solid #e54141;
  margin-top: 25px;
}
.cotizacion-msj a {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: fit-content;
  background-color: #e54141;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.2s;
}
.cotizacion-msj a:hover {
  background-color: #e9b23b;
}

.swiper-button-prev,
.swiper-button-next {
  top: 50%;
}
@media (min-width: 1024px) {
  .swiper-button-prev,
.swiper-button-next {
    transition: all 0.2s;
    opacity: 0;
    transform: translateY(5px);
  }
}
.bannerB .swiper-button-prev,
.bannerB .swiper-button-next {
  top: 40%;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 12px;
  border: 1px solid #e54141;
  padding: 6px 10px;
  border-radius: 50px;
  color: #fff;
  background-color: #e54141;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
  background-color: #222122;
  color: #fff;
  border-color: #222122;
}
@media (min-width: 1024px) {
  .swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0;
    transform: translateY(5px);
  }
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  opacity: 1;
  transform: translateY(0px);
}
.swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.swiper-container:hover .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
  transform: translateY(0px);
}

.swiper-pagination-bullets {
  display: flex;
  align-items: center;
  gap: 0px;
  justify-content: center;
  padding-block: 30px;
}
.sliderService .swiper-pagination-bullets {
  padding-block: 0;
}
.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 18px;
  height: 5px;
  border-radius: 3px;
  background-color: #636063;
}

@font-face {
  font-family: "BrandonGrotesque-BlackItalic";
  src: url("../../sitio/fonts/BrandonGrotesque-BlackItalic.woff2") format("woff2"), url("../../sitio/fonts/BrandonGrotesque-BlackItalic.woff") format("woff"), url("../../sitio/fonts/BrandonGrotesque-BlackItalic.ttf") format("truetype"), url("BrandonGrotesque-BlackItalic.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: "iconos";
  src: url("../fonts/iconos.eot?1r7w4s");
  src: url("../fonts/iconos.eot?1r7w4s#iefix") format("embedded-opentype"), url("../fonts/iconos.ttf?1r7w4s") format("truetype"), url("../fonts/iconos.woff?1r7w4s") format("woff"), url("../fonts/iconos.svg?1r7w4s#iconos") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icono-], [class*=" icono-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconos" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icono-copiar:before {
  content: "\e900";
}

.icono-ico_empresa:before {
  content: "\e904";
}

.icono-empanada2:before {
  content: "\e901";
}

.icono-moto:before {
  content: "\e902";
}

.icono-ico_bebida:before {
  content: "\e903";
}

.icono-localizacion:before {
  content: "\e908";
}

.icono-programar:before {
  content: "\e94e";
}

.icono-empanada:before {
  content: "\e951";
}

/*# sourceMappingURL=estilos.css.map */