.elementor-1432 .elementor-element.elementor-element-340e3ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1432 .elementor-element.elementor-element-a744b46 > .elementor-widget-container{padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-340e3ba *//* Aplica el mismo estilo de hover a los enlaces en elementor-widget-container */
.elementor-widget-container a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 5px;
  border-radius: 5px;
  display: inline-block; /* Para que el padding funcione correctamente */
}

.elementor-widget-container a:hover {
  background-color: #f5f5f5;
  padding: 6px;
  border-radius: 10px;
}

/* Opcional: Si quieres que los párrafos también tengan la transición suave */
.elementor-widget-container p {
  transition: all 0.3s ease;
  line-height: 1.3;
}
.jet-toggle__content-inner {
  padding: 15px;
  background-color: #fff;
}
.jet-toggle__content-inner p {
  transition: all 0.3s ease;
  line-height: 1.3; /* Se reduce aún más el interlineado */
  padding: 10px;
  margin: 0;
}
.jet-toggle__content-inner p a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 5px;
  border-radius: 5px;
}
.jet-toggle__content-inner p a:hover {
  background-color: #f5f5f5;
  padding: 6px;
  border-radius: 10px;
}
/* Estiliza las listas - SIN ICONOS */
.jet-toggle__content-inner ul {
  list-style: none;
  padding-left: 20px; /* Ajusta la alineación */
}
.jet-toggle__content-inner ul li {
  display: block; /* Cada li en su propia línea */
  margin-bottom: 5px; /* Espacio entre elementos de lista */
  line-height: 1.3; /* Reduce el interlineado */
  position: relative;
}
/* Eliminamos el ícono completamente */
.jet-toggle__content-inner ul li::before {
  display: none; /* Oculta completamente el ícono */
}
/* Envolvemos el contenido en un elemento inline-block */
.jet-toggle__content-inner ul li {
  padding: 0; /* Sin padding en el contenedor li */
}
/* Estilizamos el contenido del li como si fuera un enlace */
.jet-toggle__content-inner ul li::after {
  content: attr(title);
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
/* Versión más simple: aplicamos el estilo directamente */
.jet-toggle__content-inner ul li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 0;
}
.jet-toggle__content-inner ul li:hover {
  background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 fit-content, transparent fit-content);
  padding: 6px 0;
  border-radius: 10px;
}
/* Solución final más simple */
.jet-toggle__content-inner ul li {
  display: block;
  width: fit-content;
  max-width: 100%;
  padding: 5px;
  border-radius: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-bottom: 5px;
}
.jet-toggle__content-inner ul li:hover {
  background-color: #f5f5f5;
  padding: 6px;
  border-radius: 10px;
}/* End custom CSS */