.elementor-kit-29394{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-19f65ca:#FFF9FB;--e-global-color-1ce160e:#FCD8FF;--e-global-color-ed5b01b:#B5FFFE;--e-global-color-487d4d2:#f2295b;--e-global-color-9408db5:#0058be;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-7dbac91-font-size:1px;}.elementor-kit-29394 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* ===== Módulo Categorías (Grid/Carrusel con 1 o 2 filas) ===== */
.cdg-cats{
  --cdg-gap: 16px;
  --cdg-min: 120px; /* se sobreescribe inline vía style */
  max-width: min(1200px, 94vw);
  margin: 0 auto 28px;
  position: relative;
}

/* === GRID por defecto (auto-ajustable) === */
.cdg-cats[data-layout="grid"] .cdg-track{
  display: grid;
  gap: var(--cdg-gap);
  grid-template-columns: repeat(auto-fit, minmax(var(--cdg-min), 1fr));
}

/* === CARRUSEL 1 FILA === */
.cdg-cats[data-layout="carousel"][data-rows="1"] .cdg-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(var(--cdg-min), 1fr);
  gap: var(--cdg-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 6px 4px 10px;
}
.cdg-cats[data-layout="carousel"][data-rows="1"] .cdg-card{ scroll-snap-align: start; }

/* === CARRUSEL 2 FILAS (sincronizadas) === */
.cdg-cats[data-layout="carousel"][data-rows="2"] .cdg-track{
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, 1fr);
  grid-auto-columns: minmax(var(--cdg-min), 1fr);
  gap: var(--cdg-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 6px 4px 10px;
}
.cdg-cats[data-layout="carousel"][data-rows="2"] .cdg-card{ scroll-snap-align: start; }

/* Tarjeta */
.cdg-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  padding:8px;
  text-decoration:none;
  color:#111;
  display:flex; flex-direction:column; gap:6px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  transition: transform .12s, box-shadow .2s, border-color .2s;
}
.cdg-card:hover{
  transform: translateY(-2px);
  border-color:#f2d7db;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.cdg-thumb{ aspect-ratio: 4/4; border-radius:12px; overflow:hidden; background:#fff7f8; }
.cdg-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.cdg-ph{ width:100%; height:100%; background:linear-gradient(135deg,#f9f9f9,#f1f1f1); }

.cdg-title{ font-size:0.8rem; margin:4px 2px 0; font-weight:500; text-align:center; }
.cdg-count{ color:#666; font-size:.6rem; text-align:center; }

/* Flechas */
.cdg-prev, .cdg-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:999px;
  border:1px solid #eee; background:#fff; cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.06); z-index:2;
}
.cdg-prev{ left:-4px; } .cdg-next{ right:-4px; }
.cdg-prev:hover, .cdg-next:hover{ transform:translateY(-50%) scale(1.06); }

/* Scrollbar sutil en carrusel */
.cdg-cats[data-layout="carousel"] .cdg-track::-webkit-scrollbar{ height:8px; }
.cdg-cats[data-layout="carousel"] .cdg-track::-webkit-scrollbar-thumb{ background:#e8e8e8; border-radius:8px; }

/* Responsivo fino */
@media (max-width: 900px){ .cdg-cats{ --cdg-min: 150px; } }
@media (max-width: 640px){ .cdg-cats{ --cdg-min: 130px; } }/* End custom CSS */