/* Transiciones */
.sidebar-transition {
  transition: transform 0.3s ease-in-out;
}

/* Scrollbar personalizada */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Loading spinner */
.spinner { border: 3px solid #f3f3f3; border-top: 3px solid #ec4899; border-radius: 50%; width: 24px; height: 24px; animation: spin 0.8s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Tabla responsive */
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Focus ring accesible */
.focus-ring:focus { outline: 2px solid #ec4899; outline-offset: 2px; }

/* Skip to content (accesibilidad) */
.skip-link { position: absolute; top: -40px; left: 0; background: #be185d; color: white; padding: 8px; z-index: 100; }
.skip-link:focus { top: 0; }

/* Service card selection */
.service-card.selected {
  background-color: #f3f4f6;
  border-color: #db2777;
}