.elementor-10451 .elementor-element.elementor-element-fb39208{--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-10451 .elementor-element.elementor-element-e64a59f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 15px;}.elementor-10451 .elementor-element.elementor-element-e64a59f.elementor-element{--align-self:flex-start;}.elementor-10451 .elementor-element.elementor-element-e64a59f{font-family:"Comforta Bold Regular Light", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-10451 .elementor-element.elementor-element-e64a59f a{color:var( --e-global-color-secondary );}.elementor-10451 .elementor-element.elementor-element-9ab71e6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10451 .elementor-element.elementor-element-f520150 .elementor-button{background-color:#FFFFFF;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Comforta Bold Regular Light", Sans-serif;font-size:13px;font-weight:600;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:182px 182px 182px 182px;padding:10px 10px 10px 10px;}.elementor-10451 .elementor-element.elementor-element-f520150 .elementor-button:hover, .elementor-10451 .elementor-element.elementor-element-f520150 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#000000;}.elementor-10451 .elementor-element.elementor-element-f520150 .elementor-button-content-wrapper{flex-direction:row;}.elementor-10451 .elementor-element.elementor-element-f520150 .elementor-button:hover svg, .elementor-10451 .elementor-element.elementor-element-f520150 .elementor-button:focus svg{fill:#000000;}.elementor-10451 .elementor-element.elementor-element-17b137d.elementor-element{--order:99999 /* order end hack */;}.elementor-10451 .elementor-element.elementor-element-17b137d .jet-active-filters__title{font-family:"Comforta Bold Regular Light", Sans-serif;font-size:16px;font-weight:600;color:#000000;margin:0px 0px 0px 0px;}.elementor-10451 .elementor-element.elementor-element-17b137d .jet-smart-filters-active{flex-direction:row;}.elementor-10451 .elementor-element.elementor-element-17b137d .jet-active-filters__list{flex-direction:row;}.elementor-10451 .elementor-element.elementor-element-17b137d .jet-active-filter{margin-right:5px;margin-bottom:5px;font-family:"Comforta Bold Regular Light", Sans-serif;font-size:15px;color:#000000;}.elementor-10451 .elementor-element.elementor-element-17b137d .jet-active-filter__label{font-family:"Comforta Bold Regular Light", Sans-serif;color:#000000;padding:0px 5px 0px 0px;}.elementor-10451 .elementor-element.elementor-element-17b137d .jet-active-filter:hover .jet-active-filter__label{color:#F80000;}.elementor-10451 .elementor-element.elementor-element-17b137d .jet-active-filter__remove{font-size:15px;color:#F50000;}.elementor-10451 .elementor-element.elementor-element-13c4657.elementor-element{--order:99999 /* order end hack */;}.elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination__link, .elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination__dots{font-family:"Comforta Bold Regular Light", Sans-serif;font-size:14px;font-weight:600;}.elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination__link{color:#000000;padding:9px 9px 9px 9px;}.elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination__dots{color:#000000;padding:9px 9px 9px 9px;}.elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination__current .jet-filters-pagination__link{color:#E4002B;}.elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination__item{margin-right:calc(6px/2);margin-left:calc(6px/2);margin-top:calc(6px/2);margin-bottom:calc(6px/2);}.elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination{margin-right:calc(-6px/2);margin-left:calc(-6px/2);margin-top:calc(-6px/2);margin-bottom:calc(-6px/2);justify-content:center;}.elementor-10451 .elementor-element.elementor-element-13c4657 .jet-filters-pagination__load-more{order:initial;}.elementor-10451 .elementor-element.elementor-element-35f0cbd{--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-10451 .elementor-element.elementor-element-2debe55 > .elementor-widget-container{margin:0px 0px 0px 5px;padding:5px 5px 5px 10px;border-style:solid;border-width:0px 2px 0px 0px;border-color:#F0F0F0;border-radius:0px 0px 0px 0px;}.elementor-10451 .elementor-element.elementor-element-2debe55.elementor-element{--align-self:flex-start;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10451 .elementor-element.elementor-element-a8695f0{--grid-columns:4;--grid-row-gap:10px;--auto-scroll-offset:0px;--grid-column-gap:10px;}.elementor-10451 .elementor-element.elementor-element-a8695f0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination__link, .elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination__dots{font-family:"Comforta Bold Regular Light", Sans-serif;font-size:14px;font-weight:600;}.elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination__link{color:#000000;padding:9px 9px 9px 9px;}.elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination__dots{color:#000000;padding:9px 9px 9px 9px;}.elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination__current .jet-filters-pagination__link{color:#E4002B;}.elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination__item{margin-right:calc(6px/2);margin-left:calc(6px/2);margin-top:calc(6px/2);margin-bottom:calc(6px/2);}.elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination{margin-right:calc(-6px/2);margin-left:calc(-6px/2);margin-top:calc(-6px/2);margin-bottom:calc(-6px/2);justify-content:center;}.elementor-10451 .elementor-element.elementor-element-9759097 .jet-filters-pagination__load-more{order:initial;}@media(max-width:1024px){.elementor-10451 .elementor-element.elementor-element-a8695f0{--grid-columns:2;}}@media(max-width:767px){.elementor-10451 .elementor-element.elementor-element-a8695f0{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-fb39208 *//* ===== 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 */