/* utility clases */

/* margins */
.m-0{margin:0;}
.mt-0{margin-top:0px}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-19{margin-top:19px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.mt-40{margin-top:40px}
.mt-45{margin-top:45px}
.mt-50{margin-top:50px}
.mt-55{margin-top:55px}
.mt-60{margin-top:60px}
.mt-65{margin-top:65px}
.mt-70{margin-top:70px}
.mt-75{margin-top:75px}

.mt-n5{margin-top: -5px}
.mt-n10{margin-top: -10px}

.mb-0{margin-bottom:0px}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-35{margin-bottom:35px}
.mb-40{margin-bottom:40px}
.mb-45{margin-bottom:45px}
.mb-50{margin-bottom:50px}
.mb-55{margin-bottom:55px}
.mb-60{margin-bottom:60px}
.mb-65{margin-bottom:65px}
.mb-70{margin-bottom:70px}
.mb-75{margin-bottom:75px}

.ml-0{margin-left:0px}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-25{margin-left:25px}
.ml-30{margin-left:30px}
.ml-35{margin-left:35px}
.ml-40{margin-left:40px}
.ml-45{margin-left:45px}
.ml-50{margin-left:50px}
.ml-55{margin-left:55px}
.ml-60{margin-left:60px}
.ml-65{margin-left:65px}
.ml-70{margin-left:70px}
.ml-75{margin-left:75px}

.mr-0{margin-right:0px}
.mr-5{margin-right:5px}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-20{margin-right:20px}
.mr-25{margin-right:25px}
.mr-30{margin-right:30px}
.mr-35{margin-right:35px}
.mr-40{margin-right:40px}
.mr-45{margin-right:45px}
.mr-50{margin-right:50px}
.mr-55{margin-right:55px}
.mr-60{margin-right:60px}
.mr-65{margin-right:65px}
.mr-70{margin-right:70px}
.mr-75{margin-right:75px}

/* paddings */
.p-0{padding:0;}
.pt-0{padding-top:0px}
.pt-5{padding-top:5px}
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-25{padding-top:25px}
.pt-30{padding-top:30px}
.pt-35{padding-top:35px}
.pt-40{padding-top:40px}
.pt-45{padding-top:45px}
.pt-50{padding-top:50px}
.pt-55{padding-top:55px}
.pt-60{padding-top:60px}
.pt-65{padding-top:65px}
.pt-70{padding-top:70px}
.pt-75{padding-top:75px}

.pb-0{padding-bottom:0px}
.pb-5{padding-bottom:5px}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-35{padding-bottom:35px}
.pb-40{padding-bottom:40px}
.pb-45{padding-bottom:45px}
.pb-50{padding-bottom:50px}
.pb-55{padding-bottom:55px}
.pb-60{padding-bottom:60px}
.pb-65{padding-bottom:65px}
.pb-70{padding-bottom:70px}
.pb-75{padding-bottom:75px}

.pl-0{padding-left:0px}
.pl-5{padding-left:5px}
.pl-7{padding-left:7px}
.pl-10{padding-left:10px}
.pl-12{padding-left:12px}
.pl-13{padding-left:13px}
.pl-15{padding-left:15px}
.pl-17{padding-left:17px}
.pl-20{padding-left:20px}
.pl-25{padding-left:25px}
.pl-30{padding-left:30px}
.pl-35{padding-left:35px}
.pl-40{padding-left:40px}
.pl-45{padding-left:45px}
.pl-50{padding-left:50px}
.pl-55{padding-left:55px}
.pl-60{padding-left:60px}
.pl-65{margin-left:65px}
.pl-70{padding-left:70px}
.pl-75{padding-left:75px}

.pr-0{padding-right:0px}
.pr-5{padding-right:5px}
.pr-10{padding-right:10px}
.pr-15{padding-right:15px}
.pr-20{padding-right:20px}
.pr-25{padding-right:25px}
.pr-30{padding-right:30px}
.pr-35{padding-right:35px}
.pr-40{padding-right:40px}
.pr-45{padding-right:45px}
.pr-50{padding-right:50px}
.pr-55{padding-right:55px}
.pr-60{padding-right:60px}
.pr-65{padding-right:65px}
.pr-70{padding-right:70px}
.pr-75{padding-right:75px}

/* border radius */

.border-radius-5{border-radius: 5px;}
.border-radius-t5{border-top-left-radius: 5px;border-top-right-radius: 5px;}
.border-radius-t5-imp{border-top-left-radius: 5px !important;border-top-right-radius: 5px !important;}
.border-radius-b5{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.border-radius-b5-imp{border-bottom-left-radius: 5px !important;border-bottom-right-radius: 5px !important;}
.border-radius-10{border-radius: 10px;}
.border-radius-t10{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.border-radius-tl10{border-top-left-radius: 10px;}
.border-radius-tr10{border-top-right-radius: 10px;}
.border-radius-t10-imp{border-top-left-radius: 10px !important;border-top-right-radius: 10px !important;}
.border-radius-t15{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.border-radius-t15-imp{border-top-left-radius: 15px !important;border-top-right-radius: 15px !important;}
.border-radius-t8-imp{border-top-left-radius: 8px !important;border-top-right-radius: 8px !important;}
.border-radius-b10{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.border-radius-b10-imp{border-bottom-left-radius: 10px !important;border-bottom-right-radius: 10px !important;}
.border-radius-15{border-radius: 15px;}
.border-radius-20{border-radius: 20px;}
.border-radius-25{border-radius: 25px;}
.border-radius-30{border-radius: 30px;}
.border-radius-35{border-radius: 35px;}
.border-radius-40{border-radius: 40px;}
.border-radius-45{border-radius: 45px;}
.border-radius-50{border-radius: 50px;}
.border-radius-55{border-radius: 55px;}
.border-radius-60{border-radius: 60px;}
.border-radius-65{border-radius: 65px;}
.border-radius-70{border-radius: 70px;}
.border-radius-75{border-radius: 75px;}
.sep {width:95%;height:3px;background:#c4d1d6;margin:30px 0 30px 0;} /* #266f8a */

.box-shadow-carousel{
    -webkit-box-shadow: -1px 4px 5px 4px rgba(173,173,173,1);
    -moz-box-shadow: -1px 4px 5px 4px rgba(173,173,173,1);
    box-shadow: -1px 4px 5px 4px rgba(173,173,173,1);    
}

.bg-gris-sidebar{background-color: #DEDEDE;}
.color-azulito{color: #13A6CD;}
.bg-azulito{background-color: #13A6CD;border-color: #13A6CD;}
.color-rosa{color: #EB5F64;}
.bg-color-rosa{background-color: #EB5F64;border-color: #EB5F64;}
.color-salus{color: #386980;}
.bg-salus{background-color: #386980;border-color: #386980;}
.color-verde-claro{color: #22BA73;}
.bg-verde-claro{background-color: #22BA73;border-color: #22BA73;}
.color-verde-oscuro{color: #009F93;}
.bg-verde-oscuro{background-color: #009F93;border-color: #009F93;}
.color-granate-claro{color: #CA145A;}
.bg-granate-claro{background-color: #CA145A;border-color: #CA145A;}
.color-amarillo-oscuro{color: #F1A63B;}
.bg-amarillo-oscuro{background-color: #F1A63B;border-color: #F1A63B;}
.color-granate-oscuro{color: #94005D;}
.bg-granate-oscuro{background-color: #94005D;border-color: #94005D;}
.color-gris-azul{color: #8FBAD0;}
.bg-gris-azul{background-color: #8FBAD0;border-color: #8FBAD0;}
.color-azul-claro-gami{color:#c4edf8}
.bg-azul-claro-gami{background-color:#c4edf8}


hr.solid-1{
    border-top:1px solid grey;
}
hr.solid-2{
    border-top:2px solid grey;
}
hr.solid-3{
    border-top:3px solid grey;
}
hr.dashed-1{
    border-top:1px dashed grey;
}
hr.dashed-2{
    border-top:2px dashed grey;
}
hr.dashed-3{
    border-top:3px dashed grey;
}

.font-size-13
{
    font-size: 13px;
}
.font-size-16
{
    font-size: 16px;
}
.font-size-19
{
    font-size: 19px;
}
.font-size-17
{
    font-size: 17px;
}
.font-size-18 
{
  font-size: 18px;
}
.font-size-21
{
    font-size: 21px;
}
.font-size-22
{
    font-size: 22px;
}
.font-size-27
{
    font-size: 27px;
}
.font-size-25
{
    font-size: 25px;
}
.font-size-32
{
    font-size: 32px;
}
.font-size-36
{
    font-size: 36px;
}
.font-size-42
{
    font-size: 42px;
}
.cursor {cursor: pointer;}
.translateY-0{
  transform: translateY(0px);
}
/* CUSTOM CHECKBOX */
.custom-dropdown-menu{position:static;float: none;background-color: inherit;border:none;box-shadow: none;-webkit-box-shadow:none;border-radius: 0;}
/* The container */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ccc;
  }
  
  /* On mouse-over, add a grey background color */
  .container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container-checkbox input:checked ~ .checkmark {
    background-color: #13A6CD;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container-checkbox input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  label:has(> .checkbox-store:checked){
    color: #13A6CD;
  }


/* CUSTOM CHECKBOX */

#sidebar #section-favorites .img-icon,
#sidebar #section-filters .img-icon{height:25px;width:25px;object-fit: contain;}
.flex-center{display:flex;justify-content: center;align-items: center;}
.flex-start-center{display:flex;justify-content: flex-start;align-items: center;}

/* SIDEBAR */
/* The side navigation menu */
.sidenav {
    height:100vh; /* 100% Full-height */
    max-height:105vh; /* 100% Full-height */
    overflow-y: scroll;
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 20; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  }
  
  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    
  }

/******************************/
/*      DISEÑO LOADER        */ 
/****************************/

#loader-animation {
  padding: 50px;
  background: #e3e3e3;
  overflow-x: hidden;
  width: 100%;
}

.movie--isloading {
  height: 252px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 15px;
}

.movie--isloading .loading-image {
  height: 190px;
  background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
  background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
  background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
  background-size: 250px;
  -webkit-animation: shine-loading-image 2s infinite ease-out;
          animation: shine-loading-image 2s infinite ease-out;
}

.movie--isloading .loading-content {
  background: #f7f7f7;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.movie--isloading .loading-content .loading-text-container {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.movie--isloading .loading-content .loading-main-text {
  height: 10px;
  width: 65%;
  margin-bottom: 10px;
  background: #ececec;
  background-image: -webkit-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: -o-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
  background-size: 250px;
  border-radius: 10px;
  -webkit-animation: shine-loading-container-items 2s infinite ease-out;
          animation: shine-loading-container-items 2s infinite ease-out;
}

.movie--isloading .loading-content .loading-sub-text {
  height: 10px;
  width: 50%;
  background: #ececec;
  background-image: -webkit-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: -o-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
  background-size: 250px;
  border-radius: 10px;
  -webkit-animation: shine-loading-container-items 2s infinite ease-out;
          animation: shine-loading-container-items 2s infinite ease-out;
}

.movie--isloading .loading-content .loading-btn {
  width: 60px;
  height: 25px;
  background: #ececec;
  background-image: -webkit-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: -o-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
  background-size: 250px;
  border-radius: 3px;
  -webkit-animation: shine-loading-container-items 2s infinite ease-out;
          animation: shine-loading-container-items 2s infinite ease-out;
}


@-webkit-keyframes shine-loading-image {
  0% {
    background-position: -32px;
  }
  40%, 100% {
    background-position: 208px;
  }
}


@keyframes shine-loading-image {
  0% {
    background-position: -32px;
  }
  40%, 100% {
    background-position: 208px;
  }
}

@-webkit-keyframes shine-loading-container-items {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}

@keyframes shine-loading-container-items {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}
  
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
    transition: margin-left .5s;
    padding: 20px;
  }

#store #slider-destacados img{width:100%;height:300px;object-fit:cover}

.landing-store main#content .container-sidebar{width: 20%;}
.landing-store main#content #desktop-sidebar{max-height:160vh;overflow-y: scroll;}
.landing-store main#content #desktop-sidebar {
  overflow: scroll;
  scrollbar-width: none; /* For Firefox */
}

.landing-store main#content #desktop-sidebar::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Edge */
}
.landing-store main#content .container-content{width: 80%;}
.landing-store main#content .container-content #btn-filtro img{width:30px;height:30px;}
.landing-store main#content .container-content .container-filtros-busqueda{display: flex;align-items:center;}
.landing-store main#content .container-content .container-btns a button{padding-left: 10px;padding-right: 10px;}

/******************************/
/*      DISEÑO CATEGORIAS    */ 
/****************************/
/*.landing-store main#content #categorias .categorias-container {display: flex;justify-content:center;align-items:center;overflow-x:auto;-ms-overflow-style: none;scrollbar-width: none;}
.landing-store main#content #categorias .categorias-container::-webkit-scrollbar {display: none;}
.landing-store main#content #categorias .categorias-container .categorias-items {display: flex;gap:40px;justify-items:center;align-items:center;}*/
.landing-store main#content #categorias .categorias-container-carousel .categorias-items-carousel .categoria-item-carousel .categoria-item-img {height: 65px;width:65px}
.selectedCategory{border: 3px solid #13A6CD;border-radius: 50%;padding:3px}
/******************************/
/*      DISEÑO PRODUCTO      */ 
/****************************/

.landing-store main#content #container-productos {display: flex;justify-content:flex-start;gap:13px;align-items:flex-start;flex-wrap:wrap;}
.landing-store main#content .container-productos-favoritos {display: flex;justify-content:flex-start;gap:13px;align-items:flex-start;flex-wrap:wrap;}
.landing-store main#content .card-producto{font-family: "robotoregular", arial, sans-serif;width:23.9%}
.landing-store main#content #detalle-producto .card-producto{min-width:23.9%}
.landing-store main#content .card{border:2px solid #13a6cd;background-color: white;}
.landing-store main#content .card .imagenes{position: relative;}
.landing-store main#content .card-img-top{width: 100%;height:175px;object-fit:cover}
.landing-store main#content .thumbnail-avatar{object-fit:contain}
.landing-store main#content .card-img-float{width:30px;height:25px;position:absolute;top:5%;right:5%}
.landing-store main#content .card-body{position: relative;min-height:150px;}
.landing-store main#content .card-body .floating-div{position: absolute;top:-11%;left:50%;transform:translateX(-50%);padding:5px 10px;background-color:white;box-shadow:5px 5px 2px grey;min-width:200px;text-align: center;}
.landing-store main#content .card-body .floating-div-icon{width: 22px;height:22px}
.landing-store main#content .card .content{font-family: 'robotoregular', arial, sans-serif;display:flex;flex-direction:column;justify-content:space-between;height:200px;max-height:200px;background-color: white;}
.landing-store main#content .card .card-action{display:flex;justify-content:space-between;align-items:center;background-color: #fff; z-index: 1;}
.landing-store main#content .card .card-action .icon-ubicacion{width: 15px;height:20px;}

.seccion-tabs .nav-pills > li.active > a {border:0;color:black !important;font-weight: bold;}
.seccion-tabs .tab-content .tab-pane {border:0;border-bottom:1px solid grey;padding-bottom: 50px;}

.landing-store main#content #detalle-resultado .img-product-canjeado{height:250px;width:350px;max-width:100%;object-fit:cover;}


/******************************/
/*  DISEÑO DETALLE PRODUCTO  */ 
/****************************/

.section-slideshow-producto .container-slider .slideshow-thumbnail-container {display: flex;justify-content:flex-start;align-items:center;overflow-x:auto;-ms-overflow-style: none;scrollbar-width: none;margin-left:0;margin-right:0;}
.section-slideshow-producto .container-slider .slideshow-thumbnail-container::-webkit-scrollbar {display: none;}
.section-slideshow-producto .container-slider .slideshow-thumbnail-container .slideshow-items {display: flex;gap:15px;justify-items:center;align-items:center;}
.section-slideshow-producto .container-slider .slideshow-thumbnail-container .slideshow-items .slideshow-item{border-radius:7px;}
.section-slideshow-producto .container-slider .slideshow-thumbnail-container .slideshow-items .slideshow-item .slideshow-item-img {height: 70px;width:120px;border-radius:7px;object-fit: cover;}

.section-slideshow-producto .container-slider .slides {display: none;border-radius:15px;text-align: center;}
.section-slideshow-producto .container-slider .avatar-slide {text-align:center;}
/* .section-slideshow-producto .container-slider .slides img{width:100%;height:500px;object-fit:contain;object-position:center center;border-radius:15px;} */
.section-slideshow-producto .container-slider .slides img{width:100%;object-fit:cover;height:400px;border-radius:15px;}
.section-slideshow-producto .container-slider .slides img.thumbnail-avatar-detalle{width:auto;height:auto;object-fit:contain}

.section-slideshow-producto .container-slider .slideshow-thumbnail-container .slideshow-items .slideshow-item .thumb {opacity: 0.6;}

.section-slideshow-producto .container-slider .slideshow-thumbnail-container .slideshow-items .slideshow-item .active,
.section-slideshow-producto .container-slider .slideshow-thumbnail-container .slideshow-items .slideshow-item .thumb:hover {opacity: 1;}


.seccion-detalle-producto .info-gemas{border-top:1px solid #EB5F64;border-bottom:1px solid #EB5F64;}
.seccion-detalle-producto .info-gemas img{width: 30px;height:30px}
.seccion-detalle-producto .img-ubicacion{width: 30px;height:40px}

.seccion-tabs .nav.nav-pills {border-bottom:1px solid grey}

.seccion-empresa{border-bottom:1px solid grey;}
.seccion-empresa .media{display: flex;align-items:center;}
.seccion-empresa .media .media-left img{width: 150px;height:75px;}  

.seccion-productos-similares .productos {display: flex;justify-content:flex-start;align-items:flex-start;overflow-x:scroll;gap:15px;-ms-overflow-style: none;scrollbar-width: none;min-height: 385px;cursor:grab}
.seccion-productos-similares .productos::-webkit-scrollbar {display: none;}
.seccion-productos-similares .productos:active {
  cursor: grabbing; /* Change cursor when dragging */
}


.vertically-center {vertical-align: middle !important;}

.form-incidencia,.form-incidencia[disabled]{background-color:#92999B;border-radius: 20px;color: white;}
.form-incidencia::placeholder{color: white;}

#productos-canjeados .img-producto {width:200px;height:100px;object-fit:cover;object-position:center center}
#productos-canjeados .img-producto-avatar{object-fit:contain}
#productos-canjeados #btnModalDetalle {padding: 5px 7px;}
#cancelarModalDetalleCanjeo{margin-top:0}
.paso-canjeo{display: flex;align-items:flex-start;}
.img-paso-canjeo{width: 75px;height:70px;object-fit: contain;}
.condicion-canjeo{display:flex;align-items:center;}

  /******************************/
  /*      DISEÑO RESPONSIVE    */ 
  /****************************/
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

/* SIDEBAR */

/* On screens that are 1500px wide or less */
@media screen and (max-width: 1500px) {
    
}

/* On screens that are 1400px wide or less*/
@media screen and (max-width: 1400px) {

}

/* On screens that are 1200px wide or less */
@media screen and (max-width: 1200px) {
  .font-size-17{font-size:15px;}
  .font-size-21{font-size:17px;}
  .font-size-22{font-size:18px;}
  .font-size-27{font-size:16px;}
  .font-size-36{font-size:27px;}
  .font-size-42{font-size:38px;}


  .landing-store main#content .container-sidebar{width: 25%;}
  .landing-store main#content .container-content{width: 75%;}
  .landing-store main#content #categorias .categorias-container{justify-content: flex-start;}
  .landing-store main#content .card-producto{width:32%}
  .landing-store main#content #detalle-producto .card-producto{min-width:32%}  

  .section-slideshow-producto .container-slider .slides {text-align: left;}
  .section-slideshow-producto .container-slider .slideshow-thumbnail-container {margin-left:0;margin-right:0;}
  .section-slideshow-producto .container-slider .slides img{height: 300px;}

  #productos-canjeados .img-producto {width:170px;height:85px;}
}

/* On screens that are 992px wide or less */
@media screen and (max-width: 991px) {
  .font-size-17{font-size:16px;}
  .font-size-21{font-size:16px;}
  .font-size-22{font-size:17px;}
  .font-size-27{font-size:16px;}
  .font-size-36{font-size:25px;}
  .font-size-42{font-size:36px;}

  .landing-store main#content .container-sidebar{width: 0%;}
  .landing-store main#content .container-content{width: 100%;}
  .landing-store main#content #categorias .categorias-container-carousel .categorias-items-carousel .categoria-item-carousel .categoria-item-img {height: 70px;width:70px}
  .landing-store main#content .card-producto{width:48%}  
  .landing-store main#content #detalle-producto .card-producto{min-width:40%}

  /*.landing-store main#content #detalle-resultado .img-product-canjeado{width:75%}*/
  .section-slideshow-producto .container-slider .slides {text-align: center;}
  .section-slideshow-producto .container-slider .slides img{height: 300px;width:500px;}

  #productos-canjeados .img-producto {width:150px;height:75px;}
}

/* On screens that are 767px wide or less */
@media screen and (max-width: 767px) {
  .font-size-17{font-size:14px;}
  .font-size-21{font-size:14px;}
  .font-size-22{font-size:17px;}
  .font-size-27{font-size:14px;}
  .font-size-36{font-size:22px;}
  .font-size-42{font-size:33px;}

  .mt-75{margin-top:55px;}
  .font-size-19{font-size:16px}
  .font-size-16{font-size:14px}

  #sidebar #section-favorites .img-icon,
  #sidebar #section-filters .img-icon
  {
      height:17px;width:17px;
  }

  #store #slider-destacados img{height:200px;}
  .landing-store main#content .container-content #btn-filtro img{width:20px;height:20px;}
  .landing-store main#content #categorias .categorias-container-carousel .categorias-items-carousel .categoria-item-carousel .categoria-item-img {height: 70px;width:70px}

  .landing-store main#content .card-img-float{width:25px;height:20px;}
  .landing-store main#content .card-body .floating-div-icon{width: 17px;height:17px}

  .section-slideshow-producto .container-slider .slideshow-thumbnail-container {margin-left:50px;margin-right:50px;}
  .section-slideshow-producto .container-slider .slides img{height: 300px;}

}

/* On screens that are 576px wide or less*/
@media screen and (max-width: 576px) {

  .font-size-19{font-size:13px}
  .font-size-17{font-size:12px;}
  .font-size-21{font-size:12px;}
  .font-size-22{font-size:15px;}
  .font-size-27{font-size:14px;}
  .font-size-36{font-size:18px;}
  .font-size-42{font-size:28px;}

  .landing-store main#content .card-producto{width:97%}  
  .landing-store main#content #detalle-producto .card-producto{min-width:75%}
  /*.landing-store main#content #detalle-resultado .img-product-canjeado{width:90%}*/

  .section-slideshow-producto .container-slider .slides {text-align: left;}
  .section-slideshow-producto .container-slider .slideshow-thumbnail-container {margin-left:0;margin-right:0;}
  .section-slideshow-producto .container-slider .slides img{height: 250px;width:100%}

  #productos-canjeados .img-producto {width:100px;height:50px;}
}

/* On screens that are 472px wide or less */
@media screen and (max-width: 472px) {
 
  #productos-canjeados .img-producto {width:70px;height:35px;}
  
  #productos-canjeados, #btnModalDetalle {font-size:12px}
  .section-slideshow-producto .container-slider .slides img{height: 200px}
}

/* On screens that are 410px wide or less */
@media screen and (max-width: 410px) {
  #cancelarModalDetalleCanjeo{margin-top:10px}
}

/* On screens that are 375px wide or less */
@media screen and (max-width: 375px) {
  .landing-store main#content .container-content .container-btns a button{padding-left: 5px;padding-right: 5px;}
  .section-slideshow-producto .container-slider .slides img{height: 200px}
}

/* Carousel container */
.categorias-container-carousel {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  justify-content:center
}

/* Carousel */
.categorias-items-carousel {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* For Firefox */
  cursor: grab;
}


.categorias-items-carousel:active {
  cursor: grabbing; /* Change cursor while dragging */
}

.categorias-items-carousel::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}

/* Carousel items */
.categoria-item-carousel {
  flex: 0 0 auto;
  width: calc(100vw / 10); /* Adjust based on the number of items you want visible */
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  white-space: normal;
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
  .categoria-item-carousel{
    width: calc(100vw / 15);
  }
}

@media screen and (min-width: 1700px) and (max-width: 2100px) {
  .categoria-item-carousel{
    width: calc(100vw / 18);
  }
}

@media screen and (min-width: 2100px) {
  .categoria-item-carousel{
    width: calc(100vw / 20);
  }
}

@media screen and (min-width: 2700px) {
  .categoria-item-carousel{
    width: calc(100vw / 22);
  }
}

@media screen and (min-width: 3000px) {
  .categoria-item-carousel{
    width: calc(100vw / 25);
  }
}

@media screen and (min-width: 3300px) {
  .categoria-item-carousel{
    width: calc(100vw / 30);
  }
}

@media screen and (max-width: 1200px) {
  .categoria-item-carousel{
    width: calc(100vw / 9.5);
  }
}

@media (max-width: 991px){
  .categoria-item-carousel{
    width: calc(100vw / 6.75);
  }
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .categoria-item-carousel {
    width: calc(100vw / 5.75); /* Two items per view */
  }radial
}

@media (max-width: 480px) {
  .categoria-item-carousel {
    width: calc(100vw / 3.75); /* One and a half items per view */
  }
}

@media (max-width: 360px){
  .categoria-item-carousel{
    width: calc(100vw / 3.75);
  }
}

@media (max-width: 320px){
  .categoria-item-carousel{
    width: calc(100vw / 2.75);
  }
}

.plataforma-app > .slider-destacados-tienda {
  margin-top: 0 !important;
}

.scroll-indicator {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  font-size: 30px;
/*   background: radial-gradient(circle, rgba(128, 128, 128, 0.8) 30%, rgba(128, 128, 128, 0.3) 70%);;
 */  border-radius: 50%;
  pointer-events: none;
/*   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 */  display: none;
  animation: wave 1.5s infinite;
  z-index: 1000;
}

@keyframes wave {
  0% { transform: translateY(-50%) scale(1); opacity: 1; }
  50% { transform: translateY(-50%) scale(1.2); opacity: 0.7; }
  100% { transform: translateY(-50%) scale(1); opacity: 1; }
}

.scroll-indicator.left {
  left: -50px;
  height: 30px;
}

.scroll-indicator.right {
  right: -40px;
  height: 30px;
}

@media (max-width: 768px) {  /* Target screens smaller than 768px */
  .scroll-indicator {
      display: none !important;  /* Completely hide arrows on mobile */
  }

}
    /* Fullscreen loader */
    #loader-details-page {
      position: fixed;
      inset: 0;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }

    .spinner-details-page {
      border: 6px solid #eee;
      border-top: 6px solid #3498db;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }