/* Estilos simplificados para compatibilidad con pruebas */

/* Animaciones básicas sin efectos complejos */
.animate-on-scroll {
  opacity: 1;
  transform: none;
}

/* Efectos de hover básicos */
.service-card:hover,
.specialist-card:hover {
  box-shadow: 0 5px 15px rgba(123, 63, 152, 0.1);
}

/* Botones sin animaciones complejas */
.whatsapp-btn {
  background: var(--gradient-primary);
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.whatsapp-btn:hover {
  background: #8e2bd5;
}

.btn-purple {
  background: var(--gradient-primary);
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.btn-purple:hover {
  background: #8e2bd5;
}

/* Navbar básico */
.navbar {
  background: rgba(255, 255, 255, 0.95);
}

.navbar.scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Modales básicos */
.modal-content {
  transform: scale(1);
  opacity: 1;
}

/* Transiciones básicas */
.btn {
  transition: all 0.2s ease;
}

.form-control:focus {
  border-color: var(--primary-purple);
}

/* Enlaces básicos */
a:not(.btn):not(.whatsapp-btn) {
  transition: color 0.2s ease;
}

/* Responsive básico */
@media (max-width: 768px) {
  .service-card,
  .specialist-card {
    margin-bottom: 1rem;
  }
}