@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* line 60, ../scss/_base.scss */
.slick-prev:before, .slick-next:before {
  font-family: "Font Awesome 5 Free";
  color: black;
  font-weight: 900;
}
/* line 68, ../scss/_base.scss */
.slick-prev:before {
  content: '\f053';
}
/* line 74, ../scss/_base.scss */
.slick-next:before {
  content: '\f054';
}
@media screen and (max-width: 28em) {
  /* line 80, ../scss/_base.scss */
  .slick-prev {
    left: -10px;
  }
  /* line 84, ../scss/_base.scss */
  .slick-next {
    right: -10px;
  }
}

/* line 92, ../scss/_base.scss */
.background-cover {
  background-size: cover;
  background-position: center;
}

/* line 99, ../scss/_base.scss */
.cart {
  position: relative;
  border: none;
  background: transparent;
}
/* line 104, ../scss/_base.scss */
.cart .notificacion {
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #DC3545FF;
  display: flex;
  top: -1rem;
  border-radius: 50%;
  right: 0;
}

/* line 22, ../scss/ok.scss */
html {
  font-size: 16px;
}

/* line 26, ../scss/ok.scss */
body {
  font-family: 'Poppins', sans-serif;
  background-color: #F3F3F3 !important;
}

/* line 31, ../scss/ok.scss */
* {
  scrollbar-width: thin;
  scrollbar-color: #EF2325 #FFFFFF;
}

/* line 36, ../scss/ok.scss */
*::-webkit-scrollbar {
  width: 12px;
}

/* line 40, ../scss/ok.scss */
*::-webkit-scrollbar-track {
  background: #FFFFFF;
}

/* line 44, ../scss/ok.scss */
*::-webkit-scrollbar-thumb {
  background-color: #EF2325;
  border-radius: 20px;
  border: 3px solid #FFFFFF;
}

/* line 50, ../scss/ok.scss */
.main {
  min-height: 100vh;
}

/* line 55, ../scss/ok.scss */
label {
  font-size: 0.8rem;
  color: #2A2A2A;
  font-weight: 500;
}
/* line 60, ../scss/ok.scss */
label .icon.required {
  color: #EF2325;
  font-weight: 600 !important;
  font-size: .9rem;
}

/* line 67, ../scss/ok.scss */
.flex-1 {
  flex: 1;
}

/* line 71, ../scss/ok.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 77, ../scss/ok.scss */
input[type=number] {
  -moz-appearance: textfield;
}

/* line 81, ../scss/ok.scss */
a {
  text-decoration: none !important;
}
/* line 84, ../scss/ok.scss */
a:hover {
  text-decoration: none !important;
}

/* line 89, ../scss/ok.scss */
.fs-7 {
  font-size: .9rem;
}

/* line 93, ../scss/ok.scss */
.fs-8 {
  font-size: .8rem;
}

/* line 97, ../scss/ok.scss */
.fs-9 {
  font-size: .7rem;
}

/* line 102, ../scss/ok.scss */
.z-10 {
  z-index: 10;
}

/* line 108, ../scss/ok.scss */
.hover-pointer:hover {
  cursor: pointer;
}

/* line 113, ../scss/ok.scss */
.radius-none {
  border-radius: 0 !important;
}

/* line 118, ../scss/ok.scss */
.fw-ultra-lighty {
  font-weight: 200 !important;
}
/* line 122, ../scss/ok.scss */
.fw-lighty {
  font-weight: 300 !important;
}
/* line 126, ../scss/ok.scss */
.fw-light {
  font-weight: 400 !important;
}
/* line 130, ../scss/ok.scss */
.fw-medium {
  font-weight: 500 !important;
}
/* line 134, ../scss/ok.scss */
.fw-bold {
  font-weight: 600 !important;
}
/* line 138, ../scss/ok.scss */
.fw-bolder {
  font-weight: 700 !important;
}
/* line 142, ../scss/ok.scss */
.fw-ultra-bolder {
  font-weight: 800 !important;
}

/* line 149, ../scss/ok.scss */
.mr-0 {
  margin-left: 0 !important;
}
/* line 153, ../scss/ok.scss */
.mr-1 {
  margin-right: .25rem !important;
}
/* line 157, ../scss/ok.scss */
.mr-2 {
  margin-right: .5rem !important;
}
/* line 161, ../scss/ok.scss */
.mr-3 {
  margin-right: 1rem !important;
}
/* line 165, ../scss/ok.scss */
.mr-4 {
  margin-right: 1.5rem !important;
}
/* line 169, ../scss/ok.scss */
.mr-5 {
  margin-right: 3rem !important;
}
/* line 173, ../scss/ok.scss */
.mr-6 {
  margin-right: 5rem !important;
}
/* line 177, ../scss/ok.scss */
.mr-7 {
  margin-right: 10rem !important;
}

/* line 183, ../scss/ok.scss */
.ml-0 {
  margin-left: 0 !important;
}
/* line 187, ../scss/ok.scss */
.ml-1 {
  margin-left: .25rem !important;
}
/* line 191, ../scss/ok.scss */
.ml-2 {
  margin-left: .5rem !important;
}
/* line 195, ../scss/ok.scss */
.ml-3 {
  margin-left: 1rem !important;
}
/* line 199, ../scss/ok.scss */
.ml-4 {
  margin-left: 1.5rem !important;
}
/* line 203, ../scss/ok.scss */
.ml-5 {
  margin-left: 3rem !important;
}
/* line 207, ../scss/ok.scss */
.ml-6 {
  margin-left: 5rem !important;
}
/* line 211, ../scss/ok.scss */
.ml-7 {
  margin-left: 10rem !important;
}

/* line 216, ../scss/ok.scss */
.mx {
  /* >= 576px  */
  /* >= 768px */
}
/* line 217, ../scss/ok.scss */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
/* line 222, ../scss/ok.scss */
.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important;
}
/* line 227, ../scss/ok.scss */
.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important;
}
/* line 232, ../scss/ok.scss */
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
/* line 237, ../scss/ok.scss */
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
/* line 242, ../scss/ok.scss */
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
/* line 247, ../scss/ok.scss */
.mx-6 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}
/* line 252, ../scss/ok.scss */
.mx-7 {
  margin-right: 10rem !important;
  margin-left: 10rem !important;
}
/* line 259, ../scss/ok.scss */
.mx-sm-7 {
  margin-right: 10rem !important;
  margin-left: 10rem !important;
}
@media (min-width: 768px) {
  /* line 268, ../scss/ok.scss */
  .mx-md-7 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }
}

@media (min-width: 576px) {
  /* line 277, ../scss/ok.scss */
  .pr-sm-0 {
    padding-right: 0 !important;
  }
}
/* line 283, ../scss/ok.scss */
.pr-0 {
  padding-right: 0 !important;
}
@media (min-width: 576px) {
  /* line 287, ../scss/ok.scss */
  .pr-sm-1 {
    padding-right: .25rem !important;
  }
}
/* line 293, ../scss/ok.scss */
.pr-1 {
  padding-right: .25rem !important;
}
@media (min-width: 576px) {
  /* line 297, ../scss/ok.scss */
  .pr-sm-2 {
    padding-right: .5rem !important;
  }
}
/* line 303, ../scss/ok.scss */
.pr-2 {
  padding-right: .5rem !important;
}
@media (min-width: 576px) {
  /* line 307, ../scss/ok.scss */
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
}
/* line 313, ../scss/ok.scss */
.pr-3 {
  padding-right: 1rem !important;
}
@media (min-width: 576px) {
  /* line 317, ../scss/ok.scss */
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
}
/* line 323, ../scss/ok.scss */
.pr-4 {
  padding-right: 1.5rem !important;
}
@media (min-width: 576px) {
  /* line 327, ../scss/ok.scss */
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
}
/* line 333, ../scss/ok.scss */
.pr-5 {
  padding-right: 3rem !important;
}

@media (min-width: 576px) {
  /* line 339, ../scss/ok.scss */
  .pl-sm-0 {
    padding-left: 0 !important;
  }
}
/* line 345, ../scss/ok.scss */
.pl-0 {
  padding-left: 0 !important;
}
@media (min-width: 576px) {
  /* line 349, ../scss/ok.scss */
  .pl-sm-1 {
    padding-left: .25rem !important;
  }
}
/* line 355, ../scss/ok.scss */
.pl-1 {
  padding-left: .25rem !important;
}
@media (min-width: 576px) {
  /* line 359, ../scss/ok.scss */
  .pl-sm-2 {
    padding-left: .5rem !important;
  }
}
/* line 365, ../scss/ok.scss */
.pl-2 {
  padding-left: .5rem !important;
}
@media (min-width: 576px) {
  /* line 369, ../scss/ok.scss */
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
}
/* line 375, ../scss/ok.scss */
.pl-3 {
  padding-left: 1rem !important;
}
@media (min-width: 576px) {
  /* line 379, ../scss/ok.scss */
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
}
/* line 385, ../scss/ok.scss */
.pl-4 {
  padding-left: 1.5rem !important;
}
@media (min-width: 576px) {
  /* line 389, ../scss/ok.scss */
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
}
/* line 395, ../scss/ok.scss */
.pl-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  /* line 401, ../scss/ok.scss */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
/* line 408, ../scss/ok.scss */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
@media (min-width: 576px) {
  /* line 413, ../scss/ok.scss */
  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
}
/* line 420, ../scss/ok.scss */
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important;
}
@media (min-width: 576px) {
  /* line 425, ../scss/ok.scss */
  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
}
/* line 432, ../scss/ok.scss */
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}
@media (min-width: 576px) {
  /* line 437, ../scss/ok.scss */
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}
/* line 444, ../scss/ok.scss */
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
@media (min-width: 576px) {
  /* line 449, ../scss/ok.scss */
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
/* line 456, ../scss/ok.scss */
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
@media (min-width: 576px) {
  /* line 461, ../scss/ok.scss */
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
}
/* line 468, ../scss/ok.scss */
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  /* line 473, ../scss/ok.scss */
  .px-sm-6 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
}
/* line 480, ../scss/ok.scss */
.px-6 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}
@media (min-width: 576px) {
  /* line 485, ../scss/ok.scss */
  .px-sm-7 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }
}
/* line 492, ../scss/ok.scss */
.px-7 {
  padding-right: 10rem !important;
  padding-left: 10rem !important;
}

/* line 499, ../scss/ok.scss */
.fit-content {
  width: fit-content;
}

/* line 503, ../scss/ok.scss */
.h-fit-content {
  height: fit-content;
}

/* line 507, ../scss/ok.scss */
.bg-white {
  background-color: #FFFFFF !important;
}

/* line 511, ../scss/ok.scss */
.bg-color {
  background-color: #F3F3F3 !important;
}

/* line 515, ../scss/ok.scss */
.bg-main {
  background-color: #040E22 !important;
}

/* line 519, ../scss/ok.scss */
.bg-alt {
  background-color: #EF2325 !important;
}

/* line 523, ../scss/ok.scss */
.bg-dark {
  background-color: #2A2A2A !important;
}

/* line 527, ../scss/ok.scss */
.bg-gray {
  background-color: #8C8E90 !important;
}

/* line 531, ../scss/ok.scss */
.bg-gray-dark {
  background-color: #4B4B4B !important;
}

/* line 536, ../scss/ok.scss */
.fc-main {
  color: #040E22 !important;
}
/* line 540, ../scss/ok.scss */
.fc-main-light {
  color: #142862 !important;
}
/* line 544, ../scss/ok.scss */
.fc-alt {
  color: #EF2325 !important;
}
/* line 548, ../scss/ok.scss */
.fc-grey {
  color: #8C8E90 !important;
}
/* line 552, ../scss/ok.scss */
.fc-light {
  color: #142862 !important;
}
/* line 556, ../scss/ok.scss */
.fc-black {
  color: #2A2A2A !important;
}
/* line 560, ../scss/ok.scss */
.fc-black-alt {
  color: #000000 !important;
}
/* line 564, ../scss/ok.scss */
.fc-inactive {
  color: #b3b3b3 !important;
}
/* line 568, ../scss/ok.scss */
.fc-white {
  color: #FFFFFF !important;
}
/* line 572, ../scss/ok.scss */
.fc-green {
  color: #00BB2D !important;
}
/* line 576, ../scss/ok.scss */
.fc-red {
  color: #EF2325 !important;
}

/* line 582, ../scss/ok.scss */
.radius-sm {
  border-radius: .5rem;
}
/* line 586, ../scss/ok.scss */
.radius-md {
  border-radius: 1rem;
}

/* line 592, ../scss/ok.scss */
.input-group {
  border: 1.25px solid #2A2A2A;
  border-radius: 1rem;
  max-height: 40px;
}
/* line 597, ../scss/ok.scss */
.input-group-prepend {
  border: none;
  border-radius: 1rem;
}
/* line 601, ../scss/ok.scss */
.input-group-prepend button {
  border-radius: 1rem 0 0 1rem;
}
/* line 606, ../scss/ok.scss */
.input-group-append {
  border: none;
  border-radius: 1rem;
}
/* line 610, ../scss/ok.scss */
.input-group-append button {
  border-radius: 0 1rem 1rem 0;
}
/* line 615, ../scss/ok.scss */
.input-group input[type="number"]::-webkit-inner-spin-button, .input-group input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 622, ../scss/ok.scss */
.form-check-input {
  border-color: #2A2A2A;
}

/* line 626, ../scss/ok.scss */
.custom-input {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
/* line 632, ../scss/ok.scss */
.custom-input.select2 {
  display: flex;
  flex-direction: column;
  border-radius: 1px;
}
/* line 638, ../scss/ok.scss */
.custom-input.select2 .custom-input--texto {
  order: 0;
}
/* line 642, ../scss/ok.scss */
.custom-input.select2 .custom-input--error-text {
  order: 2;
}
/* line 648, ../scss/ok.scss */
.custom-input--texto {
  font-size: .65rem;
  padding-inline: .15rem;
  background: #FFFFFF;
  position: absolute;
  left: .65rem;
  top: -.5rem;
  margin-bottom: 0 !important;
}
/* line 657, ../scss/ok.scss */
.custom-input--texto .required {
  color: #EF2325;
  font-weight: 600;
}
/* line 663, ../scss/ok.scss */
.custom-input .form-control {
  border-radius: .25rem;
  background: #FFFFFF;
}
/* line 668, ../scss/ok.scss */
.custom-input--error-text {
  font-size: .8rem;
  color: #EF2325;
  margin-bottom: 0;
}
/* line 674, ../scss/ok.scss */
.custom-input textarea {
  resize: none;
}
/* line 683, ../scss/ok.scss */
.custom-input .dropdown .form-control {
  color: #2A2A2A;
  text-align: start;
}
/* line 688, ../scss/ok.scss */
.custom-input .dropdown .dropdown-menu {
  width: 100%;
}
/* line 692, ../scss/ok.scss */
.custom-input .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 697, ../scss/ok.scss */
.custom-input .dropdown-item button {
  background: none;
  border: none;
  outline: none;
  font-size: 1.15rem;
}

/* line 711, ../scss/ok.scss */
.form-control, .form-select {
  border: 1px solid #8C8E90;
  font-size: .85rem;
  color: #2A2A2A;
  border-radius: .5rem;
}
/* line 717, ../scss/ok.scss */
.form-control::placeholder, .form-select::placeholder {
  font-size: .85rem;
  color: #2A2A2A;
}

/* line 723, ../scss/ok.scss */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear .3s;
  line-height: 16px;
  height: fit-content;
  /*&[disabled] {
    border-color: $gray-color;
    color: $gray-color;
    opacity: .75;

    &:hover {
      border-color: $gray-color;
      color: $gray-color;
      opacity: initial;
      filter: initial;
      cursor: default;
    }
  }*/
}
/* line 731, ../scss/ok.scss */
.btn:hover {
  filter: brightness(0.75);
  text-decoration: none;
}
/* line 736, ../scss/ok.scss */
.btn i {
  font-size: 1.15rem;
}
/* line 741, ../scss/ok.scss */
.btn-main {
  background-color: #040E22;
  color: #FFFFFF;
}
/* line 746, ../scss/ok.scss */
.btn-main:hover {
  background-color: #040E22;
  color: #FFFFFF;
}
/* line 752, ../scss/ok.scss */
.btn-main-alt {
  background-color: #FFFFFF;
  color: #040E22;
  border-color: #040E22;
}
/* line 757, ../scss/ok.scss */
.btn-main-alt:hover {
  background-color: #040E22;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
/* line 764, ../scss/ok.scss */
.btn-light {
  background-color: #3d76e8;
  color: #FFFFFF;
}
/* line 768, ../scss/ok.scss */
.btn-light:focus {
  background-color: #3d76e8;
  color: #FFFFFF;
}
/* line 773, ../scss/ok.scss */
.btn-light:hover {
  background-color: #3d76e8;
  color: #FFFFFF;
}
/* line 779, ../scss/ok.scss */
.btn-border {
  background-color: #FFFFFF;
  color: #040E22;
  border: 1px solid #040E22;
}
/* line 784, ../scss/ok.scss */
.btn-border:focus {
  background-color: #FFFFFF;
  color: #040E22;
}
/* line 789, ../scss/ok.scss */
.btn-border:hover {
  background-color: #FFFFFF;
  color: #040E22;
  border: 1.5px solid #040E22;
}
/* line 796, ../scss/ok.scss */
.btn-border-main {
  background-color: #FFFFFF;
  color: #EF2325;
  border: 1.5px solid #EF2325;
}
/* line 801, ../scss/ok.scss */
.btn-border-main:focus {
  background-color: #FFFFFF;
  color: #EF2325;
}
/* line 806, ../scss/ok.scss */
.btn-border-main:hover {
  background-color: #FFFFFF;
  color: #EF2325;
  border: 1.5px solid #EF2325;
}
/* line 813, ../scss/ok.scss */
.btn-border-green {
  background-color: #FFFFFF;
  color: #003c0e;
  border: 1.5px solid #003c0e;
}
/* line 818, ../scss/ok.scss */
.btn-border-green:focus {
  background-color: #FFFFFF;
  color: #003c0e;
}
/* line 823, ../scss/ok.scss */
.btn-border-green:hover {
  background-color: #FFFFFF;
  color: #003c0e;
  border: 1.5px solid #003c0e;
}
/* line 830, ../scss/ok.scss */
.btn-border-alt {
  background-color: #FFFFFF;
  color: #EF2325;
  border: 1.5px solid #EF2325;
  border-radius: .2rem;
  transition: all linear .3s;
}
/* line 837, ../scss/ok.scss */
.btn-border-alt:focus {
  background-color: #FFFFFF;
  border: 1.5px solid #EF2325;
}
/* line 842, ../scss/ok.scss */
.btn-border-alt:hover {
  background-color: #EF2325;
  color: #FFFFFF;
  border: 1.5px solid #EF2325;
}
/* line 849, ../scss/ok.scss */
.btn-border-disabled {
  background-color: #FFFFFF;
  border: 2px solid #b3b3b3;
  color: #b3b3b3;
}
/* line 854, ../scss/ok.scss */
.btn-border-disabled:hover {
  border: 2px solid #b3b3b3;
  background-color: #FFFFFF;
  color: #b3b3b3;
}
/* line 861, ../scss/ok.scss */
.btn-shadow {
  box-shadow: rgba(33, 35, 38, 0.1) 0 10px 10px -10px;
}
/* line 865, ../scss/ok.scss */
.btn-small {
  padding-block: .15rem;
  padding-inline: .5rem;
  font-size: .75rem;
  font-weight: 500;
}
/* line 872, ../scss/ok.scss */
.btn-alt {
  background-color: #EF2325;
  color: #FFFFFF;
}
/* line 876, ../scss/ok.scss */
.btn-alt:focus {
  background-color: #EF2325;
  color: #FFFFFF;
}
/* line 881, ../scss/ok.scss */
.btn-alt:hover {
  color: #FFFFFF;
  background-color: #EF2325;
}
/* line 887, ../scss/ok.scss */
.btn-red {
  background-color: #EF2325;
  color: #FFFFFF;
}
/* line 891, ../scss/ok.scss */
.btn-red:focus {
  background-color: #EF2325;
  color: #FFFFFF;
}
/* line 896, ../scss/ok.scss */
.btn-red:hover {
  background-color: #EF2325;
  color: #FFFFFF;
}
/* line 902, ../scss/ok.scss */
.btn-green {
  background-color: #00BB2D;
  color: #FFFFFF;
}
/* line 906, ../scss/ok.scss */
.btn-green:focus {
  background-color: #00BB2D;
  color: #FFFFFF;
}
/* line 911, ../scss/ok.scss */
.btn-green:hover {
  background-color: #00BB2D;
  color: #FFFFFF;
}
/* line 917, ../scss/ok.scss */
.btn-small {
  font-size: .75rem !important;
}
/* line 921, ../scss/ok.scss */
.btn.green {
  border: 2px solid #00BB2D;
  color: #00BB2D;
}
/* line 926, ../scss/ok.scss */
.btn.red {
  border: 2px solid #EF2325;
  color: #EF2325;
}

/* line 946, ../scss/ok.scss */
.small {
  font-size: .8rem !important;
}

/* line 950, ../scss/ok.scss */
.smaller {
  font-size: 0.75rem !important;
}

/* line 954, ../scss/ok.scss */
.underline-none {
  text-decoration: none;
}
/* line 957, ../scss/ok.scss */
.underline-none:hover {
  text-decoration: none;
}

/* line 962, ../scss/ok.scss */
.dropdown-custom {
  position: relative;
  display: flex;
  align-items: center;
}
/* line 968, ../scss/ok.scss */
.dropdown-custom.child .dropdown-custom--content {
  top: 0;
  left: 100%;
}
/* line 974, ../scss/ok.scss */
.dropdown-custom--content {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #FFFFFF;
  flex-direction: column;
  z-index: 9999;
  padding-block: 0;
  padding: .5rem;
}
/* line 986, ../scss/ok.scss */
.dropdown-custom--content .categoria-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .15rem;
}
/* line 992, ../scss/ok.scss */
.dropdown-custom--content .categoria-link .dropdown-custom {
  width: 100%;
}
/* line 996, ../scss/ok.scss */
.dropdown-custom--content .categoria-link:first-child {
  margin-top: 0;
}
/* line 1000, ../scss/ok.scss */
.dropdown-custom--content .categoria-link a {
  font-weight: 500;
  display: flex;
  white-space: nowrap;
  flex: 1;
  font-size: .75rem;
  line-height: 14px;
}
/* line 1008, ../scss/ok.scss */
.dropdown-custom--content .categoria-link a img {
  width: 1.65rem;
  height: 1.65rem;
  object-fit: cover;
}
/* line 1014, ../scss/ok.scss */
.dropdown-custom--content .categoria-link a span {
  font-size: 1.05rem;
  color: #EF2325;
}
/* line 1019, ../scss/ok.scss */
.dropdown-custom--content .categoria-link a:hover {
  text-decoration: none;
}
/* line 1025, ../scss/ok.scss */
.dropdown-custom--content .categoria-link button i {
  font-size: 1.85rem;
  color: #EF2325;
}
/* line 1031, ../scss/ok.scss */
.dropdown-custom--content .categoria-link:hover {
  background-color: #EF2325;
}
/* line 1034, ../scss/ok.scss */
.dropdown-custom--content .categoria-link:hover a:nth-child(0) {
  color: white !important;
}

/* line 1060, ../scss/ok.scss */
.header {
  background-color: #FFFFFF;
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
}
/* line 1067, ../scss/ok.scss */
.header--top {
  background-color: #EF2325;
  color: #FFFFFF;
}
/* line 1071, ../scss/ok.scss */
.header--top p {
  font-size: .8rem;
}
@media (max-width: 768px) {
  /* line 1071, ../scss/ok.scss */
  .header--top p {
    font-size: .7rem;
  }
}
/* line 1081, ../scss/ok.scss */
.header--middle {
  padding-inline: 5%;
  padding-block: 1.25rem;
}
@media (max-width: 768px) {
  /* line 1081, ../scss/ok.scss */
  .header--middle {
    padding-block: .75rem;
    padding-inline: 1rem;
  }
}
/* line 1090, ../scss/ok.scss */
.header--middle .logo {
  width: 11rem;
}
@media (max-width: 768px) {
  /* line 1090, ../scss/ok.scss */
  .header--middle .logo {
    width: 7rem;
  }
}
/* line 1096, ../scss/ok.scss */
.header--middle .logo img {
  width: 100%;
  max-height: 80px;
  object-fit: contain;
}
/* line 1105, ../scss/ok.scss */
.header--middle .dropdown-toggle::after {
  display: none;
}
/* line 1112, ../scss/ok.scss */
.header--middle .nav {
  display: flex;
  align-items: center;
}
/* line 1116, ../scss/ok.scss */
.header--middle .nav--link {
  display: flex;
  align-items: center;
  font-size: 1.35rem;
  background: transparent;
  border: none;
  outline: none;
}
/* line 1124, ../scss/ok.scss */
.header--middle .nav--link i {
  font-size: 1.35rem;
}
@media (max-width: 768px) {
  /* line 1124, ../scss/ok.scss */
  .header--middle .nav--link i {
    font-size: 1.85rem;
  }
}
/* line 1133, ../scss/ok.scss */
.header--middle .nav .dropdown {
  display: flex;
}
@media (max-width: 768px) {
  /* line 1133, ../scss/ok.scss */
  .header--middle .nav .dropdown {
    margin-right: 0 !important;
  }
}
/* line 1144, ../scss/ok.scss */
.header--bottom {
  display: flex;
  align-items: center;
  padding-inline: 5%;
  border-block: 1px solid #8C8E90;
  padding-block: .25rem;
}
@media (max-width: 768px) {
  /* line 1144, ../scss/ok.scss */
  .header--bottom {
    padding-inline: 1rem;
    display: none !important;
  }
}
/* line 1156, ../scss/ok.scss */
.header--bottom .header-link {
  outline: none;
  border: none;
  background: transparent;
  font-size: .8rem;
  font-weight: 500;
  color: #4B4B4B;
  display: flex;
  align-items: center;
}

/* line 1169, ../scss/ok.scss */
.tns-outer {
  position: relative;
}
/* line 1173, ../scss/ok.scss */
.tns-outer .tns-controls button {
  border-radius: .5rem;
  background: #FFFFFF;
  border: 2px solid #8C8E90;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
}
/* line 1184, ../scss/ok.scss */
.tns-outer .tns-controls button[data-controls="prev"] {
  position: absolute;
  top: 50%;
  z-index: 4;
  left: -1rem;
}
/* line 1191, ../scss/ok.scss */
.tns-outer .tns-controls button[data-controls="next"] {
  position: absolute;
  top: 50%;
  z-index: 4;
  right: -1rem;
}
/* line 1199, ../scss/ok.scss */
.tns-outer .tns-nav {
  display: none;
}
/* line 1203, ../scss/ok.scss */
.tns-outer button[data-action="start"], .tns-outer button[data-action="stop"] {
  display: none;
}

/* line 1210, ../scss/ok.scss */
.banner-slider .slider-container {
  padding-top: .5rem;
  padding-inline: 2rem;
}
@media (max-width: 768px) {
  /* line 1210, ../scss/ok.scss */
  .banner-slider .slider-container {
    padding: 0;
  }
}
@media (max-width: 768px) {
  /* line 1219, ../scss/ok.scss */
  .banner-slider .slider-container .tns-outer .tns-controls {
    display: none;
  }
}
/* line 1224, ../scss/ok.scss */
.banner-slider .slider-container .tns-outer .tns-controls button {
  top: 40%;
}
@media (max-width: 768px) {
  /* line 1229, ../scss/ok.scss */
  .banner-slider .slider-container .tns-outer .tns-nav {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
  }
}
/* line 1239, ../scss/ok.scss */
.banner-slider .slider-container .tns-outer .tns-nav button {
  margin-inline: .5rem;
  background: #8C8E90;
  border: 1px solid #8C8E90;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  display: flex;
  padding: 0;
}
/* line 1249, ../scss/ok.scss */
.banner-slider .slider-container .tns-outer .tns-nav button.tns-nav-active {
  background-color: #FFFFFF;
}
/* line 1257, ../scss/ok.scss */
.banner-slider .slider-container .banner {
  padding-inline: .5rem;
}
@media (max-width: 768px) {
  /* line 1257, ../scss/ok.scss */
  .banner-slider .slider-container .banner {
    padding-inline: 0;
  }
}
/* line 1264, ../scss/ok.scss */
.banner-slider .slider-container .banner picture {
  width: 100%;
}
/* line 1267, ../scss/ok.scss */
.banner-slider .slider-container .banner picture img {
  width: 100%;
  max-height: 500px;
}
@media (max-width: 768px) {
  /* line 1267, ../scss/ok.scss */
  .banner-slider .slider-container .banner picture img {
    height: 300px;
    object-fit: cover;
    object-position: center;
  }
}

/* line 1282, ../scss/ok.scss */
.novedades .slider-container {
  padding-inline: 5%;
}
@media (max-width: 768px) {
  /* line 1282, ../scss/ok.scss */
  .novedades .slider-container {
    padding-inline: 1rem;
  }
}

/* line 1292, ../scss/ok.scss */
.modal-open .offcanvas-carrito {
  display: none;
}

/* line 1297, ../scss/ok.scss */
.tag {
  font-size: .7rem;
  padding-inline: .5rem;
  border-radius: .25rem;
  font-weight: 600;
  line-height: 10px;
  padding-block: .25rem;
  width: fit-content;
}
@media (max-width: 768px) {
  /* line 1297, ../scss/ok.scss */
  .tag {
    padding-inline: 1rem;
    border-radius: .5rem;
  }
}
/* line 1311, ../scss/ok.scss */
.tag.oferta {
  background: #D9FFE2;
  color: #00BB2D;
}
/* line 1316, ../scss/ok.scss */
.tag.novedad {
  background: #FFEBEB;
  color: #EF2325;
}
/* line 1321, ../scss/ok.scss */
.tag.info {
  background: #b3b3b3;
  color: #4B4B4B;
}

/* line 1328, ../scss/ok.scss */
.card-container {
  padding-inline: .5rem;
}
@media (max-width: 768px) {
  /* line 1328, ../scss/ok.scss */
  .card-container {
    padding-inline: .25rem;
  }
}
/* line 1335, ../scss/ok.scss */
.card-container .card {
  border: none;
  border-radius: 0;
  width: 100%;
}
/* line 1340, ../scss/ok.scss */
.card-container .card--top {
  width: 100%;
  position: relative;
}
/* line 1345, ../scss/ok.scss */
.card-container .card--top a img {
  width: 100%;
  height: 13rem;
  object-fit: contain;
  padding: .5rem;
}
@media (max-width: 768px) {
  /* line 1345, ../scss/ok.scss */
  .card-container .card--top a img {
    height: 7rem;
  }
}
/* line 1356, ../scss/ok.scss */
.card-container .card--top .tag {
  position: absolute;
  left: 1rem;
  top: .5rem;
}
@media (max-width: 768px) {
  /* line 1356, ../scss/ok.scss */
  .card-container .card--top .tag {
    display: flex;
    text-wrap: nowrap;
    left: .5rem;
    border-radius: .25rem;
  }
}
/* line 1372, ../scss/ok.scss */
.card-container .card--descripcion {
  padding-inline: 1.5rem;
  flex: 1;
}
/* line 1376, ../scss/ok.scss */
.card-container .card--descripcion h3 {
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: .25rem;
  overflow: hidden;
}
/* line 1384, ../scss/ok.scss */
.card-container .card--descripcion h3 a {
  color: #2A2A2A;
}
/* line 1389, ../scss/ok.scss */
.card-container .card--descripcion p {
  display: none;
}
/* line 1392, ../scss/ok.scss */
.card-container .card--descripcion p.small {
  font-size: 0.7rem !important;
  text-align: center;
  line-height: 12px;
}
/* line 1400, ../scss/ok.scss */
.card-container .card .price-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
}
/* line 1406, ../scss/ok.scss */
.card-container .card .price-box--price {
  font-size: 1.15rem;
  font-weight: 700;
  color: #EF2325;
}
/* line 1412, ../scss/ok.scss */
.card-container .card .price-box--old-price {
  font-size: .8rem;
  text-decoration: line-through;
}

/* line 1420, ../scss/ok.scss */
.add-producto {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  /* line 1420, ../scss/ok.scss */
  .add-producto {
    padding-inline: .25rem !important;
  }
}
/* line 1429, ../scss/ok.scss */
.add-producto form {
  width: 100%;
  flex-wrap: wrap;
}
/* line 1433, ../scss/ok.scss */
.add-producto form .input-group {
  flex-wrap: nowrap;
  border-radius: .5rem;
  margin-bottom: .5rem;
}
/* line 1438, ../scss/ok.scss */
.add-producto form .input-group button {
  border: none;
  background: none;
}
/* line 1443, ../scss/ok.scss */
.add-producto form .input-group-prepend, .add-producto form .input-group-append {
  display: flex;
  align-items: center;
  background: #FFFFFF;
}
@media (max-width: 768px) {
  /* line 1443, ../scss/ok.scss */
  .add-producto form .input-group-prepend, .add-producto form .input-group-append {
    width: 1rem;
    justify-content: center;
  }
}
/* line 1453, ../scss/ok.scss */
.add-producto form .input-group input[type="number"] {
  width: 3rem;
  border: none;
}
@media (max-width: 768px) {
  /* line 1453, ../scss/ok.scss */
  .add-producto form .input-group input[type="number"] {
    width: 1.5rem;
    padding-inline: 0;
  }
}
/* line 1462, ../scss/ok.scss */
.add-producto form .input-group input[type="number"]:focus {
  box-shadow: none;
}
/* line 1468, ../scss/ok.scss */
.add-producto form button[value="add-producto"] {
  width: 100%;
  margin-left: 0;
  height: 34px;
}

/* line 1478, ../scss/ok.scss */
.categorias-card {
  padding-top: 2rem;
}
/* line 1481, ../scss/ok.scss */
.categorias-card--container {
  padding-inline: 5% !important;
}
@media (max-width: 768px) {
  /* line 1481, ../scss/ok.scss */
  .categorias-card--container {
    padding-inline: 0 !important;
    display: flex;
    justify-content: center;
  }
}
/* line 1489, ../scss/ok.scss */
.categorias-card--container .slider-container {
  max-width: 100%;
}
@media (max-width: 768px) {
  /* line 1489, ../scss/ok.scss */
  .categorias-card--container .slider-container {
    padding-inline: 1rem;
  }
}
/* line 1498, ../scss/ok.scss */
.categorias-card--container .tns-controls button {
  transform: translateY(-50%);
}
/* line 1503, ../scss/ok.scss */
.categorias-card--container .categoria-card {
  padding: .5rem;
  border-radius: 1rem;
  height: auto;
}
/* line 1508, ../scss/ok.scss */
.categorias-card--container .categoria-card a {
  height: 100%;
}
/* line 1512, ../scss/ok.scss */
.categorias-card--container .categoria-card img {
  max-width: 2.25rem;
  max-height: 2.25rem;
  object-fit: contain;
  margin-bottom: .5rem;
  width: 100%;
}

/* line 1524, ../scss/ok.scss */
#localidad-registro .select2-container {
  width: 100% !important;
}

/* line 1529, ../scss/ok.scss */
.ofertas-slider {
  padding-inline: 0;
  background: #f3f3f3;
  background: linear-gradient(180deg, #f3f3f3 50%, white 50%);
}
@media (max-width: 768px) {
  /* line 1529, ../scss/ok.scss */
  .ofertas-slider {
    flex-wrap: wrap;
  }
}
/* line 1538, ../scss/ok.scss */
.ofertas-slider--titulo {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
}
@media (max-width: 768px) {
  /* line 1538, ../scss/ok.scss */
  .ofertas-slider--titulo {
    width: 100%;
    justify-content: center;
  }
}
/* line 1550, ../scss/ok.scss */
.ofertas-slider--titulo h2 {
  line-height: 50px;
  font-size: 3.5rem !important;
  font-weight: 800 !important;
  z-index: 1;
}
@media (max-width: 768px) {
  /* line 1550, ../scss/ok.scss */
  .ofertas-slider--titulo h2 {
    font-size: 1.5rem !important;
    line-height: 1.5rem;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  /* line 1561, ../scss/ok.scss */
  .ofertas-slider--titulo h2 span {
    display: initial !important;
  }
}
/* line 1568, ../scss/ok.scss */
.ofertas-slider--titulo picture {
  position: absolute;
  left: 0;
  top: 15%;
  z-index: 0;
  width: 100%;
}
/* line 1575, ../scss/ok.scss */
.ofertas-slider--titulo picture img {
  width: 100%;
}
@media (max-width: 768px) {
  /* line 1568, ../scss/ok.scss */
  .ofertas-slider--titulo picture {
    left: 30%;
    width: 15%;
    top: initial;
  }
}
/* line 1589, ../scss/ok.scss */
.ofertas-slider--container {
  width: 85%;
  padding-right: 5%;
  padding-left: 3rem;
}
@media (max-width: 768px) {
  /* line 1589, ../scss/ok.scss */
  .ofertas-slider--container {
    width: 100%;
    padding-inline: 1rem;
  }
}

/* line 1602, ../scss/ok.scss */
.slider-productos {
  display: flex;
}
/* line 1605, ../scss/ok.scss */
.slider-productos .card-container {
  height: auto;
  display: flex !important;
}

/* line 1611, ../scss/ok.scss */
.marcas-slider {
  background-color: #FFFFFF;
  width: 100%;
  padding-inline: 10%;
  padding-block: 5rem;
}
@media (max-width: 768px) {
  /* line 1611, ../scss/ok.scss */
  .marcas-slider {
    padding-block: 2rem;
    padding-inline: 5%;
  }
}
/* line 1623, ../scss/ok.scss */
.marcas-slider .marcas-card-container .marcas-card {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  padding-inline: .5rem;
}
@media (max-width: 768px) {
  /* line 1623, ../scss/ok.scss */
  .marcas-slider .marcas-card-container .marcas-card {
    height: 3rem;
  }
}
/* line 1634, ../scss/ok.scss */
.marcas-slider .marcas-card-container .marcas-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 1643, ../scss/ok.scss */
footer {
  position: relative;
}
@media (max-width: 768px) {
  /* line 1643, ../scss/ok.scss */
  footer {
    margin-bottom: 58px;
  }
}
/* line 1649, ../scss/ok.scss */
footer .btn-inicio {
  background-color: #EF2325;
  color: #FFFFFF;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1657, ../scss/ok.scss */
footer .btn-inicio:hover {
  cursor: pointer;
}
/* line 1661, ../scss/ok.scss */
footer .btn-inicio i {
  font-size: 1.15rem;
}
@media (max-width: 768px) {
  /* line 1666, ../scss/ok.scss */
  footer .btn-inicio-container {
    position: absolute;
    right: 5%;
    top: 1.5rem;
  }
}
@media (max-width: 768px) {
  /* line 1673, ../scss/ok.scss */
  footer .btn-inicio-container .btn-inicio {
    background: #FFFFFF;
    padding: .35rem;
    border-radius: .5rem;
  }
}
@media (max-width: 768px) {
  /* line 1680, ../scss/ok.scss */
  footer .btn-inicio-container .btn-inicio i {
    color: #2A2A2A;
    font-size: 1.5rem;
  }
}
/* line 1690, ../scss/ok.scss */
footer .footer-container {
  padding-inline: 10% !important;
  padding-block: 3.5rem !important;
  background: #040E22;
}
@media (max-width: 768px) {
  /* line 1690, ../scss/ok.scss */
  footer .footer-container {
    padding-block: 2rem !important;
  }
}
/* line 1699, ../scss/ok.scss */
footer .footer-container p {
  line-height: 1rem;
}
/* line 1703, ../scss/ok.scss */
footer .footer-container--logo {
  width: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  /* line 1703, ../scss/ok.scss */
  footer .footer-container--logo {
    justify-content: center;
    width: 50%;
  }
}
/* line 1713, ../scss/ok.scss */
footer .footer-container--logo img {
  width: 100%;
}
/* line 1718, ../scss/ok.scss */
footer .footer-container--descripcion {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media (max-width: 768px) {
  /* line 1718, ../scss/ok.scss */
  footer .footer-container--descripcion {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  /* line 1727, ../scss/ok.scss */
  footer .footer-container--descripcion p {
    font-weight: 400 !important;
    text-align: center;
  }
}
/* line 1736, ../scss/ok.scss */
footer .footer-container--contacto .item-contacto {
  display: flex;
  align-items: start;
  justify-content: center;
}
@media (max-width: 768px) {
  /* line 1736, ../scss/ok.scss */
  footer .footer-container--contacto .item-contacto {
    justify-content: start;
  }
}
@media (max-width: 768px) {
  /* line 1744, ../scss/ok.scss */
  footer .footer-container--contacto .item-contacto i {
    color: #8C8E90 !important;
  }
}

/* line 1757, ../scss/ok.scss */
.breadcrumb {
  padding-inline: 5%;
}
@media (max-width: 768px) {
  /* line 1757, ../scss/ok.scss */
  .breadcrumb {
    padding-inline: 1rem;
  }
}

/* line 1766, ../scss/ok.scss */
.search-box {
  display: flex;
  position: relative;
  align-items: center;
}
/* line 1771, ../scss/ok.scss */
.search-box i, .search-box input::placeholder {
  color: silver;
}
/* line 1775, ../scss/ok.scss */
.search-box i {
  position: absolute;
  left: .5rem;
}
/* line 1780, ../scss/ok.scss */
.search-box input[type="search"] {
  width: 15rem;
  padding-left: 2rem;
  color: #2A2A2A;
  border-color: #b3b3b3;
  font-size: .6rem;
}
/* line 1787, ../scss/ok.scss */
.search-box input[type="search"]::placeholder {
  font-size: .6rem;
}

/* line 1793, ../scss/ok.scss */
.visual-productos {
  background-color: #F3F3F3;
}
/* line 1796, ../scss/ok.scss */
.visual-productos-breadcrumb {
  border-top: 1px solid #b3b3b3;
}
/* line 1801, ../scss/ok.scss */
.visual-productos .dropdown-menu {
  width: 15rem;
}
/* line 1805, ../scss/ok.scss */
.visual-productos .dropdown-toggle {
  border: none;
  outline: none;
  background: white;
  border-radius: 1.5rem;
  font-size: .85rem;
  padding-block: .35rem;
  padding-inline: .85rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1817, ../scss/ok.scss */
.visual-productos .dropdown-toggle:after {
  color: #071739;
  font-size: 1rem;
}
/* line 1824, ../scss/ok.scss */
.visual-productos .dropdown-item {
  font-size: .85rem;
}
/* line 1830, ../scss/ok.scss */
.visual-productos--header, .visual-productos--body {
  padding-inline: 5% !important;
}
@media (max-width: 768px) {
  /* line 1830, ../scss/ok.scss */
  .visual-productos--header, .visual-productos--body {
    padding-inline: 0 !important;
  }
}
@media (max-width: 768px) {
  /* line 1838, ../scss/ok.scss */
  .visual-productos--header form {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  /* line 1844, ../scss/ok.scss */
  .visual-productos--header .search-box {
    width: 100%;
    margin-left: 0 !important;
    order: 2;
  }
}
@media (max-width: 768px) {
  /* line 1851, ../scss/ok.scss */
  .visual-productos--header .search-box input[type="search"] {
    width: 100%;
  }
}
@media (max-width: 768px) {
  /* line 1858, ../scss/ok.scss */
  .visual-productos--header .btn-filtros {
    padding-inline: 0;
  }
}
/* line 1864, ../scss/ok.scss */
.visual-productos--header .dropdown {
  width: 50%;
  display: flex;
  justify-content: end;
}

/* line 1874, ../scss/ok.scss */
.spinner-container {
  position: relative;
}
/* line 1877, ../scss/ok.scss */
.spinner-container #spinner {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 1rem);
  background-color: #F3F3F3;
  animation-name: bgload;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-timing-function: linear;
}
@media (max-width: 768px) {
  /* line 1877, ../scss/ok.scss */
  .spinner-container #spinner {
    height: 100%;
  }
}
/* line 1895, ../scss/ok.scss */
.spinner-container #spinner.htmx-request {
  z-index: 1;
  opacity: 1;
}
/* line 1902, ../scss/ok.scss */
.spinner-container #btn-load {
  display: block;
  width: 100%;
  background-color: #F3F3F3;
  animation-name: bgload;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-timing-function: linear;
}

@media (max-width: 768px) {
  /* line 1914, ../scss/ok.scss */
  #htmx-message {
    display: block;
    width: 90%;
  }
  /* line 1918, ../scss/ok.scss */
  #htmx-message .alert {
    justify-content: center;
  }
}

@keyframes bgload {
  0% {
    background-color: #F3F3F3;
  }
  50% {
    background-color: white;
  }
  100% {
    background-color: #F3F3F3;
  }
}
/* line 1938, ../scss/ok.scss */
.productos-container.horizontal .card-container {
  width: 100%;
}
/* line 1941, ../scss/ok.scss */
.productos-container.horizontal .card-container .card {
  padding: .85rem;
  flex-direction: row;
  padding-block: 1.45rem;
}
@media (max-width: 768px) {
  /* line 1941, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card {
    flex-wrap: wrap;
  }
}
/* line 1951, ../scss/ok.scss */
.productos-container.horizontal .card-container .card .tag {
  text-wrap: nowrap;
  left: 0;
  top: -1.25rem;
}
/* line 1957, ../scss/ok.scss */
.productos-container.horizontal .card-container .card--top {
  display: flex;
  justify-content: end;
  width: fit-content;
}
@media (max-width: 768px) {
  /* line 1957, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card--top {
    width: 100%;
    justify-content: start;
    margin-bottom: .5rem;
  }
}
/* line 1968, ../scss/ok.scss */
.productos-container.horizontal .card-container .card--top a {
  display: none;
}
/* line 1973, ../scss/ok.scss */
.productos-container.horizontal .card-container .card--descripcion {
  padding-inline: .5rem;
  flex: initial;
  width: 40%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 768px) {
  /* line 1973, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card--descripcion {
    width: 100%;
  }
}
/* line 1985, ../scss/ok.scss */
.productos-container.horizontal .card-container .card--descripcion h3 {
  text-align: start;
}
@media (max-width: 768px) {
  /* line 1985, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card--descripcion h3 {
    width: fit-content;
    height: initial;
  }
}
/* line 1992, ../scss/ok.scss */
.productos-container.horizontal .card-container .card--descripcion h3 a {
  color: #2A2A2A;
}
/* line 1998, ../scss/ok.scss */
.productos-container.horizontal .card-container .card--descripcion p {
  display: block;
  width: 100%;
  text-align: start;
  margin-bottom: 0;
}
/* line 2006, ../scss/ok.scss */
.productos-container.horizontal .card-container .card .price-box {
  flex: initial;
  width: 35%;
  padding-bottom: 0;
  justify-content: initial;
}
@media (max-width: 768px) {
  /* line 2006, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card .price-box {
    flex: initial;
    width: 100%;
    padding-inline: .5rem;
  }
}
/* line 2018, ../scss/ok.scss */
.productos-container.horizontal .card-container .card .price-box--price {
  font-size: 1.5rem;
  display: flex;
  width: 50%;
  justify-content: end;
}
@media (max-width: 768px) {
  /* line 2018, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card .price-box--price {
    font-size: 1.25rem;
    justify-content: flex-start;
  }
}
/* line 2029, ../scss/ok.scss */
.productos-container.horizontal .card-container .card .price-box--old-price {
  display: flex;
  width: 50%;
}
/* line 2035, ../scss/ok.scss */
.productos-container.horizontal .card-container .card .add-producto {
  padding-block: 0 !important;
  flex: 1;
}
@media (max-width: 768px) {
  /* line 2035, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card .add-producto {
    padding-block: .5rem !important;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  /* line 2045, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card .add-producto form .input-group {
    width: fit-content;
  }
}
@media (max-width: 768px) {
  /* line 2051, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card .add-producto form input[type="number"] {
    width: 3rem;
  }
}
@media (max-width: 768px) {
  /* line 2057, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card .add-producto form .btn {
    margin-left: 1rem;
    flex: 1;
  }
}
@media (max-width: 768px) {
  /* line 2063, ../scss/ok.scss */
  .productos-container.horizontal .card-container .card .add-producto form .btn[value="delete-item"] {
    flex: initial;
  }
}
/* line 2076, ../scss/ok.scss */
.productos-container.vertical {
  display: flex;
  flex-wrap: wrap;
}
/* line 2080, ../scss/ok.scss */
.productos-container.vertical .card-container {
  display: flex;
  width: 20%;
}
@media (max-width: 1200px) {
  /* line 2080, ../scss/ok.scss */
  .productos-container.vertical .card-container {
    width: 33.333%;
  }
}
@media (max-width: 970px) {
  /* line 2080, ../scss/ok.scss */
  .productos-container.vertical .card-container {
    width: 50%;
  }
}
/* line 2092, ../scss/ok.scss */
.productos-container.vertical .card-container .card {
  flex: 1;
}
@media (max-width: 768px) {
  /* line 2092, ../scss/ok.scss */
  .productos-container.vertical .card-container .card {
    height: 100%;
  }
}
@media (max-width: 768px) {
  /* line 2098, ../scss/ok.scss */
  .productos-container.vertical .card-container .card .price-box {
    flex-direction: column;
    min-height: 63px;
  }
}
/* line 2106, ../scss/ok.scss */
.productos-container.vertical .card-container .add-producto {
  flex: 1;
}
/* line 2109, ../scss/ok.scss */
.productos-container.vertical .card-container .add-producto form {
  width: 100%;
}
@media (max-width: 375px) {
  /* line 2109, ../scss/ok.scss */
  .productos-container.vertical .card-container .add-producto form {
    flex-direction: column;
  }
}
/* line 2116, ../scss/ok.scss */
.productos-container.vertical .card-container .add-producto form .input-group {
  margin-bottom: .5rem;
}
@media (max-width: 375px) {
  /* line 2119, ../scss/ok.scss */
  .productos-container.vertical .card-container .add-producto form .input-group button {
    margin-inline: 0;
    height: 34px;
  }
}

/* line 2133, ../scss/ok.scss */
.filtros-container--content {
  position: sticky;
  top: 10rem;
  padding-right: .5rem;
  overflow: auto;
  overflow-x: hidden;
  height: 70vh;
}
/* line 2142, ../scss/ok.scss */
.filtros-container--nombre {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2A2A2A;
  width: 100%;
  border-bottom: 2px solid #cdcdcd;
  padding-bottom: .5rem;
  padding-inline: 0;
  font-size: .8rem;
  font-weight: 500;
  margin-bottom: .5rem;
}
/* line 2155, ../scss/ok.scss */
.filtros-container--nombre a {
  color: #2A2A2A;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
/* line 2161, ../scss/ok.scss */
.filtros-container--nombre a:hover {
  cursor: pointer;
}
/* line 2166, ../scss/ok.scss */
.filtros-container--nombre button {
  outline: none;
  border: none;
  background-color: #F3F3F3;
}
/* line 2172, ../scss/ok.scss */
.filtros-container--nombre i {
  font-size: 1.5rem;
  color: #2A2A2A;
}
/* line 2178, ../scss/ok.scss */
.filtros-container--link {
  font-size: .8rem;
  display: flex;
  color: #2A2A2A;
  width: 100%;
  font-weight: 400;
}
/* line 2186, ../scss/ok.scss */
.filtros-container .categoria-selected {
  font-weight: bold !important;
}
/* line 2190, ../scss/ok.scss */
.filtros-container a {
  cursor: pointer;
}
/* line 2206, ../scss/ok.scss */
.filtros-container .custom-input {
  align-items: center;
}
/* line 2209, ../scss/ok.scss */
.filtros-container .custom-input:hover {
  cursor: pointer;
}
/* line 2213, ../scss/ok.scss */
.filtros-container .custom-input .form-check-input {
  background-color: #F3F3F3;
  margin-top: 0;
}
/* line 2217, ../scss/ok.scss */
.filtros-container .custom-input .form-check-input:checked {
  background-color: #040E22;
}
/* line 2222, ../scss/ok.scss */
.filtros-container .custom-input span {
  font-weight: 400;
  font-size: .7rem;
}

/* line 2230, ../scss/ok.scss */
.producto-individual {
  padding-inline: 5% !important;
}
@media (max-width: 768px) {
  /* line 2230, ../scss/ok.scss */
  .producto-individual {
    padding-inline: 0 !important;
  }
}
/* line 2237, ../scss/ok.scss */
.producto-individual--galeria {
  display: flex;
  height: 70vh;
}
@media (max-width: 768px) {
  /* line 2237, ../scss/ok.scss */
  .producto-individual--galeria {
    flex-wrap: wrap;
    height: initial;
  }
}
/* line 2246, ../scss/ok.scss */
.producto-individual--galeria .mosaico-container {
  width: 20%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  /* line 2246, ../scss/ok.scss */
  .producto-individual--galeria .mosaico-container {
    order: 1;
    width: 100%;
    flex-direction: row;
    overflow: scroll;
    overflow-y: hidden;
  }
}
/* line 2263, ../scss/ok.scss */
.producto-individual--galeria .mosaico-container .mosaico {
  width: 6rem;
  height: 6rem;
  padding: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #8C8E90;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  /* line 2263, ../scss/ok.scss */
  .producto-individual--galeria .mosaico-container .mosaico {
    min-width: 4rem;
    height: 4rem;
    padding: .35rem;
    border-radius: .5rem;
    margin-right: .5rem;
  }
}
/* line 2283, ../scss/ok.scss */
.producto-individual--galeria .mosaico-container .mosaico.active img {
  filter: brightness(1);
}
/* line 2288, ../scss/ok.scss */
.producto-individual--galeria .mosaico-container .mosaico img {
  filter: brightness(0.35);
  border-radius: 1rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  /* line 2288, ../scss/ok.scss */
  .producto-individual--galeria .mosaico-container .mosaico img {
    border-radius: .5rem;
  }
}
/* line 2303, ../scss/ok.scss */
.producto-individual--galeria .principal {
  width: 80%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  /* line 2303, ../scss/ok.scss */
  .producto-individual--galeria .principal {
    order: 0;
    width: 100%;
    flex-direction: column;
  }
}
/* line 2316, ../scss/ok.scss */
.producto-individual--galeria .principal img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  /* line 2316, ../scss/ok.scss */
  .producto-individual--galeria .principal img {
    height: 50vh;
  }
}
@media (max-width: 768px) {
  /* line 2326, ../scss/ok.scss */
  .producto-individual--galeria .principal h1 {
    align-self: start;
  }
}
@media (max-width: 768px) {
  /* line 2335, ../scss/ok.scss */
  .producto-individual--descripcion {
    padding-top: 75px;
    display: flex;
    flex-direction: column;
  }
}
/* line 2343, ../scss/ok.scss */
.producto-individual--descripcion .descripcion {
  line-height: 16px;
}
@media (max-width: 768px) {
  /* line 2343, ../scss/ok.scss */
  .producto-individual--descripcion .descripcion {
    order: 2;
    font-size: .8rem !important;
  }
}
/* line 2351, ../scss/ok.scss */
.producto-individual--descripcion div.add-producto {
  padding-inline: 0 !important;
}
@media (max-width: 768px) {
  /* line 2351, ../scss/ok.scss */
  .producto-individual--descripcion div.add-producto {
    order: 3;
  }
}
/* line 2358, ../scss/ok.scss */
.producto-individual--descripcion .add-producto {
  justify-content: start !important;
}
/* line 2361, ../scss/ok.scss */
.producto-individual--descripcion .add-producto .input-group {
  width: fit-content;
}
@media (max-width: 768px) {
  /* line 2361, ../scss/ok.scss */
  .producto-individual--descripcion .add-producto .input-group {
    width: 100%;
  }
}
/* line 2368, ../scss/ok.scss */
.producto-individual--descripcion .add-producto .btn {
  padding-inline: 1rem;
  width: fit-content;
  margin-left: .5rem;
}
@media (max-width: 768px) {
  /* line 2368, ../scss/ok.scss */
  .producto-individual--descripcion .add-producto .btn {
    margin-left: 0;
    flex: 1;
  }
}
/* line 2380, ../scss/ok.scss */
.producto-individual--descripcion .border {
  width: 50%;
  height: 1.5px;
  background-color: #b3b3b3;
}
@media (max-width: 768px) {
  /* line 2380, ../scss/ok.scss */
  .producto-individual--descripcion .border {
    order: 4;
    width: 100%;
  }
}
@media (max-width: 768px) {
  /* line 2391, ../scss/ok.scss */
  .producto-individual--descripcion .codigo-producto {
    order: 1;
    font-size: .8rem !important;
    color: #4B4B4B;
  }
}
@media (max-width: 768px) {
  /* line 2399, ../scss/ok.scss */
  .producto-individual--descripcion .precio-producto {
    order: 0;
    font-size: 1.85rem !important;
  }
}
/* line 2406, ../scss/ok.scss */
.producto-individual--descripcion .precio-old {
  margin-bottom: 0;
  font-size: 1rem;
}
/* line 2411, ../scss/ok.scss */
.producto-individual--descripcion .badge-descuento {
  background-color: #EF2325;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: .5rem;
  padding-inline: .5rem;
  padding-block: .15rem;
  font-size: .8rem;
  margin-left: .25rem;
}
/* line 2423, ../scss/ok.scss */
.producto-individual--descripcion .metodos-pago {
  order: 5;
}
@media (max-width: 768px) {
  /* line 2426, ../scss/ok.scss */
  .producto-individual--descripcion .metodos-pago p {
    width: 100% !important;
  }
}

/* line 2436, ../scss/ok.scss */
.relacionados {
  background-color: #FFFFFF;
  padding-block: 5rem;
  padding-inline: 5%;
}
@media (max-width: 768px) {
  /* line 2436, ../scss/ok.scss */
  .relacionados {
    padding-inline: 1rem;
    padding-bottom: 2rem;
  }
}
/* line 2446, ../scss/ok.scss */
.relacionados .slick-track {
  padding-block: 1rem;
}
/* line 2450, ../scss/ok.scss */
.relacionados .slick-arrow {
  display: none !important;
}

/* line 2456, ../scss/ok.scss */
.visual-pedido {
  padding-top: 2rem;
  padding-inline: 5%;
}
@media (max-width: 768px) {
  /* line 2456, ../scss/ok.scss */
  .visual-pedido {
    padding-top: 0;
    padding-inline: 1rem;
    background-color: #FFFFFF;
  }
}
/* line 2466, ../scss/ok.scss */
.visual-pedido .productos-container {
  max-height: 60vh;
  overflow: auto;
  overflow-x: hidden;
}
/* line 2472, ../scss/ok.scss */
.visual-pedido .productos-container .card-container .card {
  border-radius: .5rem;
}
@media (max-width: 768px) {
  /* line 2472, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card {
    flex-wrap: wrap;
    box-shadow: none !important;
    border: none;
    border-bottom: 1px solid #b3b3b3;
    border-radius: 0;
    margin-right: .25rem;
    padding-block: 1rem !important;
    padding-inline: 0 !important;
  }
}
@media (max-width: 768px) {
  /* line 2485, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card--top {
    display: none;
  }
}
@media (max-width: 768px) {
  /* line 2491, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card--descripcion {
    width: 100%;
    margin-bottom: .5rem;
  }
}
@media (max-width: 768px) {
  /* line 2498, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card .price-box {
    align-items: start;
    flex-wrap: wrap;
    width: 30%;
  }
}
@media (max-width: 768px) {
  /* line 2505, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card .price-box--price {
    font-size: 1.25rem;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  /* line 2513, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card .price-box--old-price {
    display: none;
  }
}
@media (max-width: 768px) {
  /* line 2520, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card .add-producto {
    width: 100%;
    justify-content: end;
    padding-block: 0 !important;
  }
}
/* line 2527, ../scss/ok.scss */
.visual-pedido .productos-container .card-container .card .add-producto form {
  flex-wrap: initial;
}
@media (max-width: 768px) {
  /* line 2527, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card .add-producto form {
    width: fit-content;
  }
}
@media (max-width: 768px) {
  /* line 2534, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card .add-producto form .input-group input[type="number"] {
    width: 3rem;
  }
}
@media (max-width: 768px) {
  /* line 2541, ../scss/ok.scss */
  .visual-pedido .productos-container .card-container .card .add-producto form .btn {
    margin-left: 1rem;
  }
}
/* line 2553, ../scss/ok.scss */
.visual-pedido .pedidos-resumen {
  display: flex;
  flex-direction: column;
  min-height: 60vh;
  border-radius: .5rem;
}
@media (max-width: 768px) {
  /* line 2553, ../scss/ok.scss */
  .visual-pedido .pedidos-resumen {
    padding-inline: 0 !important;
    padding-block: .5rem !important;
    height: fit-content;
    min-height: 45vh;
  }
}
/* line 2566, ../scss/ok.scss */
.visual-pedido .pedidos-resumen h1 {
  text-align: center;
  border-bottom: 1px solid #b3b3b3;
}
@media (max-width: 768px) {
  /* line 2566, ../scss/ok.scss */
  .visual-pedido .pedidos-resumen h1 {
    display: none;
  }
}

/* line 2576, ../scss/ok.scss */
.resumen-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* line 2582, ../scss/ok.scss */
.resumen-container .resumen {
  background-color: #F1F4FC;
  height: fit-content;
}
/* line 2586, ../scss/ok.scss */
.resumen-container .resumen .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: .1rem;
  padding-inline: .25rem !important;
  font-size: .7rem !important;
}
/* line 2595, ../scss/ok.scss */
.resumen-container .resumen-titulo-seccion {
  color: #2A2A2A;
  font-weight: 500;
  font-size: .85rem;
  border-bottom: 1px solid #4B4B4B;
}
/* line 2602, ../scss/ok.scss */
.resumen-container .resumen-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 2607, ../scss/ok.scss */
.resumen-container .resumen-item.subtotal {
  border-top: 1px solid #8C8E90;
}
/* line 2611, ../scss/ok.scss */
.resumen-container .resumen-item.subtotal .resumen-item--titulo, .resumen-container .resumen-item.subtotal .resumen-item--valor {
  font-weight: 600;
  font-size: .85rem;
}
/* line 2620, ../scss/ok.scss */
.resumen-container .resumen-item.total .resumen-item--titulo, .resumen-container .resumen-item.total .resumen-item--valor {
  font-size: 1rem !important;
}
/* line 2626, ../scss/ok.scss */
.resumen-container .resumen-item--titulo {
  font-weight: 500;
}
/* line 2630, ../scss/ok.scss */
.resumen-container .resumen-item--titulo {
  width: 41.3333%;
  color: #2A2A2A;
  font-weight: 400;
  font-size: .7rem !important;
}
/* line 2637, ../scss/ok.scss */
.resumen-container .resumen-item--tag {
  width: 35.3333%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 2644, ../scss/ok.scss */
.resumen-container .resumen-item--valor {
  width: 23.3333%;
  font-weight: 400;
  display: flex;
  justify-content: end;
}
/* line 2652, ../scss/ok.scss */
.resumen-container .resumen-final {
  flex: 1;
  justify-content: center;
  align-items: end;
}
@media (max-width: 768px) {
  /* line 2652, ../scss/ok.scss */
  .resumen-container .resumen-final {
    flex: initial;
  }
}
/* line 2661, ../scss/ok.scss */
.resumen-container .resumen-final form {
  width: 100%;
  display: flex;
  justify-content: center;
}
/* line 2666, ../scss/ok.scss */
.resumen-container .resumen-final form .btn {
  width: 50%;
}
@media (max-width: 768px) {
  /* line 2666, ../scss/ok.scss */
  .resumen-container .resumen-final form .btn {
    width: 70%;
  }
}

@media (max-width: 768px) {
  /* line 2681, ../scss/ok.scss */
  .checkout-message {
    border-top: 1px solid #b3b3b3;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  }
}

/* line 2688, ../scss/ok.scss */
.pedido-exito {
  flex-direction: column;
  align-items: center;
}

/* line 2693, ../scss/ok.scss */
.visual-login-registro {
  height: 100vh;
  background-color: #FFFFFF;
}
/* line 2697, ../scss/ok.scss */
.visual-login-registro--form {
  display: flex;
  position: relative;
}
/* line 2701, ../scss/ok.scss */
.visual-login-registro--form .logo {
  width: 5rem;
  object-fit: contain;
  position: absolute;
  top: 1rem;
  left: 5%;
}
/* line 2709, ../scss/ok.scss */
.visual-login-registro--form .login-registro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
/* line 2716, ../scss/ok.scss */
.visual-login-registro--form .login-registro h1 {
  width: 60%;
}
@media (max-width: 768px) {
  /* line 2716, ../scss/ok.scss */
  .visual-login-registro--form .login-registro h1 {
    width: 100%;
  }
}
/* line 2723, ../scss/ok.scss */
.visual-login-registro--form .login-registro form {
  width: 60%;
}
@media (max-width: 768px) {
  /* line 2723, ../scss/ok.scss */
  .visual-login-registro--form .login-registro form {
    width: 100%;
  }
}
/* line 2730, ../scss/ok.scss */
.visual-login-registro--form .login-registro form .custom-input {
  position: relative;
  margin-bottom: 1rem;
}
/* line 2734, ../scss/ok.scss */
.visual-login-registro--form .login-registro form .custom-input--texto {
  font-size: .65rem;
  padding-inline: .15rem;
  background: #FFFFFF;
  position: absolute;
  left: .65rem;
  top: -.5rem;
}
/* line 2743, ../scss/ok.scss */
.visual-login-registro--form .login-registro form .custom-input .form-control {
  border-radius: .25rem;
  background: #FFFFFF;
}
/* line 2750, ../scss/ok.scss */
.visual-login-registro--form .login-registro form .btn-alt {
  width: 50%;
}
/* line 2761, ../scss/ok.scss */
.visual-login-registro--banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* line 2770, ../scss/ok.scss */
.modal-inicio .modal-header {
  padding: 0;
  padding-inline: 10%;
  position: relative;
  overflow: hidden;
}
/* line 2776, ../scss/ok.scss */
.modal-inicio .modal-header--background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  /* line 2776, ../scss/ok.scss */
  .modal-inicio .modal-header--background {
    object-fit: cover;
    object-position: right;
  }
}
/* line 2790, ../scss/ok.scss */
.modal-inicio .modal-header--texto {
  z-index: 1;
  flex-direction: column;
  width: 100%;
  padding-block: 1.5rem;
}
@media (max-width: 768px) {
  /* line 2790, ../scss/ok.scss */
  .modal-inicio .modal-header--texto {
    align-items: center;
  }
}
/* line 2801, ../scss/ok.scss */
.modal-inicio .modal-header--texto img {
  width: 6rem;
}
/* line 2807, ../scss/ok.scss */
.modal-inicio .modal-body {
  padding-inline: 15%;
}
@media (max-width: 999px) {
  /* line 2807, ../scss/ok.scss */
  .modal-inicio .modal-body {
    padding-inline: 5%;
  }
}
/* line 2813, ../scss/ok.scss */
.modal-inicio .modal-body .btn-alt {
  width: 40%;
}

/* line 2819, ../scss/ok.scss */
.select2 {
  border-radius: 5rem !important;
}
/* line 2822, ../scss/ok.scss */
.select2-search__field {
  position: absolute !important;
  font-size: .85rem !important;
  color: #2A2A2A !important;
  font-weight: 400 !important;
}
/* line 2829, ../scss/ok.scss */
.select2 .select2-selection {
  border-radius: .5rem !important;
  border: 1px solid #2A2A2A !important;
}
/* line 2833, ../scss/ok.scss */
.select2 .select2-selection__rendered {
  font-size: .85rem !important;
  color: #2A2A2A !important;
  font-weight: 400 !important;
}
/* line 2839, ../scss/ok.scss */
.select2 .select2-selection--single, .select2 .select2-selection--multiple {
  border: 1px solid #2A2A2A !important;
  min-height: 34px !important;
}
/* line 2843, ../scss/ok.scss */
.select2 .select2-selection--single .select2-selection__placeholder, .select2 .select2-selection--multiple .select2-selection__placeholder {
  font-size: .85rem !important;
  color: #2A2A2A !important;
}
/* line 2849, ../scss/ok.scss */
.select2 .select2-selection__choice__remove {
  position: static !important;
}

/* line 2855, ../scss/ok.scss */
.loading-icon {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%);
  z-index: 9999;
}

/* line 2869, ../scss/ok.scss */
.offcanvas-carrito .card-container {
  padding-inline: 0 !important;
}
/* line 2872, ../scss/ok.scss */
.offcanvas-carrito .card-container .card {
  padding-inline: 0 !important;
  flex-wrap: wrap !important;
  padding-block: 0 !important;
}
/* line 2877, ../scss/ok.scss */
.offcanvas-carrito .card-container .card--top {
  width: 100% !important;
  justify-content: start !important;
  margin-bottom: .25rem;
}
/* line 2883, ../scss/ok.scss */
.offcanvas-carrito .card-container .card--descripcion {
  width: 100% !important;
  flex: initial;
}
/* line 2888, ../scss/ok.scss */
.offcanvas-carrito .card-container .card .price-box {
  flex: 1 !important;
}
@media (max-width: 768px) {
  /* line 2888, ../scss/ok.scss */
  .offcanvas-carrito .card-container .card .price-box {
    width: 50% !important;
    flex: initial !important;
  }
}
/* line 2896, ../scss/ok.scss */
.offcanvas-carrito .card-container .card .price-box--price {
  font-size: 1rem !important;
}
/* line 2900, ../scss/ok.scss */
.offcanvas-carrito .card-container .card .price-box--old-price {
  font-size: .8rem !important;
}
/* line 2905, ../scss/ok.scss */
.offcanvas-carrito .card-container .card .add-producto {
  margin-block: .5rem !important;
  flex: initial !important;
}
@media (max-width: 768px) {
  /* line 2905, ../scss/ok.scss */
  .offcanvas-carrito .card-container .card .add-producto {
    width: 50% !important;
    margin-block: 0 !important;
  }
}
/* line 2914, ../scss/ok.scss */
.offcanvas-carrito .card-container .card .add-producto form {
  flex-wrap: initial;
}
/* line 2921, ../scss/ok.scss */
.offcanvas-carrito .offcanvas-body {
  padding-top: 1.5rem;
}

/* line 2926, ../scss/ok.scss */
.ofertas-options {
  background-color: #FFFFFF;
  border-radius: .8rem;
  padding: 1.5rem 1rem;
}

/* line 2932, ../scss/ok.scss */
table {
  border: 1px solid #2A2A2A;
  border-right: none;
  margin: 1rem 0 .5rem;
}
/* line 2939, ../scss/ok.scss */
table thead tr {
  border-bottom: 1px solid #2A2A2A;
}
/* line 2942, ../scss/ok.scss */
table thead tr th {
  border-right: 1px solid #2A2A2A;
  padding: .5rem;
  text-align: center;
}
/* line 2951, ../scss/ok.scss */
table tbody tr {
  border-bottom: 1px solid #2A2A2A;
}
/* line 2954, ../scss/ok.scss */
table tbody tr td {
  border-right: 1px solid #2A2A2A;
  padding: .5rem;
}

/* line 2962, ../scss/ok.scss */
.input-image {
  width: 350px;
  display: flex;
}

/* line 2968, ../scss/ok.scss */
.pagination .page-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 2974, ../scss/ok.scss */
.pagination .page-item.active button {
  color: #EF2325;
}
/* line 2979, ../scss/ok.scss */
.pagination .page-item button {
  background: none;
  border: none;
  color: #2A2A2A;
}

/* line 2987, ../scss/ok.scss */
.alert-float {
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}
/* line 2994, ../scss/ok.scss */
.alert-float p {
  text-align: center;
}
/* line 2998, ../scss/ok.scss */
.alert-float button {
  margin-left: .5rem;
  background: none;
  border: none;
  outline: none;
}

/* line 3007, ../scss/ok.scss */
#alerta .alert-float {
  animation-name: dissapear;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes dissapear {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* line 3026, ../scss/ok.scss */
.navbar-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  justify-content: space-around;
  background-color: #FFFFFF;
  border-top: 1px solid #8C8E90;
}
/* line 3036, ../scss/ok.scss */
.navbar-bottom--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}

/* line 3046, ../scss/ok.scss */
.offcanvas-menu .offcanvas-header {
  border-bottom: 1px solid #8C8E90;
}
/* line 3050, ../scss/ok.scss */
.offcanvas-menu .offcanvas-header .logo img {
  width: 6rem;
  max-height: 2.5rem;
  object-fit: contain;
}
/* line 3058, ../scss/ok.scss */
.offcanvas-menu .offcanvas-body {
  padding-inline: 1.5rem;
}
/* line 3062, ../scss/ok.scss */
.offcanvas-menu .offcanvas-body .btn::after {
  display: none;
}
/* line 3068, ../scss/ok.scss */
.offcanvas-menu .offcanvas-footer {
  background-color: #EF2325;
  padding: 1.5rem;
}

/* line 3077, ../scss/ok.scss */
#filtrosModal .spiner-border-container, .offcanvas-menu .spiner-border-container {
  display: none;
}
/* line 3080, ../scss/ok.scss */
#filtrosModal .spiner-border-container.htmx-request, .offcanvas-menu .spiner-border-container.htmx-request {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  /* line 3087, ../scss/ok.scss */
  .nav-carrito {
    background: none;
    outline: none;
    border: none;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
}
@media (max-width: 768px) {
  /* line 3097, ../scss/ok.scss */
  .nav-carrito i {
    margin-right: 0 !important;
    font-size: calc(1.275rem + 0.3vw) !important;
    height: 1.25rem;
    width: 1.25rem;
  }
}
@media (max-width: 768px) {
  /* line 3106, ../scss/ok.scss */
  .nav-carrito--items {
    position: absolute;
    top: -.45rem;
    right: 0;
    background: #EF2325;
    width: 1rem;
    height: 1rem;
    font-size: .75rem;
    color: #FFFFFF;
    border-radius: 50%;
  }
}

/* line 3124, ../scss/ok.scss */
.mis-pedidos--listado {
  max-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 768px) {
  /* line 3125, ../scss/ok.scss */
  .mis-pedidos--listado * {
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {
  /* line 3124, ../scss/ok.scss */
  .mis-pedidos--listado {
    padding-block: .25rem;
  }
}
/* line 3141, ../scss/ok.scss */
.mis-pedidos--listado .pedido-item--cantidad {
  display: flex;
  justify-content: space-between;
}
/* line 3147, ../scss/ok.scss */
.mis-pedidos--listado .accordion {
  padding: 0 !important;
}
@media (max-width: 768px) {
  /* line 3147, ../scss/ok.scss */
  .mis-pedidos--listado .accordion {
    margin-bottom: .25rem;
  }
}
@media (max-width: 768px) {
  /* line 3155, ../scss/ok.scss */
  .mis-pedidos--listado .accordion-button {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  /* line 3160, ../scss/ok.scss */
  .mis-pedidos--listado .accordion-button span {
    width: fit-content;
    padding-right: .25rem;
    padding-bottom: .5rem;
  }
}
/* line 3172, ../scss/ok.scss */
.mis-pedidos .pagination .page-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 3177, ../scss/ok.scss */
.mis-pedidos .pagination .page-item .page-link {
  background: none;
  border: none;
  color: #2A2A2A;
}
/* line 3182, ../scss/ok.scss */
.mis-pedidos .pagination .page-item .page-link.active {
  color: #EF2325;
  background: none;
  font-weight: 600;
}
@media (max-width: 768px) {
  /* line 3191, ../scss/ok.scss */
  .mis-pedidos--container {
    flex-wrap: wrap;
  }
  /* line 3194, ../scss/ok.scss */
  .mis-pedidos--container .buttons {
    width: 100%;
  }
}

/* line 3204, ../scss/ok.scss */
.pedido-rapido--busqueda input {
  width: 100% !important;
}
/* line 3210, ../scss/ok.scss */
.pedido-rapido--list .card-container {
  width: 100% !important;
}
/* line 3213, ../scss/ok.scss */
.pedido-rapido--list .card-container.active {
  border: 3px solid #EF2325;
  outline: none;
}
/* line 3220, ../scss/ok.scss */
.pedido-rapido--list .card-container .card--top a {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-block: .25rem;
}
/* line 3226, ../scss/ok.scss */
.pedido-rapido--list .card-container .card--top a img {
  height: 5rem;
  width: fit-content;
}
/* line 3234, ../scss/ok.scss */
.pedido-rapido--list .card-container .card--descripcion p {
  margin-bottom: .25rem;
}
/* line 3239, ../scss/ok.scss */
.pedido-rapido--list .card-container .card .price-box {
  padding-bottom: 0;
}
/* line 3244, ../scss/ok.scss */
.pedido-rapido--list .card-container .card .add-producto form {
  justify-content: center;
}
/* line 3247, ../scss/ok.scss */
.pedido-rapido--list .card-container .card .add-producto form .input-group {
  width: fit-content;
}

/* line 3258, ../scss/ok.scss */
.card-cliente {
  width: auto;
  position: fixed;
  right: 5%;
  bottom: 2rem;
  margin-bottom: 2px;
}
@media (max-width: 768px) {
  /* line 3258, ../scss/ok.scss */
  .card-cliente {
    bottom: 4rem;
  }
}

/* line 3271, ../scss/ok.scss */
#localidad-registro .select2-selection {
  border-radius: 4px !important;
}
/* line 3274, ../scss/ok.scss */
#localidad-registro .select2-selection.select2-selection--single {
  border: 1px solid #8C8E90 !important;
}
/* line 3278, ../scss/ok.scss */
#localidad-registro .select2-selection.select2-selection--multiple {
  border: 1px solid #8C8E90 !important;
}

/* line 3284, ../scss/ok.scss */
.select2-results {
  padding-top: 25px;
}

/* line 3288, ../scss/ok.scss */
.custom-overlay {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5000 !important;
  height: 100vh;
  width: 100vw;
}
/* line 3297, ../scss/ok.scss */
.custom-overlay--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  height: 100vh;
  padding-inline: 10%;
  text-align: center;
}

/* line 3311, ../scss/ok.scss */
.ayuda .visual-productos-breadcrumb {
  z-index: 5500;
  position: relative;
}