.elementor-25376 .elementor-element.elementor-element-c7bcc98{--display:flex;}.elementor-25376 .elementor-element.elementor-element-689aadd{text-align:left;}.elementor-25376 .elementor-element.elementor-element-13939ee{--display:flex;--min-height:50vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-25376 .elementor-element.elementor-element-13939ee.e-con{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-25376{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-25376 .dialog-message{width:700px;height:100vh;align-items:flex-start;}#elementor-popup-modal-25376 .dialog-close-button{display:flex;}#elementor-popup-modal-25376 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-25376 .elementor-element.elementor-element-13939ee{--width:680px;}}/* Start custom CSS *//* === Estilos del menú de categorías (claro) === */
.wc-cat-menu {
  --bg: #ffffff;
  --surface: #f7f7f8;
  --text: #1f2937;
  --muted: #6b7280;
  --ring: rgba(59,130,246,0.35);
  --border: #e5e7eb;

  background: var(--bg);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  padding: 8px;
  min-width: 340px;
}

.wc-cat-level { list-style: none; margin: 0; padding-left: 0; }
.wc-cat-level-1 > .wc-cat-item { border-radius: 12px; }
.wc-cat-item { margin: 2px 0; }

.wc-cat-row {
  display: grid;
  grid-template-columns: 28px 32px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  transition: background 0.2s ease;
}

.wc-cat-item:not(.has-children) .wc-cat-row { grid-template-columns: 28px 32px 1fr auto; }
.wc-cat-item .wc-cat-row:hover { background: var(--surface); }

.wc-cat-toggle {
  inline-size: 28px;
  block-size: 28px;
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}
.wc-cat-spacer { inline-size: 28px; block-size: 28px; }

.wc-cat-toggle::before, .wc-cat-toggle::after {
  content: "";
  position: absolute;
  background: var(--muted);
  transition: transform .2s ease, opacity .2s ease;
}
.wc-cat-toggle::before {
  width: 12px; height: 2px; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}
.wc-cat-toggle::after {
  width: 2px; height: 12px; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}
.wc-cat-item[aria-expanded="true"] > .wc-cat-row .wc-cat-toggle::after { opacity: 0; }

/* Miniaturas */
.wc-cat-thumb {
  inline-size: 32px; block-size: 32px; border-radius: 8px; overflow: hidden;
  background: var(--surface);
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--border);
}
.wc-cat-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wc-cat-thumb--placeholder::after {
  content: "";
  width: 60%; height: 60%;
  background: linear-gradient(135deg, #e5e7eb, #f3f4f6);
  border-radius: 6px;
}

/* Enlaces */
.wc-cat-link {
  color: var(--text);
  text-decoration: none;
  font-weight: 500;
}
.wc-cat-link:hover { text-decoration: underline; }
.wc-cat-count { color: var(--muted); font-size: 0.9em; }

/* Subniveles */
.wc-cat-sub { padding-left: 44px; }
.wc-cat-level-2 .wc-cat-row { background: transparent; }
.wc-cat-level-3 .wc-cat-row { background: transparent; }

/* Accesibilidad: focus visible */
.wc-cat-toggle:focus-visible,
.wc-cat-link:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
  border-radius: 10px;
}

/* === SIN MINIATURAS: ocupar toda la fila para el texto === */
.wc-cat-row { 
  grid-template-columns: 28px 1fr auto !important;  /* toggle | texto | (count) */
  min-height: 44px;
}

/* Texto en UNA sola línea con elipsis si es largo */
.wc-cat-link{
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Colores suaves y agradables (puedes cambiar el accent) */
.wc-cat-menu{
  --accent: #4f46e5;        /* índigo suave */
  --accent-soft: #eef2ff;   /* fondo del toggle al abrir */
  --muted: #6b7280;
  --border: #e5e7eb;
}

/* Botón + / - (quitar rojo y hacerlo claro) */
.wc-cat-toggle{
  background: #fff !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}
.wc-cat-toggle::before,
.wc-cat-toggle::after{
  background: var(--muted);  /* color del signo */
}

/* Estado abierto: fondo suave y signo en color de acento */
.wc-cat-item[aria-expanded="true"] > .wc-cat-row .wc-cat-toggle{
  background: var(--accent-soft) !important;
  border-color: var(--accent-soft) !important;
}
.wc-cat-item[aria-expanded="true"] > .wc-cat-row .wc-cat-toggle::before,
.wc-cat-item[aria-expanded="true"] > .wc-cat-row .wc-cat-toggle::after{
  background: var(--accent);
}

/* Hover de la fila (ligero) */
.wc-cat-item .wc-cat-row:hover { background: #f7f7f8; }/* End custom CSS */