/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 19:13:07 */
/* 🔹 Transición del contenido derecho */
#content-servicio .e-loop-item {
  transition: opacity 0.3s ease-in-out;
}

/* 🔹 Ítem activo: color azul y opacidad total */
#tab-servicio .e-loop-item.active {
  opacity: 1;
}

/* 🔹 Título del ítem activo */
#tab-servicio .e-loop-item.active .elementor-heading-title,
#tab-servicio .e-loop-item.active p.elementor-heading-title {
  opacity: 1;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* 🔹 Icono del ítem activo */
#tab-servicio .e-loop-item.active .elementor-icon svg,
#tab-servicio .e-loop-item.active .elementor-icon i {
  transition: fill 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* 🔹 Ítems inactivos más tenues */
#tab-servicio .e-loop-item:not(.active) {
  opacity: 0.6;
}

#tab-servicio .e-loop-item:not(.active) .elementor-heading-title,
#tab-servicio .e-loop-item:not(.active) p.elementor-heading-title {
  color: #ccc !important;
  opacity: 0.6;
}

/* 🔹 Ícono inactivo gris claro */
#tab-servicio .e-loop-item:not(.active) .elementor-icon svg,
#tab-servicio .e-loop-item:not(.active) .elementor-icon i {
  fill: #777 !important;
  color: #777 !important;
}