:root {
  /* Colores corporativos Family Healthcare */
  --logo-azul: #1B4F8A;
  /* Azul corporativo */
  --logo-azul-claro: #2E6EAD;
  /* Azul medio */
  --logo-rojo: #D94F4F;
  /* Rojo medio */
  --logo-rojo-oscuro: #B03030;
  /* Rojo oscuro */
  --logo-amarillo: #ffffff;
  /* Blanco */
  --logo-amarillo-oscuro: #f0f4f8;
  /* Blanco-azulado suave */

  --main-c-headtable: var(--logo-azul);
  --main-l-headtable: #ffffff;

  --main-c-botontable: #f5f7fb;
  --main-l-botontable: var(--logo-azul);
  --main-h-botontable: var(--logo-azul);
  --main-hl-botontable: #ffffff;

  --main-c-botonnormal: var(--logo-azul);
  --main-l-botonnormal: #ffffff;
  --main-h-botonnormal: #D94F4F;
  --main-hl-botonnormal: #ffffff;

  --main-c-botonconfirmar: #D94F4F;
  --main-l-botonconfirmar: #ffffff;
  --main-h-botonconfirmar: #B03030;
  --main-hl-botonconfirmar: #ffffff;

  --main-c-resaltar: #D94F4F;
  --main-l-resaltar: #ffffff;

  --main-c-alcabala: var(--logo-azul-claro);
  --main-l-alcabala: #ffffff;

  --main-l-dolar: #2E7D32;
  /* Verde accesible */

  --radius-lg: 18px;
  --radius-md: 12px;
  --shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.05);
  --transition-fast: all 0.2s ease-out;
}

/* --------------------------------
 * CARDS E INFO BOXES
 * -------------------------------- */

.box-1 {
  background-color: #f9fafb !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: var(--shadow-soft);
}

.info-box-1,
.info-box-2,
.info-box-3,
.info-box-4 {
  color: var(--logo-azul) !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid transparent !important;
  box-shadow: var(--shadow-card);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  transition: var(--transition-fast);
}

.info-box-1 {
  background: linear-gradient(135deg, #fdf2f2, #f8dada) !important;
  border-color: #e0b0b0 !important;
}

.info-box-2 {
  background: linear-gradient(135deg, #F4F4F4, #E5E7EB) !important;
  border-color: rgba(0, 0, 0, 0.05) !important;
}

.info-box-3 {
  background: linear-gradient(135deg, var(--logo-azul-claro), var(--logo-azul)) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.info-box-4 {
  background: linear-gradient(135deg, var(--logo-rojo), var(--logo-rojo-oscuro)) !important;
  border-color: var(--logo-rojo-oscuro) !important;
  color: #ffffff !important;
}

.info-box-1:hover,
.info-box-2:hover,
.info-box-3:hover,
.info-box-4:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.1);
}

.info-box-icon-1,
.info-box-icon-2,
.info-box-icon-3,
.info-box-icon-4 {
  border-radius: var(--radius-lg) 0 0 var(--radius-lg) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 18px;
  min-width: 64px;
  font-size: 50px;
  color: #ffffff;
  margin-right: -90px;
}

.info-box-icon-1 {
  background: var(--logo-rojo) !important;
  color: #ffffff !important;
}

.info-box-icon-2 {
  background: var(--logo-azul-claro) !important;
}

.info-box-icon-3 {
  background: var(--logo-azul) !important;
}

.info-box-icon-4 {
  background: var(--logo-rojo-oscuro) !important;
  color: #ffffff !important;
}

.info-box-10,
.info-box-20,
.info-box-30 {
  border-radius: var(--radius-md) !important;
  border: 1px solid transparent !important;
  box-shadow: var(--shadow-card);
  transition: var(--transition-fast);
}

.info-box-10 {
  background: linear-gradient(135deg, #fdf2f2, #f8dada) !important;
  border-color: #e0b0b0 !important;
}

.info-box-20 {
  background-color: #f4f4f4 !important;
  border-color: #E5E7EB !important;
}

.info-box-30 {
  background-color: var(--logo-azul-claro) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.info-box-10:hover,
.info-box-20:hover,
.info-box-30:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
}

.info-box-icon-10,
.info-box-icon-20,
.info-box-icon-30 {
  border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
  padding: 10px 14px;
  min-width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.info-box-icon-10 {
  background-color: var(--logo-rojo) !important;
  color: #ffffff !important;
}

.info-box-icon-20 {
  background-color: var(--logo-azul-claro) !important;
}

.info-box-icon-30 {
  background-color: var(--logo-azul) !important;
}

.info-box-content-10,
.info-box-content-20,
.info-box-content-30 {
  color: #ffffff !important;
  border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
}

.info-box-content-10 {
  background-color: var(--logo-rojo-oscuro) !important;
  color: #ffffff !important;
}

.info-box-content-20 {
  background-color: var(--logo-azul-claro) !important;
}

.info-box-content-30 {
  background-color: var(--logo-azul) !important;
}

.small-box-1,
.small-box-2,
.small-box-3,
.small-box-4 {
  border-radius: var(--radius-md) !important;
  border: none !important;
  box-shadow: var(--shadow-card);
  transition: var(--transition-fast);
}

.small-box-1 {
  background-color: var(--logo-rojo) !important;
  color: #ffffff !important;
}

.small-box-2 {
  background-color: var(--logo-azul-claro) !important;
  color: #ffffff !important;
}

.small-box-3 {
  background-color: var(--logo-azul) !important;
  color: #ffffff !important;
}

.small-box-4 {
  background: linear-gradient(135deg, var(--logo-rojo), var(--logo-rojo-oscuro)) !important;
  color: #ffffff !important;
}

.small-box-1:hover,
.small-box-2:hover,
.small-box-3:hover,
.small-box-4:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}

/* --------------------------------
 * MODALES Y TABLAS
 * -------------------------------- */

.modal-content {
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-soft);
  border: none;
}

.modal-header {
  border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
  border-bottom: 1px solid #E5E7EB;
}

.sticky {
  position: sticky;
  left: 0;
}

.table tbody tr .sticky {
  background: #ffffff;
}

.table th .sticky {
  background: var(--main-c-headtable) !important;
}

.table tbody tr:nth-child(2n) .sticky {
  background: #f3f4f6;
}

/* --------------------------------
 * SKIN / LAYOUT
 * -------------------------------- */

.skin-blue .main-header .navbar {
  background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid var(--logo-rojo);
}

.skin-blue .main-header .navbar .nav>li>a {
  color: #333333;
  transition: var(--transition-fast);
}

.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus {
  background: rgba(27, 79, 138, 0.06);
  color: var(--logo-azul);
}

.skin-blue .main-header .navbar .navbar-custom-menu>.nav {
  margin-right: 10px;
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: var(--logo-azul);
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: var(--logo-azul);
  background: rgba(27, 79, 138, 0.06);
}

@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(27, 79, 138, 0.08);
  }

  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: var(--logo-azul);
  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #f3f4f6;
  }
}

.skin-blue .main-header .logo {
  background: var(--logo-azul);
  color: #ffffff;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skin-blue .main-header .logo>a {
  color: #ffffff;
  background-color: transparent;
}

.skin-blue .main-header .logo:hover {
  background: var(--logo-azul-claro);
}

.skin-blue .main-header li.user-header {
  background: #F3F4F6;
  color: var(--logo-azul);
}

.skin-blue .content-header {
  background: transparent;
}

.skin-blue .sidebar-menu>li.header {
  color: #9CA3AF;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.08em;
}

.skin-blue .sidebar-menu>li>a {
  border-left: 3px solid transparent;
  margin-right: 1px;
  border-radius: 0 999px 999px 0;
  padding: 10px 12px;
  transition: var(--transition-fast);
}

/* badges y estados */
.colorPromDias {
  color: #FFFFFF !important;
  background-color: var(--logo-azul) !important;
  border-radius: 999px !important;
  padding: 3px 10px;
}

.colorVip {
  color: var(--logo-azul) !important;
  background-color: #e8f0fb !important;
  border-radius: 999px !important;
  padding: 3px 10px;
}

.colorVip2 {
  color: var(--logo-azul) !important;
  background: #f0f4f8 !important;
  border-radius: 999px !important;
  padding: 3px 10px;
}

.skin-blue .sidebar-menu>li>a:hover,
.skin-blue .sidebar-menu>li.active>a {
  color: var(--logo-rojo);
  background: #fdf2f2;
  border-left-color: var(--logo-rojo);
}

.skin-blue .sidebar-menu>li>a:hover {
  width: 230px;
}

/* Fondo del submenú */
.skin-blue .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #f8f9fb;
}

/* Mantener el azul claro mientras el mouse esté en el li */
.skin-blue .sidebar-menu>li.treeview:hover>a,
.skin-blue .sidebar-menu>li.treeview.menu-open>a,
.skin-blue .sidebar-menu>li.treeview.active>a {
  color: var(--logo-rojo) !important;
  width: 230px;
  background: #fdf2f2 !important;
  border-left: 3px solid var(--logo-rojo) !important;
}

/* Enlaces del submenú */
.skin-blue .treeview-menu>li>a {
  color: #555555;
  padding-left: 30px;
  font-size: 13px;
}

/* Hover + activo del submenú */
.skin-blue .treeview-menu>li>a:hover,
.skin-blue .treeview-menu>li.active>a {
  color: var(--logo-rojo) !important;
  background: #fdf2f2;
}

.title {
  color: #ffffff !important;
  background: var(--logo-azul) !important;
  border-radius: var(--radius-md);
}

.btnmenuvertical {
  color: var(--logo-azul) !important;
  background: #ffffff !important;
  border-radius: 999px !important;
  border: 1px solid #E5E7EB;
  padding: 6px 14px;
  font-size: 12px;
  transition: var(--transition-fast);
}

.btnmenuvertical:hover {
  color: #ffffff !important;
  background: var(--logo-azul) !important;
  border-color: var(--logo-azul);
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background: #ffffff;
}

.skin-blue .sidebar a {
  color: #444444;
}

.skin-blue .sidebar a:hover {
  text-decoration: none;
}

.skin-blue .sidebar-form {
  border-radius: 999px;
  border: 1px solid #E5E7EB;
  margin: 10px 10px;
  overflow: hidden;
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #f5f7fb;
  border: 1px solid transparent;
  height: 35px;
  transition: var(--transition-fast);
}

.skin-blue .sidebar-form input[type="text"] {
  color: #444444;
  border-radius: 999px 0 0 999px !important;
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color: #ffffff;
  color: var(--logo-azul);
}

.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-blue .sidebar-form .btn {
  color: #888888;
  border-radius: 0 999px 999px 0 !important;
}

.skin-blue.layout-top-nav .main-header>.logo {
  background-color: var(--logo-azul);
  color: #ffffff;
  border-bottom: 0;
}

.skin-blue.layout-top-nav .main-header>.logo>a {
  color: #ffffff;
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
  background: var(--logo-azul-claro);
}

/* --------------------------------
 * COLORES GENERALES
 * -------------------------------- */

.ColorDolar {
  color: var(--main-l-dolar) !important;
}

.colorTitulo {
  background-color: var(--main-c-headtable) !important;
  color: var(--main-l-headtable) !important;
}

.colorResaltado {
  background-color: var(--main-c-resaltar) !important;
  border: var(--main-c-resaltar) solid 1px !important;
  color: var(--main-l-resaltar) !important;
  border-radius: 999px;
  padding: 4px 12px;
}

.colorAlcabala {
  background-color: var(--main-c-alcabala) !important;
  border: var(--main-c-alcabala) solid 1px !important;
  color: var(--main-l-alcabala) !important;
}

/* --------------------------------
 * BOTONES
 * -------------------------------- */

.btn-pedido,
.btn-buscar,
.btn-peqbuscar,
.btn-catalogo,
.btn-catalogoX,
.btn-confirmar,
.btn-normal {
  border-radius: 999px !important;
  font-weight: 600;
  font-size: 13px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: var(--transition-fast);
}

.btn-pedido {
  color: var(--main-l-botontable) !important;
  background-color: var(--main-c-botontable);
  border-color: transparent;
  width: 40px;
}

.btn-pedido:hover {
  color: var(--main-hl-botontable) !important;
  background-color: var(--main-h-botontable) !important;
  transform: translateY(-1px);
}

.btn-buscar {
  color: var(--main-l-botonnormal) !important;
  background-color: var(--main-c-botonnormal) !important;
  width: 40px;
}

.btn-buscar:hover {
  color: var(--main-hl-botonnormal) !important;
  background-color: var(--main-h-botonnormal) !important;
  transform: translateY(-1px);
}

.btn-peqbuscar {
  color: var(--main-l-botonnormal) !important;
  background-color: var(--main-c-botonnormal) !important;
  height: 30px;
  width: 40px;
}

.btn-peqbuscar:hover {
  color: var(--main-l-headtable) !important;
  background-color: var(--main-c-headtable) !important;
  transform: translateY(-1px);
}

.btn-catalogo {
  color: var(--main-l-botonnormal) !important;
  background-color: var(--main-c-botonnormal) !important;
  height: 34px;
  width: 95px;
}

.btn-catalogo:hover {
  color: var(--main-hl-botonnormal) !important;
  background-color: var(--main-h-botonnormal) !important;
  transform: translateY(-1px);
}

.btn-catalogoX {
  color: var(--main-hl-botonnormal) !important;
  background-color: var(--main-h-botonnormal) !important;
  height: 34px;
  width: 95px;
}

.btn-confirmar {
  color: var(--main-l-botonconfirmar) !important;
  background-color: var(--main-c-botonconfirmar) !important;
  width: 95px;
  height: 34px;
}

.btn-confirmar:hover {
  color: var(--main-hl-botonconfirmar) !important;
  background-color: var(--main-h-botonconfirmar) !important;
  transform: translateY(-1px);
}

.btn-normal {
  color: var(--main-l-botonnormal) !important;
  background-color: var(--main-c-botonnormal) !important;
  height: 34px;
  width: 95px;
}

.btn-normal:hover {
  color: var(--main-hl-botonnormal) !important;
  background-color: var(--main-h-botonnormal) !important;
  transform: translateY(-1px);
}

/* --------------------------------
 * LOGOS
 * -------------------------------- */

.tamLogoMenu {
  width: 60%;
  margin-top: 10px;
  background-color: white;
  border-radius: 50%;
}

.tamLogoLogin {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 250px;
}

tbody:before,
tbody:after {
  display: none !important;
}

/* --------------------------------
 * MODAL FULLSCREEN
 * -------------------------------- */

.fullscreen-modal .modal-dialog {
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .fullscreen-modal .modal-dialog {
    width: 1170px;
  }
}

.hide_block {
  display: none !important;
}

.display_block {
  display: block !important;
}

ul.nav-tabs li.active {
  background-color: var(--logo-azul);
}

/*----------------------------*\
  PRODUCT
\*----------------------------*/

.product {
  position: relative;
  margin: 15px 0;
  box-shadow: 0 0 0 1px #E5E7EB;
  border-radius: var(--radius-md);
  background-color: #ffffff;
  overflow: hidden;
  transition: var(--transition-fast);
}

.product:hover {
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

.product .product-img {
  position: relative;
  border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
  border: none;
  overflow: hidden;
}

.product .product-img>img {
  width: 100%;
  display: block;
  transition: transform 0.25s ease-out;
}

.product:hover .product-img>img {
  transform: scale(1.03);
}

.product .product-img .product-label {
  position: absolute;
  top: 12px;
  right: 12px;
}

.product .product-img .product-label>span {
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 3px 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.product .product-img .product-label>span.sale {
  background-color: #FFF;
  border-color: #B03030;
  color: #B03030;
}

.product .product-img .product-label>span.new {
  background-color: var(--logo-azul);
  border-color: var(--logo-azul);
  color: #FFF;
}

.product .product-body {
  position: relative;
  padding: 14px 14px 16px;
  background-color: #FFF;
  text-align: left;
  z-index: 20;
}

.product .product-body .product-category {
  text-transform: uppercase;
  font-size: 11px;
  color: #9CA3AF;
  letter-spacing: 0.08em;
}

.product .product-body .product-name {
  text-transform: none;
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 6px;
}

.product .product-body .product-name>a {
  font-weight: 600;
  color: var(--logo-azul);
}

.product .product-body .product-name>a:hover,
.product .product-body .product-name>a:focus {
  color: var(--logo-azul-claro);
}

.product .product-body .product-price {
  color: var(--logo-azul);
  font-size: 18px;
  font-weight: 700;
}

.product .product-body .product-price .product-old-price {
  font-size: 12px;
  font-weight: 400;
  color: #9CA3AF;
  text-decoration: line-through;
  margin-left: 6px;
}

.product .product-body .product-rating {
  position: relative;
  margin: 10px 0 6px;
  height: 20px;
}

.product .product-body .product-rating>i {
  position: relative;
  width: 14px;
  margin-right: -4px;
  background: #FFF;
  color: #E4E7ED;
  z-index: 10;
}

.product .product-body .product-rating>i.fa-star {
  color: #B03030;
}

.product .product-body .product-rating:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 1px;
  background-color: #E5E7EB;
}

.product .product-body .product-btns>button {
  position: relative;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: transparent;
  border: none;
  border-radius: 999px;
  transition: var(--transition-fast);
}

.product .product-body .product-btns>button:hover {
  background-color: #F3F4F6;
  color: var(--logo-azul);
}

.product .product-body .product-btns>button .tooltipp {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -15px);
  width: 150px;
  padding: 8px;
  font-size: 11px;
  line-height: 10px;
  background: var(--logo-azul);
  color: #FFF;
  text-transform: uppercase;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-fast);
  border-radius: 999px;
}

.product .product-body .product-btns>button:hover .tooltipp {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -5px);
}

.product .add-to-cart {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 12px 15px;
  background: var(--logo-azul);
  text-align: center;
  transform: translateY(0%);
  transition: var(--transition-fast);
  z-index: 2;
}

.product:hover .add-to-cart {
  transform: translateY(100%);
}

.product .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #ffffff;
  color: var(--logo-azul);
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 999px;
  transition: var(--transition-fast);
}

.product .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: var(--logo-azul);
  opacity: 0;
  visibility: hidden;
}

.product .add-to-cart .add-to-cart-btn:hover {
  background-color: #B03030;
  color: #ffffff;
  border-color: #B03030;
  padding: 0 30px 0 50px;
}

.product .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

/*----------------------------*\
  PRODUCT WIDGET
\*----------------------------*/

.product-widget {
  position: relative;
}

.product-widget+.product-widget {
  margin: 30px 0;
}

.product-widget .product-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

.product-widget .product-img>img {
  width: 100%;
}

.product-widget .product-body {
  padding-left: 75px;
  min-height: 60px;
}

.product-widget .product-body .product-category {
  text-transform: uppercase;
  font-size: 10px;
  color: #9CA3AF;
}

.product-widget .product-body .product-name {
  text-transform: none;
  font-size: 12px;
}

.product-widget .product-body .product-name>a {
  font-weight: 600;
  color: var(--logo-azul);
}

.product-widget .product-body .product-name>a:hover,
.product-widget .product-body .product-name>a:focus {
  color: var(--logo-azul-claro);
}

.product-widget .product-body .product-price {
  font-size: 14px;
  color: var(--logo-azul);
}

.product-widget .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #9CA3AF;
}

.product-widget .product-body .product-price .qty {
  font-weight: 400;
  margin-right: 10px;
}

.product-widget .delete {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 10px;
  padding: 0;
  background: var(--logo-azul);
  border: none;
  color: #FFF;
}

/*----------------------------*\
  PRODUCTS SLICK
\*----------------------------*/

.products-slick .slick-list {
  padding-bottom: 60px;
  margin-bottom: -60px;
  z-index: 2;
}

.products-slick .product.slick-slide {
  margin: 15px;
}

.products-tabs>.tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: hidden;
  padding-bottom: 60px;
  margin-bottom: -60px;
}

.products-tabs>.tab-pane.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.products-slick-nav {
  position: absolute;
  right: 15px;
  z-index: 10;
}

.products-slick-nav .slick-prev,
.products-slick-nav .slick-next {
  position: static;
  transform: none;
  display: inline-block !important;
  margin: 0 10px;
}

.products-slick-nav .slick-prev:before,
.products-slick-nav .slick-next:before {
  font-size: 14px;
}

/* efecto blink */
blink {
  -webkit-animation: 2s linear infinite condemned_blink_effect;
  animation: 2s linear infinite condemned_blink_effect;
}

@-webkit-keyframes condemned_blink_effect {
  0% { visibility: hidden; }
  50% { visibility: hidden; }
  100% { visibility: visible; }
}

@keyframes condemned_blink_effect {
  0% { visibility: hidden; }
  50% { visibility: hidden; }
  100% { visibility: visible; }
}

/*=========================================================
  07 -> PRODUCTS PAGE
===========================================================*/

.filter-sidebar {
  position: sticky;
  top: 10px;
}

.filter-group {
  margin-bottom: 15px;
}

.filter-title {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.sidebar-hidden {
  display: none;
}

.dropdown-menu>li>a {
  padding: 6px 15px;
}

.dropdown-menu>li>a .fa {
  margin-right: 6px;
}

#btnExportExcel.disabled {
  pointer-events: none;
  opacity: 0.7;
}