.elementor-5958 .elementor-element.elementor-element-2cb8500f{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5958 .elementor-element.elementor-element-657a16ac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 15px;}.elementor-5958 .elementor-element.elementor-element-657a16ac.elementor-element{--align-self:flex-start;}.elementor-5958 .elementor-element.elementor-element-657a16ac{font-family:"Comforta Bold Regular Light", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-5958 .elementor-element.elementor-element-657a16ac a{color:var( --e-global-color-secondary );}.elementor-5958 .elementor-element.elementor-element-12914787{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-woo-products__item{--columns:3;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-cw-thumbnail{text-align:center;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-product-title a{font-family:"Open Sans", Sans-serif;font-size:14px;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-product-title{text-align:center;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-price del{display:inline-block;font-weight:400;text-decoration:line-through;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-price ins{display:inline-block;font-weight:400;text-decoration:none;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-price{font-family:"Open Sans", Sans-serif;color:#000000;text-align:center;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-price .amount{color:#000000;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-price .woocommerce-Price-currencySymbol{vertical-align:baseline;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-rating-stars .product-rating__icon{font-size:16px;color:#a1a2a4;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-rating-stars .product-rating__icon + .product-rating__icon{margin-left:2px;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-rating-stars > .product-rating__icon.active{color:#fdbc32;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-cw-rating-stars{text-align:left;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-cw-add-to-cart .button{color:#FFFFFF;background-color:#BC0428;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-cw-add-to-cart{text-align:center;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-cw-remove-button.jet-wishlist-item-remove-button{color:#FF0000;text-align:right;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-cw-remove-button.jet-wishlist-item-remove-button:hover{color:#000000;}.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-cw-remove-button.jet-wishlist-item-remove-button .icon{font-size:15px;margin-right:12px;}.rtl .elementor-5958 .elementor-element.elementor-element-b56d75e .jet-cw-remove-button.jet-wishlist-item-remove-button .icon{margin-left:12px;}@media(max-width:1024px){.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-woo-products__item{--columns:2;}}@media(max-width:767px){.elementor-5958 .elementor-element.elementor-element-b56d75e .jet-wishlist .jet-woo-products__item{--columns:1;}}/* Start custom CSS for container, class: .elementor-element-2cb8500f *//* ===== Variables globales ===== */
:root{
  --filters-w: 320px;     /* ancho de la barra en desktop y tablet */
  --filters-peek: 250px;   /* ALTURA DE LA FRANJA VISIBLE (cámbiala aquí) */
}

/* ===== Layout base (desktop) ===== */
.shop-shell{
  display:flex !important;
  gap:24px;
  align-items:flex-start;       /* evita estiramientos raros */
  height:auto !important;
  min-height:auto !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.shop-filters{
  flex:0 0 0;
  max-width:0;
  opacity:0;
  pointer-events:none;
  transition:flex-basis .28s ease, max-width .28s ease, opacity .2s ease;
}
.shop-grid{ flex:1 1 auto; min-width:0; }

/* Filtros visibles en desktop */
.shop-shell.filters-open .shop-filters{
  flex-basis:var(--filters-w);
  max-width:var(--filters-w);
  opacity:1;
  pointer-events:auto;
}

/* Sticky opcional en desktop */
.shop-filters > .elementor-widget-wrap,
.shop-filters .e-con-inner{
  position:sticky;
  top:90px; /* ajusta a la altura de tu header */
}

/* ===== Backdrop (para móvil/tablet) ===== */
.shop-shell::after{
  content:"";
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  opacity:0; pointer-events:none;
  transition:opacity .25s ease;
  z-index:999;
}
@media (max-width:991px){
  .shop-shell.filters-open::after{ opacity:1; pointer-events:auto; }
}

/* ===== MÓVIL (≤767px): sheet a pantalla completa con PEEK ===== */
@media (max-width:767px){
  .shop-filters{
    position:fixed;
    left:0; right:0; top:var(--filters-peek);
    width:100vw;
    height:calc(100dvh - var(--filters-peek));
    background:#fff; z-index:1000;
    border-radius:0; box-shadow:0 -10px 30px rgba(0,0,0,.14);
    overflow:auto; -webkit-overflow-scrolling:touch;
    padding-bottom:calc(16px + env(safe-area-inset-bottom));
    transform:translateY(8px); opacity:0; pointer-events:none;
    transition:transform .28s ease, opacity .2s ease;
  }
  .shop-shell.filters-open .shop-filters{
    transform:none; opacity:1; pointer-events:auto;
  }

  /* bloqueo de scroll del documento (úsalo desde JS) */
  html.filters-locked, body.filters-locked{ overflow:hidden !important; }
}

/* ===== TABLET (768–991px): drawer izquierdo con PEEK ===== */
@media (min-width:768px) and (max-width:991px){
  .shop-filters{
    position:fixed;
    top:var(--filters-peek); left:0; bottom:0; right:auto;
    width:min(560px, 92vw);
    height:calc(100dvh - var(--filters-peek));
    background:#fff; z-index:1000;
    border-radius:0 12px 12px 0;
    box-shadow:0 20px 50px rgba(0,0,0,.22);
    overflow:auto; -webkit-overflow-scrolling:touch;
    padding-bottom:calc(16px + env(safe-area-inset-bottom));
    transform:translateX(-100%); transition:transform .28s ease;
    pointer-events:none;
  }
  .shop-shell.filters-open .shop-filters{
    transform:none; pointer-events:auto;
  }
}

/* ===== Admin bar de WP (opcional) ===== */
@media (max-width:991px){
  .admin-bar .shop-filters{
    top:calc(var(--filters-peek) + 46px);
    height:calc(100dvh - (var(--filters-peek) + 46px));
  }
}

/* ===== Botón de filtros (cosmético) ===== */
#filterToggle[aria-expanded="true"]{ filter:brightness(.95); }

/* ===== Evitar solapes de burbujas de chat al abrir ===== */
.shop-shell.filters-open *[class*="chat"],
.shop-shell.filters-open *[class*="whatsapp"],
.shop-shell.filters-open *[data-widget*="chat"]{ pointer-events:none !important; }


/* cuando está abierto */
#filterToggle[aria-expanded="true"] {
  filter: none;
  /* ejemplos: */
  /* background: #e9edf7; color:#1f2a5a; */
   border-color:#E4002B; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Comforta Bold Regular Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://roptic.com/wp-content/uploads/2025/10/Comfortaa-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Comforta Bold Regular Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://roptic.com/wp-content/uploads/2025/10/Comfortaa-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Comforta Bold Regular Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://roptic.com/wp-content/uploads/2025/10/Comfortaa-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */