/* BUSCADOR PREDICTIVO */

/* caja dropdown */
.q-predictivo{
  position:absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  z-index: 9999;
  overflow:hidden;
  display:none;
}

/* item */
.q-item{
  display:flex;
  gap:10px;
  padding:10px 12px;
  text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.06);
  align-items:center;
}

.q-item:last-child{ border-bottom:none; }
.q-item:hover{ background:#f6f7f9; }

/* categoría destacada */
.q-item--cat{
  background:#d7ebcf;
  font-weight:600;
}
.q-item--cat:hover{ background:#d7ebcf; }

.q-muted{ opacity:.7; }
.q-strong{ font-weight:800; }

.q-code{
  min-width:78px;
  font-weight:800;
  white-space:nowrap;
}
.q-text{
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* CHECKOUT */
.alert-info {
    color: #055160;
    background-color: #f2fff2;
    border-color: #377a35;
}

/* =========================
   Estado seleccionado (ENVÍOS y PAGOS)
   ========================= */

#bloqueEnvios .payment__history--link.is-active,
#bloquePagos  .payment__history--link.is-active{
  background-color: #d3f5d2;           /* verde claro */
  border-color: #377a35;               /* verde marca */
  color: #1f4d1e;                      /* texto más oscuro */
  font-weight: 600;
  box-shadow: 0 0 0 2px rgba(55,122,53,.15);
}

/* Hover coherente */
#bloqueEnvios .payment__history--link:hover,
#bloquePagos  .payment__history--link:hover{
  background-color: #e6ffe5;
  border-color: #377a35;
}

/* Estado normal (para asegurar contraste) */
#bloqueEnvios .payment__history--link,
#bloquePagos  .payment__history--link{
  background-color: #fff;
  border: 1px solid #ccc;
  color: #222;
  transition: all .2s ease;
}

#bloqueEnvios .payment__history--link.is-active::after,
#bloquePagos  .payment__history--link.is-active::after{
  content: "✓";
  margin-left: 8px;
  font-weight: 700;
}

/* =========================
   Vaciar carrito - alineación
   ========================= */

/* Desktop: a la derecha */
.continue__shopping_pc {
  justify-content: flex-end !important;
}

/* Mobile: centrado */
@media (max-width: 768px){
  .continue__shopping{
    justify-content: center !important;
  }

  .continue__shopping--clear{
    text-align: center;
    font-size: 18px;
  }
}

/* =========================
   CART – Zebra rows (UX mobile)
   ========================= */

/* Base: todas blancas (desktop queda igual) */
.cart__table--body__items {
  background: #fff;
}

/* Alternar color por fila */
.cart__table--body__items:nth-child(odd) {
  background: #f3faf6; /* verde muy suave */
}

/* Separación visual clara entre productos */
.cart__table--body__items {
  border-radius: 8px;
  margin-bottom: 12px;
}

/* En mobile reforzamos un poco más */
@media (max-width: 768px) {

  .cart__table--body__items {
    padding: 12px 8px;
  }

  .cart__table--body__items:nth-child(odd) {
    background: #eef8f2;
  }

  .cart__table--body__items:nth-child(even) {
    background: #ffffff;
  }

  /* Para que se sienta “bloque de producto” */
  .cart__table--body__items td {
    border: none;
  }

  /* borde claro */
    .cart__table--body__items {
      border: solid 1px #eee;
    }
}

/* MODAL AGREGAR AL CARRITO */
.cartmodal{
  position:fixed;
  inset:0;
  z-index:99999;

  /* animación */
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}

.cartmodal.is-open{
  opacity:1;
  pointer-events:auto;
}

/* Overlay */
.cartmodal__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);

  opacity:0;
  transition:opacity .25s ease;
}

.cartmodal.is-open .cartmodal__overlay{
  opacity:1;
}

/* Dialog */
.cartmodal__dialog{
  position:relative;
  width:min(980px, 92vw);
  margin:6vh auto 0;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.35);

  /* animación */
  transform:translateY(20px) scale(.98);
  opacity:0;
  transition:transform .25s ease, opacity .25s ease;
}

.cartmodal.is-open .cartmodal__dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}

.cartmodal__topbar{
  background:#43b05c;
  color:#fff;
  padding:14px 18px;
  font-weight:600;
  text-align:center;
}

.cartmodal__close{
  position:absolute;
  right:10px;
  top:8px;
  width:38px;
  height:38px;
  border-radius:50%;
  border:0;
  background:#111;
  color:#fff;
  font-size:22px;
  line-height:38px;
  cursor:pointer;
}

.cartmodal__content{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:24px;
  padding:26px;
  align-items:center;
}

.cartmodal__imgwrap{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  border:1px solid #e7e7e7;
  border-radius:8px;
}

.cartmodal__imgwrap img{
  max-width:100%;
  max-height:260px;
  object-fit:contain;
}

.cartmodal__name{
  font-size:30px;
  margin:0 0 8px;
}

.cartmodal__msg{
  margin:0 0 18px;
  color:#777;
}

.cartmodal__actions{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:360px;
}

.cartmodal__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  border-radius:24px;
  border:0;
  text-decoration:none;
  cursor:pointer;
  font-weight:600;
}

.cartmodal__btn--ghost{
  background:#43b05c;
  color:#fff;
}

.cartmodal__btn--solid{
  background:#111;
  color:#fff;
}

@media (max-width: 760px){
  .cartmodal__content{ grid-template-columns:1fr; }
  .cartmodal__actions{ max-width:100%; }
  .cartmodal__name{ font-size:24px; }
}
/* FIN MODAL AGREGAR AL CARRITO */

/* MENU EN PC DE CATEGORIAS */
/* ===========================================
   CATEGORÍAS PC: Submenú a la derecha en 1 columna
   (sin mega menú 3 columnas)
   =========================================== */
@media (min-width: 992px){

  /* El UL del submenu: una sola columna */
  .categories__submenu.style2{
    display: block !important;      /* pisa d-flex */
    width: 360px;                   /* ajustá a gusto */
    min-width: 320px;
    max-width: 420px;
    padding: 14px 16px;
  }

  /* Cada subcategoría como bloque vertical */
  .categories__submenu.style2 > .categories__submenu--items{
    display: block !important;
    width: 100% !important;
    flex: none !important;
    margin: 0 0 12px 0;
  }

  /* Título en negrita (ya lo tenés) + separación */
  .categories__submenu--items__text{
    display: block;
    padding: 6px 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  /* Lista de “nietos” debajo del título (igual que ahora) */
  .categories__submenu--child{
    display: block !important;
    margin: 8px 0 0 0;
    padding: 0;
  }

  .categories__submenu--child__items{
    margin: 0;
    padding: 0;
  }

  .categories__submenu--child__items--link{
    display: block;
    padding: 4px 0;
    opacity: .9;
  }

  /* Opcional: que el panel no quede enorme si hay muchas subcats */
  .categories__submenu.style2{
    max-height: 70vh;
    overflow: auto;
  }
}

  /* Quitamos la línea que hoy queda pegada al título */
  .categories__submenu--items__text{
    border-bottom: 0 !important;
    padding-bottom: 4px;
    margin-bottom: 6px;
  }

  /* Cada subcategoría (bloque) separada por un divisor al final */
  .categories__submenu.style2 > .categories__submenu--items{
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  .categories__submenu.style2 > .categories__submenu--items:last-child{
    border-bottom: 0;
  }

  /* Si tiene hijos: agrupamos visualmente */
  .categories__submenu--items .categories__submenu--child{
    margin-top: 6px;
    margin-bottom: 8px;
    padding: 8px 0 8px 12px;
    border-left: 3px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.02);
    border-radius: 8px;
  }

  /* Links de los hijos más “subordinados” */
  .categories__submenu--child__items--link{
    padding: 4px 0;
    font-size: 14px;
    opacity: .90;
  }

  /* Opcional: un bullet sutil para que se note que son hijos */
  .categories__submenu--child__items{
    position: relative;
    padding-left: 10px;
  }
  .categories__submenu--child__items::before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    opacity: .35;
    top: 8px;
  }

  /* Opcional: hover para que se lea mejor al pasar */
  .categories__submenu--items__text strong{
    display: inline-block;
  }
  .categories__submenu--child__items--link:hover{
    opacity: 1;
    text-decoration: underline;
  }

/* FIN MENU EN PC DE CATEGORIAS */

/* PERFIL PRODUCTO */
.product__details--info__meta--compat{
  margin: 6px 0 0;
  padding-left: 18px;
}
.product__details--info__meta--compat--item{
  list-style: none;
  margin: 8px 0;
  position: relative;
}
.product__details--info__meta--compat--item::before{
  content: "-";
  position: absolute;
  left: -14px;
}

.product__details--specs .blog-widget-title{
  margin-bottom: 12px;
}

.product__specs{
    background: #f7f7f7;
    padding: 5px 20px;
    border-radius: 10px;
}

.product__specs--row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 9px 0;
  border-bottom: 1px solid rgb(49 155 30 / 45%);
}

.product__specs--row:last-child{
  border-bottom: none;
}

.product__specs--label{
  font-weight: 600;
  color: #222;
}

.product__specs--value{
  color: #555;
}

.product__details--info {
    border: 1px solid #458e2247;
    border-radius: 10px;
    padding: 20px;
}

/* AJUSTES DE SELECT BOOTSTRAP - IW */

/* Botón visible del select */
.search__filter--select .bootstrap-select > .dropdown-toggle {
    font-size: 1.6rem;
}

/* Texto seleccionado */
.search__filter--select .bootstrap-select .filter-option-inner-inner {
    font-size: 1.5rem;
    line-height: 4rem;
}

.bootstrap-select .dropdown-menu li {
    font-size: 12px;
    margin-top: 4px;
    white-space: normal;
    word-break: break-word;
}

.dropdown-item {
    font-weight: 500 !important;
}

/* Quitar fondo y borde del botón bootstrap-select */
.search__filter--select 
.bootstrap-select > .dropdown-toggle {
    background: unset !important;
    border: unset !important;
    box-shadow: none !important;
}

.search__filter--select 
.bootstrap-select > .dropdown-toggle:focus,
.search__filter--select 
.bootstrap-select > .dropdown-toggle:hover,
.search__filter--select 
.bootstrap-select.show > .dropdown-toggle {
    background: unset !important;
    border: unset !important;
    box-shadow: none !important;
}

/* Wrapper del plugin a 100% */
.search__filter--select .bootstrap-select {
    width: 100% !important;
    display: block !important;
    padding: 0 10px !important;
}

/* Menú a 100% */
.search__filter--select .bootstrap-select .dropdown-menu {
    width: 100% !important;
    min-width: 100% !important;
    left: -10px !important;
}

/* Evita "doble texto" y overflow */
.search__filter--select .bootstrap-select .filter-option {
    display: block !important;
    overflow: hidden;
}

.search__filter--select .bootstrap-select .filter-option-inner,
.search__filter--select .bootstrap-select .filter-option-inner-inner {
    display: block !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search__filter--select .bootstrap-select > .dropdown-toggle {
    background: var(--body-background-color) !important;
    height: 3.8rem;
    padding: 0 !important;
    border-radius: 5px;
    font-size: 2rem;
    box-shadow: none !important;
    width: 100% !important;
}

/* Quitar borde/outline negro al seleccionar una opción */
.search__filter--select 
.bootstrap-select > .dropdown-toggle:focus,
.search__filter--select 
.bootstrap-select > .dropdown-toggle:active,
.search__filter--select 
.bootstrap-select.show > .dropdown-toggle {
    outline: none !important;
    box-shadow: none !important;
}

/* El campo nunca puede ser más ancho que la pantalla */
.search__filter--select select {
    max-width: calc(100vw - 24px);
}

/* Forzar que el texto largo no estire el popup */
.search__filter--select select option {
    white-space: normal;        /* permite salto de línea */
    word-break: break-word;     /* corta palabras largas */
}

.bs-searchbox .form-control {
    font-size: 14px !important;
}

.bootstrap-select .dropdown-menu li a {
    font-size: 14px;
}

.search__filter--select .bootstrap-select .filter-option-inner-inner {
    color: #000;
}

/* FIN - AJUSTES DE SELECT BOOTSTRAP - IW */

/* Helpers propios (NO globales del template) */
.iw-hidden {
  display: none !important;
}

/* LISTADO */

/* loading */
/* Overlay */
.listado-loading {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}

/* Capa que “apaga” la página (opacidad 0.6) */
.listado-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
}

/* Spinner centrado */
.listado-loading__spinner {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 6px solid rgba(0, 0, 0, 0.12);
  border-top-color: rgba(0, 0, 0, 0.65);
  animation: listadoSpin 0.9s linear infinite;
}

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

.price__filter--form__inner { gap: 10px; }
.price__filter--group { min-width: 0; } /* clave en flex */
.price__filter--input__field { width: 100%; max-width: 100%; box-sizing: border-box; }

/* FIN LISTADO */


.box_blanco {
    background-color: #fff;
    padding: 10px 15px !important;
    border-radius: 10px;
    box-shadow: 0px 2px 3px 0px rgba(234, 234, 234, 1);
}
.slide_titulo {
    font-size: 36px !important;
}
.logo_tienda {
    max-height: 250px;
    min-height: 120px;
    max-width: 500px;
}
.img-product-carrito {
    width: 72px;
    float: left;
    margin-left: 8px;
    margin-right: 5px;
    line-height: 63px;
}
.name-product-carrito {
    font-size: 15px;
    color: #484848;
    padding-top: 20px;
    line-height: 24px;
}
.price-carrito {
    color: #989898;
    font-size: 16px;
}
.quanlity-carrito {
    min-width: 40px;
    padding: 5px;
}
.total-carrito {
    color: #000;
    font-size: 20px;
    font-family: 'Nunito';
    text-align: center;
}

.menu-texto_cat {
    float: left;
    line-height: 55px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    color:#fff;
    left: -20px;
}

.cart_anchor{ 
    float:right; 
    vertical-align:top; 
    background: url('../images/icons/cart.png') no-repeat center center / 100% auto;
    width: 50px;
    height: 50px; 
    margin-bottom: 50px;
}
.letra-luxury {
    font-family: 'luxury' !important;
    text-transform: uppercase !important;
}
.perfil-cat {
    padding: 15px 10px;
    background: #4DB7FE;
    border-radius: 6px;
    margin-bottom: 6px;
}
.titulo-web {
    font-size: 24px;
    color: #0618f8;
}
.boton_buscar_tienda {
    display: inline-block;
    padding: 0px 27px 0 27px;
    height: 48px;
    line-height: 42px;
    font-size: 14px;
    color: #ffffff;
    background: #e5e5e5;
    border-radius: 30px;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.pad-cel {
    padding-top: 80px !important;
} 
.ancho-precio-oferta-inicio {
    max-width: 160px;
}
.alto-max-60 {
    max-height: 60px !important;
}
.alto-max-45 {
    max-height: 45px !important;
}
.alto-max-210 {
    max-height: 210px !important;
}
.fijar-menu {
    position: fixed !important;
    width: 100% !important;
    z-index: 1001 !important;
}
.text-color-plata {
    color: #c4cac6 !important;
}
.menu-lateral-cel-cerrar {
    margin-top: 15px !important;
    margin-right: 15px !important;
}
.text-mayus {
    text-transform: uppercase !important;
}
.footer-forma-pago {
    max-width: 130px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    margin-top: 5px;
}
.select-style {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0.67rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #818181;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dddddd;
    border-radius: 1.4rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fondo-color-plata {
    background-color: #c4cac6 !important;
}
.fondo-gris-claro {
    background-color: #e8e8e8 !important;
}
.fondo-color-azul {
    background-color: #0618f8 !important;
}
.texto-color-azul {
    color: #0618f8 !important;
}
.fondo-azul-footer {
    background-color: #07107d !important;
}
.dashboard-message-text-perfil {
	text-align: left;
    color: #fff;
    font-size: 14px;
    /* line-height: 24px; */
    position: relative;
    /* top: 8px; */
    display: block;
    font-weight: 600;
}
.list-single-main-item-title-perfil {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding: 18px 30px;
    position: relative;
}
.lateral-header-der {
    padding-right: 20px !important;
}
.lateral-header-izq {
    padding-left: 20px !important;
}
.top-0 {
	margin-top: 0 !important;
}
.text-center-buscador {
    text-align: center !important;
}
.portada-servicio-ajuste {
    background-position-y: center !important;
}

.fuerza-texto-600 {
    font-weight: 600 !important;
}
.fuerza-texto-300 {
    font-weight: 300 !important;
}
.top-40 {
	margin-top: 40px !important;
}
.hr-header {
    border: 2px solid #e2c94c;
    height: 0;
    margin: 0;
}
.hr-modal {
    border: 1px solid #e9ecef;
    height: 0;
    margin: 10px 10px 20px 10px;
}
.bot-0 {
    margin-bottom: 0;
}
.modal-buscador {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  border-radius: 10px;
  padding: 20px 40px;
}
.modal-terminos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  border-radius: 10px;
  background-color: #fff;
}
.logo-modal-buscador {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -50%);
  width: 400px;
}
.top-30 {
    margin-top: 30px !important;
}
.top-20 {
    margin-top: 20px !important;
}
.top-15 {
    margin-top: 15px !important;
}
.top-5 {
    margin-top: 5px !important;
}
.top-10 {
    margin-top: 10px !important;
}

.top-12-pad {
    padding: 12px 0 !important;
}
.margen-listado {
    margin-left: 10px !important;
    margin-right: 10px !important; 
}
.margen-lateral-0 {
    margin-left: 0px !important;
    margin-right: 0px !important; 
}
.margen-lateral-10 {
    margin-left: 10px !important;
    margin-right: 10px !important; 
}
.padding-lateral-10 {
    padding-left: 10px !important;
    padding-right: 10px !important; 
}
.padding-10 {
    padding: 10px !important;
}
.alto-linea-38 {
    line-height: 38px !important;
}
.ancho-img-oferta-lista {
    max-width: 100px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}
.mar-derecha-5 {
    margin-right: 5px !important;
}
.mar-derecha-75 {
    margin-right: 75px !important;
}

.texto-p {
    color: #878C9F;
    font-size: 13px;
    font-weight: 500;
}
.altura-total {
    height: 100% !important;
}
.h3-texto {
    color: #566985 !important;
    padding: 5px 0;
}
.verified-badge-perfil  {
    background: #5ECFB1;
    display: inline-table;
    margin-left:5px;
    width:22px;
    height:22px;
    line-height:22px;
    border-radius:100%;
    color:#fff;
    font-size:12px;
    text-align:center;
    font-weight:900;
    position:relative;
    top:-4px;
}
.verified-badge-izq  {
    background: #5ECFB1;
    display: inline-table;
    margin-right:5px;
    width:18px;
    height:18px;
    line-height:18px;
    border-radius:100%;
    color:#fff;
    font-size:10px;
    text-align:center;
    font-weight:900;
    position:relative;
    top:-2px;
}
.verified-badge-izq-small  {
    background: #5ECFB1;
    display: inline-table;
    margin-right:3px;
    width:14px;
    height:14px;
    line-height:14px;
    border-radius:100%;
    color:#fff;
    font-size:8px;
    text-align:center;
    font-weight:900;
    position:relative;
    top:-2px;
}
.icon-fav-guardado {
    font-weight: 900;
    color: #4DB7FE;
}

.color-titulo {
    color: #566985 !important;
}

.color-verde {
    color: #5ECFB1  !important;
}

.color-blanco {
    color: #fff  !important;
}
.img-perfil-foto {
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    width: 70% !important;
    border-radius: 10px;
}

.perfil-subtit {
    line-height: 16px;
    margin-top: 10px
}

.sutit-pestana-perfil {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    color: #566985;
    margin-bottom: 20px;
}

.no-mostrar {
    display: none;
}
.ancho-max-250 {
    max-width: 250px !important;
}
.ancho-max-publi-recomend {
    max-width: 400px !important;
}
.color-rojo {
    color: #F75C96  !important;
}
.h3-listado {
    font-size: 30px !important;
}
.altura-max-300 {
    max-height: 300px;
}
.altura-200 {
    height: 203px !important;
}
.altura-60 {
    height: 60px !important;
}
.corona-titulo {
    vertical-align: sub !important;
    height: 70px !important;
}
.altura-250 {
    height: 254px !important;
}
.altura-min-500 {
    min-height: 500px;
}

.altura-550 {
    height: 550px;
}
.altura-10 {
    height: 10px;
}
.altura-700 {
    height: 700px !important;
}
.mapaicon {
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    width: 100%;
    top: 13px;
    left: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 100;
}
.float {
    position:fixed;
    width:60px;
    height:60px;
    bottom:30px;
    left:30px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.btn_whats {
    position:fixed;
    bottom:110px;
    right:12px;
    z-index:100;
}
.altura-50 {
    height: 50px !important;
}
.en_misma_linea {
    display: inline;
    vertical-align:middle;
}
.my-float {
    margin-top:16px;
}
.font-36 {
    font-size: 36px !important;
}
.font-25 {
    font-size: 25px !important;
}
.font-22 {
    font-size: 22px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-12 {
    font-size: 12px !important;
}
.font-10 {
    font-size: 10px !important;
}
.altura-linea-20 {
    line-height: 20px !important;
}
.altura-linea-22 {
    line-height: 22px !important;
}
.altura-linea-16 {
    line-height: 16px !important;
}
.altura-linea-5 {
    line-height: 5px !important;
}
.font-14 {
    font-size: 14px !important;
}
.bg-azul-4 {
    background-color: #e1e4f1 !important;
}
.titulo-listado {
    font-weight: 500;
    font-size: 20px;
    color: #566985;
    padding-top: 8px;
}

.mostrando-listado {
    font-size: 12px;
    color: #999;
    font-weight: 600;
}
.pad-izq-5 {
    padding-left: 5px;
}
.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.altura-100 {
    height: 100px;
}
.altura-min-40 {
    min-height: 40px;
}
.btn-buscador {
    min-width: unset;
}
.listado-noresult {
    margin-top: 60px;
    padding: 0 15px !important;
    float: left;
    width: 100%;
    margin-bottom: 45px
}
.no-fondo {
    background-color: unset !important;
}
.altura-260 {
    height: 260px;
}
.margin-20-35 {
    margin: 20px 15px;
}
.margin-10 {
    margin: 10px;
}
.margin-5 {
    margin: 5px;
}
.margin-0 {
    margin: 0 !important;
}
.altura-300 {
    height: 300px !important;
}
.logo-header {
    width: 250px !important;
}
.logo-header-lateral {
    width: 220px !important;
}
.logo-footer {
    width: 280px !important;
}
.texto-publi {
    font-size: 9px !important;
    align-items: center !important;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    color: #999 !important;
    text-align: center !important;
}
.altura-520 {
    height: 520 !important;
}

.insignia-destacado {
    font-size: 15px;
    font-weight: 500;
}

.texto-terminos {
    text-align: left;
    color: #878C9F;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 10px;
}
.texto-terminos-titulo {
    width: 100%;
    color: #0618f8;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
    align-items: left !important;
}
.fondo-modal-buscador {
    background-color: rgba(13, 13, 13, 0.6);
}
.bloque-publicidad {
    background: #0d0d0d;
    border-radius: 10px;
    border: 1px solid #e5e7f2
}
.pad-top-bt {
    padding: 40px 10px;
}
.borde-dorado {
    border: solid 1px #f7db53;
}
.borde-azul-publi {
    border: solid 2px #0618f8;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.borde-producto {
    border: 1px solid #eaeaea !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.img-ancho-50 {
    max-width: 80%;
}
.img-cuadrada-470 {
    min-width: 470px;
    max-width: 470px;
}
.texto-color-clasico {
    color: #f3f3f3 !important;
}
.texto-color-blanco {
    color: #fff !important;
}
.fondo-lista-ofertas {
    background-color: #f0f3f7 !important;
}
.texto-color-dorado {
    color: #f7db53 !important;
}
.texto-color-oscuro {
    color: #1e2022 !important;
}
.texto-color-verde {
    color: #00c9a7 !important;
}
.texto-color-rojo {
    color: #de4437 !important;
}

.borde-clasico {
    border: solid 1px #9d9d9d;
}
.fondo-gradient-img-classy {
    background: linear-gradient(to bottom, rgba(226,201,76,0) 50%,rgba(204,175,34,0.95) 100%);
}
.fondo-gradient-img-clasica {
    background: linear-gradient(to bottom, rgba(243,243,243,0) 50%,rgba(0,0,0,0.95) 100%);
}
.fondo-modal-terminos {
    background-color: #e9ecef;
    margin: 0;
    padding: 20px 20px;
    border-radius: 10px;
}
.titulo-modal-terminos {
    color: #484848;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}
.pad-bot-60 {
    padding-bottom: 60px;
}
.pad-20 {
    padding: 20px;
}
.pad-10 {
    padding: 10px;
}
.img-escort {
    padding: 10px !important;
    background-color: #0d0d0d;
}
.fondo-oscuro {
    background-color: #1e2022 !important;
}
.pad-top-40 {
    padding-top: 40px !important;
}
.pad-top-120 {
    padding-top: 120px !important;
}
.pad-top-20 {
    padding-top: 20px !important;
}
.pad-top-10 {
    padding-top: 10px !important;
}
.sombra-titulo-tarjeta {
    text-shadow: 2px 2px #333;
}
.pad-top-0 {
    padding-top: 0px !important;
}
.pad-bot-40 {
    padding-bottom: 40px !important;
}
.pad-bot-20 {
    padding-bottom: 20px !important;
}
.pad-bot-10 {
    padding-bottom: 10px !important;
}
.btn_compartir_facebook {
    font-size: 20px;
    color: #fff;
    background-color: #3b5998;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

}
.btn_compartir_twitter {
    font-size: 20px;
    color: #fff;
    background-color: #55acee;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

}
.btn_compartir_whatsapp {
    font-size: 20px;
    color: #fff;
    background-color: #25d366;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

}
.btn_compartir_email {
    font-size: 20px;
    color: #fff;
    background-color: #666;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

}
.form-sus {
    float: left;
    width: 100%;
    position: relative;
    border: none;
    outline: 0;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
.ancho-100 {
    width: 100% !important;
}
.ancho-60 {
    width: 60px !important;
}
.ancho-80 {
    width: 80px !important;
}
.ancho-150 {
    width: 150px !important;
}
.borde-bottom {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.pad-20 {
    padding: 20px;
}
.fondo-verde {
    background: #5ECFB1;
}
.fondo-rojo {
    background: #F75C96;
}
.borde-redondo-10 {
    border-radius: 10px;
}
.borde-redondo-5 {
    border-radius: 5px !important;
}
.etiqueta-btn-perfil {
    padding: 4px 12px;
    font-size: 11px;
    color: #5ecfb1;
    border-radius: 4px;
    background: #f9f9f9;
}
.banner-perfil {
    border-radius: 5px;
    margin: 5px 5px 15px 5px;
    width: 95%;
}
.pad-left-0 {
    padding-left: 0 !important;
}
.pad-left-10 {
    padding-left: 10px !important;
}
.mar-top-20 {
    margin-top: 20px !important;
}
.mar-top-10 {
    margin-top: 10px !important;
}

.cursor-def {
    cursor: default !important;
}
.recuadro-pago {
    background: #fff;
    border-radius: 6px;
    padding: 20px 20px;
}
.recuadro-similares {
    border: solid 1px #eee;
    border-radius: 5px;
    padding: 2px 2px;
    box-shadow: 0 10px 15px rgba(0,0,0,0.06);
}

.boton-pagar {
    background: #4DB7FE;
    padding: 0 22px;
    position: relative;
    height: 40px;
    top: 20px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    transition: all .2s ease-in-out;
    box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.1);
}

.right-0 {
    right: 0 !important;
}

.mar-bot-20 {
    margin-bottom: 20px !important;
}
.mar-bot-10 {
    margin-bottom: 10px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.pad-0 {
    padding: 0 !important;
}

.mar-left-0 {
    margin-left: 0 !important;
}

.mar-left-17 {
    margin-left: 17% !important;
}

.mar-right-10 {
    margin-right: 10px !important;
}

.show-reg-form-perfil {
    float: left;
    margin-right: 0px;
    top: 0px;
}

.lado-derecho {
    float: right !important;
}

.lado-izquierdo {
    float: left !important;
}

.marg-der-40 {
    margin-right: 40px;
}

.fondo-respuesta {
    background-color: #fff !important;
}

.img-portada-perfil {
	max-height: 300px;
	max-width: 100%;
	border-radius: 10px;
	border: 1px solid #e5e7f2;
}

.photoUpload-perfil {
    position: relative;
    padding: 8px 0;
    border: 1px  dotted #e5e7f2;
    background: #F5F6FA;
    border-radius: 4px;
    font-size: 11px;
	margin:10px 0;
    cursor: pointer;
	overflow:hidden;
}

.dashboard-message-time-transacciones {
    padding-right: 10px !important;
    font-size: 12px !important;
}

.perfil-suscripcion {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.img-perfil-user {
    max-height: 300px;
    max-width: 100%;
    border-radius: 10px;
    border: 1px solid #e5e7f2;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: kt-get-color();
  border-radius: 0.25rem; }

  .progress2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: kt-get-color();
  border-radius: 0.25rem; }

  .progress3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: kt-get-color();
  border-radius: 0.25rem; }

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #5867dd;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      -webkit-transition: none;
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      -webkit-animation: none;
      animation: none; } }

  .bg-info {
  background-color: #5578eb !important; }

  .progress {
  background-color: #ebedf2; }
  .progress .progress-bar {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .progress.progress-sm {
    height: 6px; }
    .progress.progress-sm .progress-bar {
      border-radius: 3px; }
  .progress.progress-lg {
    height: 20px; }
    .progress.progress-lg .progress-bar {
      border-radius: 4px; }

/* RESPONSIVE */
@media screen and (max-width: 320px) {
    .btn-menu.style1 {
        top: 18px;
    }
    .slide_titulo {
        font-size: 18px !important;
    }   
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 280px !important;
    }
    .hidden-mini-cel {
        display: none !important;
    }
    .slider-ancho-cel {
        height: 700px !important;
    }
    .mini-cel-lateral-0 {
        margin-right: 0;
    }
    .menu-lateral-cel {
        left: -140px !important;
    }
    .right-logo-mobile-app {
        right: 60px !important;
    }
    .altura-100 {
        height: 140px !important;
    }
    .habilitar-link {
        z-index: 1;
    }
    .right-pest-60 {
        right: 10px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 40px !important;
    }
    .top-servicio-inicio {
        top: 10px !important;
    }
    .titulo-servicio-nombre {
        font-size: 20px !important;
    }
    .top-servicio {
        margin-top: 130px !important;
    }
    .modal-terminos {
        width: 85%;
        margin-top: 120px;
        margin-bottom: 20px;
    }
    .titulo-modal-terminos {
        font-size: 18px;
    }
    .modal-buscador {
        width: 320px;
        padding: 20px 20px;
    }
    .big {
        font-size: 30px;
    }
    .corona-titulo {
        height: 40px !important;
    }
    .lateral-header-der {
        padding-right: 0px !important;
    }
    .lateral-header-izq {
        padding-left: 0px !important;
    }
    .titulo-web {
        color: #c4cac6 !important;
        font-size: 16px;
    }
    .logo-header {
        width: 150px !important;
    }
    .ancho-img-oferta-lista {
        max-width: 100% !important;
    }
    .ancho-max-publi-recomend {
        max-width: 270px !important;
    }
    .ancho-precio-oferta-inicio {
        max-width: 100%;
    }
    .popup-image{
        width: 100% !important;
    }
    .color_subcat {
        color: #fff !important;
    }

    .name-product-carrito {
        font-size: 14px;
        color: #484848;
        padding-top: 20px;
        line-height: 24px;
    }
    .price-carrito {
        color: #989898;
        font-size: 14px;
    }
    .quanlity-carrito {
        min-width: 40px;
        padding: 5px;
    }
    .total-carrito {
        color: #000;
        font-size: 15px;
        font-family: 'Nunito';
        text-align: center;
    }
    .img-product-carrito {
        width: 42px;
        float: left;
        margin-left: 8px;
        margin-right: 5px;
        line-height: 63px;
    }
    .logo_tienda {
        max-height: 240px;
        min-height: 50px;
        max-width: 240px;
    }
    .menu-texto_cat {
        left: -10px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    .btn-menu.style1 {
        top: 20px;
    }
    .slide_titulo {
        font-size: 20px !important;
    }  
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 300px !important;
    }
    .altura-img {
        height: 222px !important;
    }
    .slider-ancho-cel {
        height: 700px !important;
    }
    .altura-portada {
        height: 249px !important;
    }
    .altura-portada-listado {
        height: 222px !important;
    }
    .destacado-inicio {
        margin-right: 60px !important;
        float: right;
    }
    .altura-pest {
        margin-top: -100px !important;
    }
    .left-pest-60 {
        left: 60px !important;
    }
    .right-pest-60 {
        right: 20px !important;
    }
    .hidden-xs {
        display: none !important;
    }
    .hidden-cel-chico {
        display: none !important;
    }
    .habilitar-link {
        z-index: 1;
    }
    .alto-titulo-calif {
        margin-top: 25px;
    }

    .titulo-listado {
        font-size: 30px !important;
    }
    .mostrando-listado {
        font-size: 15px !important;
    }
    .boton_pagar_top {
        margin-top: 0px !important;
    }
    .top-transaccion {
        top: 100px !important;
    }
    .top-servicio {
        margin-top: 130px !important;
    }
    .titulo-servicio-nombre {
        font-size: 24px !important;
    }
    .menu-lateral-cel {
        left: -90px !important;
    }
    .right-logo-mobile-app {
        right: 5px !important;
    }
    .altura-100 {
        height: 140px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 10px !important;
    }
    .modal-terminos {
        width: 85%;
        margin-top: 90px;
        margin-bottom: 20px;
    }
    .titulo-modal-terminos {
        font-size: 18px;
    }
    .big {
        font-size: 34px;
    }
    .corona-titulo {
        height: 45px !important;
    }
    .lateral-header-der {
        padding-right: 0px !important;
    }
    .lateral-header-izq {
        padding-left: 0px !important;
    }
    .titulo-web {
        color: #c4cac6 !important;
        font-size: 20px;
    }
    .logo-header {
        width: 200px !important;
    }
    .ancho-img-oferta-lista {
        max-width: 100% !important;
    }
    .ancho-max-publi-recomend {
        max-width:320px !important;
    }
    .ancho-precio-oferta-inicio {
        max-width: 100%;
    }
    .popup-image{
        width: 100% !important;
    }
    .color_subcat {
        color: #bfbfbf !important;
    }

    .name-product-carrito {
        font-size: 14px;
        color: #484848;
        padding-top: 20px;
        line-height: 24px;
    }
    .price-carrito {
        color: #989898;
        font-size: 14px;
    }
    .quanlity-carrito {
        min-width: 40px;
        padding: 5px;
    }
    .total-carrito {
        color: #000;
        font-size: 15px;
        font-family: 'Nunito';
        text-align: center;
    }
    .img-product-carrito {
        width: 42px;
        float: left;
        margin-left: 8px;
        margin-right: 5px;
        line-height: 63px;
    }
    .logo_tienda {
        max-height: 250px;
        min-height: 80px;
        max-width: 300px;
    }
    .menu-texto_cat {
        left: -15px;
    }

}

@media only screen and (min-width: 376px) and (max-width: 700px) {
    .btn-menu.style1 {
        top: 20px;
    }
    .slide_titulo {
        font-size: 24px !important;
    }  
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 350px !important;
    }
    .altura-img {
        height: 253px !important;
    }
    .slider-ancho-cel {
        height: 700px !important;
    }
    .altura-portada {
        height: 282px !important;
    }
    .altura-portada-listado {
        height: 253px !important;
    }
    .destacado-inicio {
        margin-right: 60px !important;
        float: right;
    }
    .altura-pest {
        margin-top: -80px !important;
    }
    .hidden-xs {
        display: none !important;
    }
    .habilitar-link {
        z-index: 1;
    }
    .alto-titulo-calif {
        margin-top: 25px;
    }
    .titulo-listado {
        font-size: 30px !important;
    }
    .mostrando-listado {
        font-size: 15px !important;
    }
    .boton_pagar_top {
        margin-top: 0px !important;
    }
    .top-transaccion {
        top: 110px !important;
    }
    .top-servicio {
        margin-top: 160px !important;
    }
    .titulo-servicio-nombre {
        font-size: 24px !important;
    }
    .menu-lateral-cel {
        left: -90px !important;
    }
    .right-logo-mobile-app {
        right: -20px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 5px !important;
    }
    .modal-terminos {
        width: 85%;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .titulo-modal-terminos {
        font-size: 20px;
    }
    .big {
        font-size: 36px;
    }
    .corona-titulo {
        height: 50px !important;
    }
    .lateral-header-der {
        padding-right: 0px !important;
    }
    .lateral-header-izq {
        padding-left: 0px !important;
    }
    .titulo-web {
        color: #c4cac6 !important;
        font-size: 22px;
    }
    .ancho-img-oferta-lista {
        max-width: 100% !important;
    }
    .ancho-max-publi-recomend {
        max-width: 370px !important;
    }
    .ancho-precio-oferta-inicio {
        max-width: 100%;
    }
    .popup-image{
        width: 100% !important;
    }
    .color_subcat {
        color: #fff !important;
    }
    .name-product-carrito {
        font-size: 14px;
        color: #484848;
        padding-top: 20px;
        line-height: 24px;
    }
    .price-carrito {
        color: #989898;
        font-size: 14px;
    }
    .quanlity-carrito {
        min-width: 40px;
        padding: 5px;
    }
    .total-carrito {
        color: #000;
        font-size: 15px;
        font-family: 'Nunito';
        text-align: center;
    }
    .img-product-carrito {
        width: 42px;
        float: left;
        margin-left: 8px;
        margin-right: 5px;
        line-height: 63px;
    }
    .logo_tienda {
        max-height: 250px;
        min-height: 90px;
        max-width: 300px;
    }
    .menu-texto_cat {
        left: -20px;
    }

}

@media only screen and (min-width: 701px) and (max-width: 999px) {
    .btn-menu.style1 {
        top: 20px;
    }
    ul.flat-infomation.style1 li.phone {
        padding-top: 22px;
    }
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 350px !important;
    }
    .altura-img {
        height: 463px !important;
    }
    .slider-ancho-cel {
        height: 900px !important;
    }
    .hidden-tablet {
        display: none !important;
    }
    .altura-portada {
        height: 510px !important;
    }
    .altura-portada-listado {
        height: 463px !important;
    }
    .hidden-md {
        display: none !important;
    }
    .habilitar-link {
        z-index: 1;
    }
    .boton_pagar_top {
        margin-top: 0px !important;
    }
    .top-transaccion {
        top: 35px !important;
    }
    .top-servicio {
        margin-top: 200px !important;
    }
    .titulo-servicio-nombre {
        font-size: 28px !important;
    }
    .menu-lateral-cel {
        left: -50px !important;
    }
    .right-logo-mobile-app {
        right: -90px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 5px !important;
    }
    .modal-terminos {
        width: 85%;
    }
    .titulo-modal-terminos {
        font-size: 20px;
    }
    .titulo-web {
    color: #c4cac6 !important;
    }
    .ancho-max-publi-recomend {
        max-width: 280px !important;
    }
    .color_subcat {
        color: #fff !important;
    }
    .name {
        font-size: 18px !important;
    }
    .item-image {
        margin: 0 !important;
        padding: 30px 15px !important;
        position: unset !important;
        display: block !important;
    }
    .logo_tienda {
        max-height: 250px;
        min-height: 120px;
        max-width: 400px;
    }
    .menu-texto_cat {
        left: -140px;
    }

}

@media only screen and (min-width: 1000px) and (max-width: 1064px) {
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 480px !important;
    }
    .altura-img {
        height: 306px !important;
    }
    .altura-portada {
        height: 335px !important;
    }
    .altura-portada-listado {
        height: 306px !important;
    }
    .hidden-md2 {
        display: none !important;
    }
    .habilitar-link {
        z-index: 1;
    }
    .boton_pagar_top {
        margin-top: -10px !important;
    }
    .top-transaccion {
        top: 90px !important;
    }
    .top-servicio {
        margin-top: 220px !important;
    }
    .titulo-servicio-nombre {
        font-size: 33px !important;
    }
    .menu-lateral-cel {
        left: -50px !important;
    }
    .right-logo-mobile-app {
        right: -90px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 5px !important;
    }
    .titulo-modal-terminos {
        font-size: 20px;
    }
    .titulo-web {
    color: #c4cac6 !important;
    }
}

@media only screen and (min-width: 1065px) and (max-width: 1279px) {
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 550px !important;
    }
    .altura-img {
        height: 188px !important;
    }
    .altura-portada {
        height: 277px !important;
    }
    .altura-portada-listado {
        height: 254px !important;
    }
    .hidden-pc {
        display: none !important;
    }
    .boton_pagar_top {
        margin-top: 20px !important;
    }
    .top-transaccion {
        top: 90px !important;
    }
    .top-servicio {
        margin-top: 200px !important;
    }
    .menu-lateral-cel {
        left: -50px !important;
    }
    .right-logo-mobile-app {
        right: -90px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 5px !important;
    }
    .titulo-web {
    color: #c4cac6 !important;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 550px !important;
    }
    .altura-img {
        height: 201px !important;
    }
    .altura-portada {
        height: 295px !important;
    }
    .altura-portada-listado {
        height: 254px !important;
    }
    .hidden-pc {
        display: none !important;
    }
    .boton_pagar_top {
        margin-top: 20px !important;
    }
    .top-transaccion {
        top: 90px !important;
    }
    .top-servicio {
        margin-top: 200px !important;
    }
    .menu-lateral-cel {
        left: -50px !important;
    }
    .right-logo-mobile-app {
        right: -90px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 5px !important;
    }
    .pad-cel {
        padding-top: 0px !important;
    } 
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 550px !important;
    }
    .altura-img {
        height: 213px !important;
    }
    .altura-portada {
        height: 312px !important;
    }
    .altura-portada-listado {
        height: 254px !important;
    }
    .hidden-pc {
        display: none !important;
    }
    .boton_pagar_top {
        margin-top: 20px !important;
    }
    .top-transaccion {
        top: 90px !important;
    }
    .top-servicio {
        margin-top: 200px !important;
    }
    .menu-lateral-cel {
        left: -50px !important;
    }
    .right-logo-mobile-app {
        right: -90px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 5px !important;
    }
    .pad-cel {
        padding-top: 0px !important;
    }
}

@media screen and (min-width: 1441px) {
    .img_gal_producto {
        max-height: 500px !important;
        width: auto !important;
        max-width: 550px !important;
    }
    .altura-img {
        height: 242px !important;
    }
    .altura-portada {
        height: 311px !important;
    }
    .altura-portada-listado {
        height: 254px !important;
    }
    .hidden-pc {
        display: none !important;
    }
    .boton_pagar_top {
        margin-top: 20px !important;
    }
    .top-transaccion {
        top: 90px !important;
    }
    .top-servicio {
        margin-top: 200px !important;
    }
    .menu-lateral-cel {
        left: -50px !important;
    }
    .right-logo-mobile-app {
        right: -90px !important;
    }
    .mar-top-inicio-serv {
        margin-top: 20px !important;
    }
    .top-servicio-inicio {
        top: 5px !important;
    }
    .pad-cel {
        padding-top: 0px !important;
    } 
}

/* =========================
   SweetAlert2 FIX (tienda) - tamaño y legibilidad
   ========================= */

.swal2-container{
  z-index: 999999 !important; /* por si hay overlays raros */
}

.swal2-popup{
  font-size: 16px !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
}

.swal2-title{
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin: 0 0 .75rem !important;
}

.swal2-html-container,
.swal2-content{
  font-size: 16px !important;
  line-height: 1.35 !important;
}

.swal2-actions{
  margin-top: 1.25rem !important;
}

/* Botones: evitar que Bootstrap/template los achique o les meta estilos raros */
.swal2-styled{
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  line-height: 1 !important;
  height: auto !important;
  box-shadow: none !important;
}

@media (max-width: 768px){
  .swal2-popup{ font-size: 14px !important; }
  .swal2-title{ font-size: 24px !important; }
}