/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 28 2026 | 15:20:43 */
/* Contenedor relativo para el riel */
.cg-cards-track {
  position: relative;
}

/* Tarjeta interactiva */
.cg-card {
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cg-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* La barra naranja flotante que se desplaza */
.cg-sliding-marker {
  position: absolute;
  top: 0;
  height: 6px;
  background-color: #FF5700;
  border-radius: 4px;
  pointer-events: none;
  z-index: 20;
  transition: left 0.35s cubic-bezier(0.25, 1, 0.5, 1), 
              width 0.35s cubic-bezier(0.25, 1, 0.5, 1), 
              opacity 0.2s ease;
}

/* Adaptación para pantallas pequeñas */
@media (max-width: 767px) {
  .cg-sliding-marker {
    display: none;
  }
  .cg-card.is-active {
    border-top: 5px solid #FF5700 !important;
  }
}