html.with-fancybox .cta-stores-sidebar {
  display: none;
}

.ofertones {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 32px;
}

.promos-estados__grid,
.ofertones__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 260px));
  gap: 20px;
  justify-content: start;
}

.ofertones__label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--color-tercero) !important;
}

.ofertones__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--padding-contenido);
  border-radius: var(--border-normal);
  /* background: #f4f8ff !important; */
  min-height: 60vh;
}

.ofertones_info-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;

  h3 {
    color: #021b6d;
    margin: 0;
    padding: 0;
  }

  p {
    color: #666;
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 1rem;
  }
}

.ofertones-icono {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 300px;
  padding: 10px;
  background-color: var(--color-tercero);
  background-position: center center;
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 60px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 1200 1200'%3E%3C!-- Generator: Adobe Illustrator 30.2.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 1) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M1111.7,617.7c-25.1,0-53.3-13.7-81.4-40.1-35.9-33.7-68-84.4-90.3-142.7s-32.2-117.4-28-166.5c4.4-50.6,23.4-84.8,53.6-96.4,30.2-11.5,67.2,1.2,104.3,36,35.9,33.7,68,84.4,90.3,142.7s32.2,117.4,28,166.5c-4.4,50.6-23.4,84.8-53.6,96.4h0c-7.2,2.8-14.9,4.1-22.8,4.1h0ZM1130.3,602.3l2.1,5.6-2.1-5.6c25.7-9.8,42-40.4,45.9-86.2,4.1-47.3-5.6-104.5-27.2-161.2-21.7-56.6-52.7-105.7-87.3-138.2-33.5-31.4-66.1-43.3-91.8-33.5s-42,40.4-45.9,86.2c-4.1,47.3,5.6,104.5,27.2,161.2,21.7,56.6,52.7,105.7,87.3,138.2,33.5,31.4,66.1,43.3,91.8,33.5h0Z'/%3E%3Cg%3E%3Cpath class='st0' d='M434.7,645.9c-1.8-1.3-3.4-1.8-4.7-1.7-1.3,0-2.7.9-4,2.3l-5.5,5.5,21.7,21.7,5.6-5.6c3.3-3.3,1.4-8.5-5.7-15.6-3.1-3.1-5.5-5.3-7.4-6.6h0Z'/%3E%3Cpath class='st0' d='M623.1,578.8l-57.3-57.3c-2.5-2.5-5-4.3-7.2-5.2-2.3-.9-4.5-.3-6.6,1.8-3.9,3.9-2.9,8.8,3,14.7l57.2,57.2c3.4,3.4,6.3,5.5,8.9,6.4,2.5.9,4.9.3,7.1-1.9s2.6-4.4,1.5-7c-1.1-2.5-3.3-5.5-6.6-8.7h0Z'/%3E%3Cpath class='st0' d='M303.7,898.1l-57.3-57.3c-2.5-2.5-5-4.3-7.2-5.2-2.3-.9-4.5-.3-6.6,1.8-3.9,3.9-2.9,8.8,3,14.7l57.2,57.2c3.4,3.4,6.3,5.5,8.9,6.4,2.5.9,4.9.3,7.1-1.9,2.1-2.1,2.6-4.4,1.5-7-1.1-2.5-3.3-5.5-6.5-8.7h-.1Z'/%3E%3Cpath class='st0' d='M1048.3,410.7l-65.8-209.6c-7.5-23.9-26.3-42.5-50.2-49.7l-205.7-62.5c-18.9-5.7-39.4-.6-53.4,13.4L40.2,735.2c-17.4,17.4-17.4,45.7,0,63.1l299,299c17.4,17.4,45.7,17.4,63.1,0l632.8-632.8c14.1-14.1,19.2-34.8,13.2-53.8h0ZM330.3,935.4c-9.5,9.5-19.5,13.8-30.2,12.9-10.7-.9-21.3-6.5-31.7-17l-55.8-55.8c-10.1-10.1-15.3-20.2-15.5-30.2-.2-10.1,4.4-19.8,13.9-29.3s19.2-14.1,29.3-13.9c10.1.2,20.1,5.4,30.2,15.5l55.8,55.8c10.6,10.6,16.2,21.2,17.1,31.8.8,10.6-3.5,20.7-13,30.2h0ZM372.2,891.3l-117.2-117.2,46.9-46.9,22.8,22.8-23.3,23.3,18.7,18.7,22.1-22.1,22.5,22.5-22.1,22.1,53.2,53.2-23.6,23.6h0ZM431.3,832.2l-117.2-117.2,46.9-46.9,22.7,22.7-23.1,23.1,22.8,22.8,22.1-22.1,22.1,22.1-22.1,22.1,26.9,26.9,24.6-24.6,22.8,22.8-48.4,48.4h0ZM524.8,738.7l-45.9-45.9c-3.3-3.3-6-4.7-8.2-4.4-2.2.4-5,2.2-8.3,5.6l53.5,53.5-23.7,23.7-117.2-117.2,36-36c5.7-5.7,11.5-8.9,17.2-9.4s11.5,1,17.3,4.6,12.3,9,19.6,16.3c6.6,6.6,11,12.7,13,18.2s1.6,11.1-1.2,16.8c4.3-2.8,8.6-3.6,13-2.4,4.4,1.2,9,4.3,13.9,9.1l44.1,44.6-22.9,22.9h-.2ZM572,691.5l-94.7-94.7-13.9,13.9-22.5-22.5,51.3-51.3,22.5,22.5-13.9,13.9,94.7,94.7-23.5,23.5h0ZM649.7,616c-9.5,9.5-19.5,13.8-30.2,12.9-10.7-.9-21.3-6.5-31.7-17l-55.8-55.8c-10.1-10.1-15.3-20.2-15.5-30.2-.2-10.1,4.4-19.8,13.9-29.3s19.2-14.1,29.3-13.9,20.1,5.4,30.2,15.5l55.8,55.8c10.6,10.6,16.2,21.2,17.1,31.8.8,10.6-3.5,20.7-13,30.2h0ZM726.2,537.3l-70.4-46.9,58.7,58.7-22.9,22.9-117.2-117.2,24.2-24.2,66.9,45.3-56.1-56.1,22.7-22.7,117.2,117.2-22.9,22.9h-.2ZM764.2,499.3l-117.2-117.2,46.9-46.9,22.7,22.7-23.1,23.1,22.8,22.8,22.1-22.1,22.1,22.1-22.1,22.1,26.9,26.9,24.6-24.6,22.8,22.8-48.4,48.4h0ZM854,411.7c-10.6,10.6-21,15.7-31,15.1-10-.5-20.9-6.7-32.6-18.4l-11.5-11.5,23.1-23.1,14.6,14.6c5.8,5.8,10.6,6.9,14.3,3.1,2.1-2.1,2.9-4.2,2.5-6.2s-2.1-4.5-5-7.4-7.4-6.5-10.8-8.1c-3.4-1.6-6.7-2.5-9.8-2.8s-8.2-.4-15.4-.3h-20.2c-15.5.2-27.8-4.4-37.1-13.6-10-10-15.3-19.9-16-29.8-.6-9.8,3.5-19.2,12.3-28,10.6-10.6,20.9-15.4,31.2-14.4,10.2,1,21.3,7.4,33.2,19.3l-23.9,23.9-8.2-7.9c-1.5-1.5-3.2-2.3-5-2.4-1.8,0-3.4.7-5,2.3s-2.7,3.7-2.6,5.6c0,1.9,1,3.7,2.7,5.5,3.8,3.8,10,5.6,18.4,5.3l26.7-.5c6.3,0,11.9.2,16.7.9,4.9.7,9.8,2.3,14.9,4.8,5,2.5,10.2,6.3,15.4,11.5,11.6,11.6,18.2,22.4,19.9,32.6s-2.3,20.2-12,29.9h.2ZM921.1,280.8c-17.8,17.8-46.6,17.8-64.4,0-17.8-17.8-17.8-46.6,0-64.4,17.8-17.8,46.6-17.8,64.4,0,17.8,17.8,17.8,46.6,0,64.4Z'/%3E%3C/g%3E%3C/svg%3E");
}

.ofertones-icono:after {
  content: "";
  width: 88px;
  height: 5px;
  background-color: #000000;
  position: absolute;
  z-index: 0;
  border-radius: 100%;
  filter: blur(5px);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ofertones__title {
  padding: var(--padding-contenido);
  border-radius: var(--border-normal);
  background: #f4f8ff !important;
  text-align: right;
  margin: 0 0 18px;
  font-weight: bold;
  font-size: 25px;
  color: var(--color-tercero);
}

.ofertones__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding: var(--padding-contenido);
  border-radius: var(--border-normal);
  background: #f4f8ff !important;
}

.ofertones__sidebar {
  display: flex;
  flex-direction: column;
  height: max-content;
  padding: var(--padding-contenido);
  border-radius: var(--border-normal);
  background: var(--color-secundario);
}

.ofertones__sidebar .select2-container--default .select2-selection--single {
  height: 50px;
  border-color: #ffffff !important;
}

.ofertones__sidebar .select2-selection__rendered {
  height: 50px;
  line-height: 48px !important;
}

.ofertones__sidebar
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 50px;
  right: 5px;
}

h2.ish2 {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--color-claro);
  padding-bottom: 20px;
}

.ofertones__select_box {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 10px;
  background-color: #ffffff;
}

.ofertones__item {
  display: block;
  text-decoration: none;
  overflow: hidden;
  border-radius: 15px !important;
  border: solid 3px #0e2087;
}

.ofertones__item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.fancybox__button--fullscreen,
.fancybox__button--slideshow,
.fancybox__counter {
  display: none !important;
}

.fancybox__slide.has-caption {
  background-color: #03317aaf;
}

.-has-image .fancybox__content {
  border-radius: 15px !important;
  overflow: hidden !important;
}

.ofertones-download-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  min-width: max-content;
  padding: 5px 10px !important;
  border: 0;
  height: auto !important;
  border-radius: 10px !important;
  background: var(--color-secundario) !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer !important;

  &:hover {
    background-color: #bf0a0a !important;
  }

  .bi {
    font-size: 25px !important;
  }
}

@media (max-width: 991px) {
  .ofertones {
    grid-template-columns: 1fr;
  }

  .ofertones__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ofertones__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ofertones-download-floating {
  position: fixed;
  top: 16px;
  right: 64px;
  z-index: 999999;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: rgba(30, 30, 30, 0.9);
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.ofertones-download-floating:hover {
  opacity: 0.9;
}

@media (max-width: 768px) {
  .ofertones-download-floating {
    top: 12px;
    right: 56px;
    width: 40px;
    height: 40px;
  }
}