.elementor-12 .elementor-element.elementor-element-7ab1554 .elementor-repeater-item-b645595 .swiper-slide-bg{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-7ab1554 .elementor-repeater-item-aeeb88c .swiper-slide-bg{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-7ab1554 .elementor-repeater-item-f3de0bd .swiper-slide-bg{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-7ab1554{--slides-per-view:1;}.elementor-12 .elementor-element.elementor-element-7ab1554 .swiper-slide{height:800px;}.elementor-12 .elementor-element.elementor-element-7ab1554 .swiper-slide-inner{text-align:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-7ab1554 .swiper-slide-contents{max-width:100%;margin:0 auto;}.elementor-12 .elementor-element.elementor-element-7ab1554 .etheme-slide-heading{font-weight:bold;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-a24a589 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-a24a589 > .elementor-container{max-width:1440px;}.elementor-12 .elementor-element.elementor-element-a24a589 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-12 .elementor-element.elementor-element-a24a589{margin-top:50px;margin-bottom:20px;}.elementor-12 .elementor-element.elementor-element-395c5ab > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-395c5ab .category-grid{padding-left:15px;padding-right:15px;margin-bottom:calc(2 * 15px );}.elementor-12 .elementor-element.elementor-element-395c5ab .categories-grid{margin-left:-15px;margin-right:-15px;}.elementor-12 .elementor-element.elementor-element-395c5ab .content-under img{margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-395c5ab .content-under > .categories-mask{margin-top:0px;}.elementor-12 .elementor-element.elementor-element-395c5ab .categories-mask{padding:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-395c5ab .categories-mask h4{font-family:"helvetica", Sans-serif;font-size:20px;}.elementor-12 .elementor-element.elementor-element-e457fc2{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-e457fc2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e457fc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-3215342 .elementor-heading-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f764438{--slides-per-view:4;}.elementor-12 .elementor-element.elementor-element-f764438 .etheme-product-grid-item{text-align:center;background-color:#FFFFFF;border-radius:50px 50px 50px 50px;overflow:hidden;padding:0px 0px 0px -1px;}.elementor-12 .elementor-element.elementor-element-f764438 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-f764438 .etheme-product-grid-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-f764438 .etheme-product-grid-title a{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-f764438 .etheme-product-grid-image img{width:100%;}.elementor-12 .elementor-element.elementor-element-f764438 .price{font-family:"helvetica-rounded-bold", Sans-serif;font-size:20px;font-weight:normal;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-4e82ae5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-4e82ae5 > .elementor-container{max-width:1440px;}.elementor-12 .elementor-element.elementor-element-4e82ae5 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-12 .elementor-element.elementor-element-4e82ae5{margin-top:50px;margin-bottom:20px;}.elementor-12 .elementor-element.elementor-element-51c4901{--display:flex;--margin-top:0rem;--margin-bottom:10rem;--margin-left:0rem;--margin-right:0rem;}.elementor-12 .elementor-element.elementor-element-55b0488 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-25c3204{--slides-per-view:4;}.elementor-12 .elementor-element.elementor-element-25c3204 .etheme-product-grid-item{text-align:center;background-color:#DDDDDD;border-radius:50px 50px 50px 50px;overflow:hidden;}.elementor-12 .elementor-element.elementor-element-a0b6537{--display:flex;--margin-top:0rem;--margin-bottom:6rem;--margin-left:0rem;--margin-right:0rem;}.elementor-12 .elementor-element.elementor-element-a0b6537.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-b952d58 .elementor-heading-title{font-family:"helvetica-rounded-bold", Sans-serif;font-size:50px;font-weight:normal;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-f547aa8{--slides-per-view:4;}.elementor-12 .elementor-element.elementor-element-f547aa8 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-f547aa8 .etheme-product-grid-button .button-text:last-child{margin-left:7px;}.elementor-12 .elementor-element.elementor-element-f547aa8 .etheme-product-grid-button .button-text:first-child{margin-right:7px;}.elementor-12 .elementor-element.elementor-element-b1f932b{--display:flex;--margin-top:0rem;--margin-bottom:6rem;--margin-left:0rem;--margin-right:0rem;}.elementor-12 .elementor-element.elementor-element-b1f932b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-17caaf1 .elementor-heading-title{font-family:"helvetica-rounded-bold", Sans-serif;font-size:50px;font-weight:normal;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-94d9da6{--slides-per-view:4;}.elementor-12 .elementor-element.elementor-element-94d9da6 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-94d9da6 .etheme-product-grid-button .button-text:last-child{margin-left:7px;}.elementor-12 .elementor-element.elementor-element-94d9da6 .etheme-product-grid-button .button-text:first-child{margin-right:7px;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-90e7038 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-12 .elementor-element.elementor-element-a24a589{margin-top:30px;margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-395c5ab .category-grid{padding-left:0px;padding-right:0px;margin-bottom:calc(2 * 0px );}.elementor-12 .elementor-element.elementor-element-395c5ab .categories-grid{margin-left:-0px;margin-right:-0px;}.elementor-12 .elementor-element.elementor-element-395c5ab .categories-mask{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-f764438{--slides-per-view:1;}.elementor-12 .elementor-element.elementor-element-4e82ae5{margin-top:30px;margin-bottom:0px;}.elementor-12 .elementor-element.elementor-element-a0b6537{--width:331px;--margin-top:0rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--z-index:97;}.elementor-12 .elementor-element.elementor-element-f547aa8{--slides-per-view:2;}.elementor-12 .elementor-element.elementor-element-f547aa8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-b1f932b{--width:331px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-94d9da6{--slides-per-view:2;}.elementor-12 .elementor-element.elementor-element-94d9da6 > .elementor-widget-container{padding:5px 5px 5px 5px;}}/* Start custom CSS for etheme_categories, class: .elementor-element-395c5ab *//* === Home: grid de categorías (XStore / etheme_categories) === */
/* Scope: solo este widget */
.elementor-element-395c5ab .categories-grid {
  --cat-img-h: 150px;   /* altura del “marco” para los íconos en desktop */
}

.elementor-element-395c5ab .categories-grid .category-grid{
  padding: 14px 10px;
  gap: var(--cat-gap);
}

/* Marco para la imagen: centrado y tamaño controlado */
.elementor-element-395c5ab .categories-grid .category-grid > a{
  display:flex;
  align-items:center;
  justify-content:center;
  height: var(--cat-img-h);
  /* si tenés “Image Circle = Sí”, esto respeta el círculo */
  border-radius: 999px;
  overflow: hidden;
}

/* La imagen en sí: que nunca se “desborde” */
.elementor-element-395c5ab .categories-grid .category-grid > a img{
  max-height: 90%;     /* ↓ subí o bajá este % si querés aún más chico/grande */
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Título más chico y con menos alto total */
.elementor-element-395c5ab .categories-grid .categories-mask h4{
  font-size: 14px;
  line-height: 1.15;
  margin-top: 8px;
  letter-spacing: .5px;
}

/* Un poco menos de separación entre columnas en pantallas grandes */
.elementor-element-395c5ab .categories-grid.row{
  margin-left: -8px;
  margin-right: -8px;
}
.elementor-element-395c5ab .categories-grid .col-sm-2{
  padding-left: 8px;
  padding-right: 8px;
}

/* Hover sutil (opcional) */
.elementor-element-395c5ab .categories-grid .category-grid:hover{
  transform: translateY(-2px);
  transition: transform .15s ease;
}

/* ---------- Responsivo ---------- */
@media (max-width: 1024px){
  .elementor-element-395c5ab .categories-grid{ --cat-img-h: 90px; }
  .elementor-element-395c5ab .categories-grid .categories-mask h4{ font-size: 13px; }
}

/* ---------- Responsivo Mobile (2 filas de 3 ítems) ---------- */
@media (max-width: 767px){
      /* Achicar título para que entre en la columna angosta */
  .elementor-element-395c5ab .categories-grid .categories-mask h4 {
    font-size: 10px !important; /* Antes 12px, bajalo a 10px o 11px */
    line-height: 1.1 !important; /* Pegar un poco más las líneas */
    margin-top: 4px !important;  /* Acercarlo al ícono */
    padding: 0 2px; /* Un mini respiro a los costados */
  }

    
  /* Ajuste de variables para mobile */
  .elementor-element-395c5ab .categories-grid{ 
    --cat-img-h: 72px; 
    --cat-gap: 12px; 
  }

  /* Forzar que el contenedor flex permita saltos de línea */
  .elementor-element-395c5ab .categories-grid.row {
    display: flex;
    flex-wrap: wrap;
  }

  /* Forzar que cada columna ocupe 1/3 del ancho (33.33%) */
  .elementor-element-395c5ab .categories-grid .col-sm-2,
  .elementor-element-395c5ab .categories-grid .category-grid-item {
    width: 33.33% !important;
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
    padding: 5px !important; /* Reduce padding lateral para que entren bien */
  }

  /* Ajuste de texto para que no se rompa feo en espacio reducido */
  .elementor-element-395c5ab .categories-grid .categories-mask h4{ 
    font-size: 11px; 
    word-break: break-word; /* Evita desbordes si la palabra es larga */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0b6537 *//* ==========================================================
   DESKTOP STYLE (Igualando estilo Mobile)
   ========================================================== */
   
 

/* --- 2. Card del Producto (Desktop) --- */
/* --- Matar borde/sombra interna gris del tema --- */
/* ==========================================================
   KILLER DEL BORDE GRIS FANTASMA (Reset Profundo)
   ========================================================== */

.mu-xc .etheme-product-grid-item {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  padding: 16px; /* Un poco más de aire que mobile */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #f4f4f4;
  transition: all .2s ease;
  text-align: center; /* Centrado igual que en mobile */
}
.mu-xc .etheme-product-grid-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(60,88,157,0.15);
  border-color: #3C589D;
  z-index: 50;
}

/* --- 3. Imagen Desktop (Full Width) --- */
.mu-xc .etheme-product-grid-image {
  background: #F7F9FF;
  border-radius: 12px;
  padding: 0 !important; /* Sin padding interno */
  margin-bottom: 12px;
  height: 220px; /* Altura fija para uniformidad */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mu-xc .etheme-product-grid-image img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Llenar sin deformar */
  mix-blend-mode: multiply;
  transition: transform 0.3s ease;
}

/* Efecto zoom suave al pasar mouse */
.mu-xc .etheme-product-grid-item:hover .etheme-product-grid-image img {
  transform: scale(1.05);
}

/* --- 4. Textos Desktop --- */
.mu-xc .etheme-product-grid-categories a { 
  font-size: 12px; color: #889bb5; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
}

.mu-xc .etheme-product-grid-title a {
  font-size: 16px; color: #2C3E66; font-weight: 700; line-height: 1.3;
  margin: 6px 0 8px; display: block;
}
.mu-xc .etheme-product-grid-title { min-height: 44px; } /* Altura para 2 líneas */

.mu-xc .etheme-product-grid-content .price {
  font-size: 18px; color: #3C589D; font-weight: 800; margin-bottom: 12px;
}

/* --- 5. Botón Desktop --- */
.mu-xc .etheme-product-grid-button {
  width: 100%; background: #3C589D; color: #fff; border: none;
  border-radius: 8px; padding: 12px; font-weight: 700; font-size: 14px;
  margin-top: auto;
  text-transform: uppercase; letter-spacing: 0.5px;
}
.mu-xc .etheme-product-grid-button:hover { background: #23355E; }

/* --- Select Desktop (oculto o visible según prefieras) --- */
.mu-xc .et_st-swatch-select-title {
  margin-bottom: 10px;
}



/* ==========================================================
   MOBILE DEFINITIVO (Max-width: 767px)
   EL BUENO: Ancho total, cards iguales, select modal
   ========================================================== */
@media (max-width: 767px) {

  /* 1. Contenedor al 100% del ancho real de pantalla */
  .mu-xc,
  .mu-xc .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 2. Cards al 50% de la pantalla (dos por fila) */
  .mu-xc .swiper-slide {
    width: 50vw !important;
    flex: 0 0 50vw !important;
    padding: 0 3px !important;
    box-sizing: border-box !important;
    height: auto !important;
    display: flex !important;
  }
  .mu-xc .etheme-product-grid-item-wrap { width: 100% !important; display: flex !important; }

  /* 3. Estilo de la Card en Mobile (compacta) */
  .mu-xc .etheme-product-grid-item {
    height: 100% !important;
    padding: 8px !important;
    border-radius: 8px !important;
    border: 1px solid #eee !important;
    box-shadow: none !important;
    text-align: center !important;
    justify-content: flex-start !important;
  }

  /* 4. Contenido Interno Compactado */
  .mu-xc .etheme-product-grid-image {
    min-height: 110px !important; margin-bottom: 6px !important;
  }
  .mu-xc .etheme-product-grid-image img { max-height: 100px !important; }

  .mu-xc .etheme-product-grid-title a { font-size: 16px !important; min-height: 30px !important; line-height: 1.8 !important; }
  .mu-xc .etheme-product-grid-content .price { font-size: 14px !important; margin-bottom: 10px !important; font-weight: 700; }
  
  .mu-xc .st-swatch-in-loop { margin-bottom: 8px !important; }
  .mu-xc .et_st-swatch-select-title { height: 32px !important; font-size: 12px !important; }
  .mu-xc .etheme-product-grid-button { margin-top: auto !important; padding: 8px !important; font-size: 12px !important; }
  
  /* --------------------------------------------------------
     5. SELECT DROPDOWN COMO MODAL (A PRUEBA DE TODO)
     -------------------------------------------------------- */
  .mu-xc .et_st-swatch-select-wrapper { position: static !important; }
  
  /* Mostrar/Ocultar Modal */
  .mu-xc .et_st-swatch-select-wrapper:hover .et_st-swatch-select-list,
  .mu-xc .et_st-swatch-select-wrapper:focus-within .et_st-swatch-select-list {
    display: block !important;
  }

  .mu-xc .et_st-swatch-select-list {
    display: none;
    position: fixed !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 85vw !important; max-width: 320px !important;
    max-height: 70vh !important; overflow-y: auto !important;
    background: #fff !important; border-radius: 12px !important;
    box-shadow: 0 10px 50px rgba(0,0,0,0.5) !important;
    z-index: 999999 !important; padding: 0 !important;
  }
  
    /* --- MODAL MÁS CHICO Y CENTRADO --- */
  
  /* El contenedor de la lista (modal blanco) */
  .mu-xc .et_st-swatch-select-list {
    width: auto !important;      /* Que se ajuste al contenido */
    min-width: 200px !important; /* Pero que no sea un fideo */
    max-width: 80vw !important;  /* Que no toque los bordes de pantalla */
    
    /* Centrado absoluto */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    border-radius: 12px !important;
    padding: 0 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;
  }

  /* Opciones más compactas pero tocables */
  .mu-xc .et_st-swatch-select-list .type-select .st-custom-attribute {
    padding: 12px 16px !important; /* Menos aire vertical */
    font-size: 14px !important;    /* Letra un poco más chica pero legible */
    text-align: center !important;
    white-space: nowrap !important; /* Evita que se rompa en dos líneas feo */
  }
  
  /* Overlay de fondo (para cerrar tocando afuera) */
  .mu-xc .et_st-swatch-select-wrapper:hover::before,
  .mu-xc .et_st-swatch-select-wrapper:focus-within::before {
    content: ""; position: fixed; inset: 0;
    background: rgba(0,0,0,0.5); 
    z-index: 999990;
    cursor: pointer; /* Indica que se puede tocar para salir */
  }

  
  /* Overlay oscuro */
  .mu-xc .et_st-swatch-select-wrapper:hover::before,
  .mu-xc .et_st-swatch-select-wrapper:focus-within::before {
    content: ""; position: fixed; inset: 0;
    background: rgba(0,0,0,0.6); z-index: 999990;
  }
  
  /* Opciones grandes */
  .mu-xc .et_st-swatch-select-list .type-select .st-custom-attribute {
    padding: 16px 20px !important; font-size: 16px !important;
    text-align: center !important; border-bottom: 1px solid #f2f2f2 !important;
  }
  
   /* AUMENTAR TAMAÑO DE IMAGEN PRODUCTO EN MOBILE */
  .mu-xc .etheme-product-grid-image {
    padding: 0 !important; /* Sacamos el relleno para que la foto toque los bordes */
    min-height: 120px !important; /* Un poco más de altura base */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .mu-xc .etheme-product-grid-image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important; /* Que use todo el alto disponible */
    object-fit: contain !important; /* Se agranda al máximo sin recortarse ni deformarse */
    
    /* Opcional: si querés que se RECORTE un poco para llenar todo, usá 'cover' */
    /* object-fit: cover !important; */ 
  }
  
}

/* ==========================================================
   FIX FINAL DESKTOP: Matar Borde Fantasma XStore
   ========================================================== */

/* 1. Resetear el contenedor nativo de XStore que envuelve al producto */
.mu-xc .swiper-slide .content-product,
.mu-xc .swiper-slide .product,
.mu-xc .swiper-slide .product-wrapper,
.mu-xc .swiper-slide .etheme-product-grid-item-wrap {
    border-radius: 8px;
    box-shadow: none !important;
    padding: 10px !important;
    margin: 2px !important;
}/* End custom CSS */