/* public/css/app.css */
body {
    font-family: 'Rubik', sans-serif;
}
.fc-toolbar-title {
    @apply text-xl font-bold text-orange-500;
}

.fc-daygrid-event {
    @apply bg-orange-100 text-orange-600 rounded-lg px-2 py-1;
}

.fc-button {
    @apply bg-orange-500 text-white rounded-lg px-3 py-1;
}


html.modal-open,
body.modal-open,
#mainContent.modal-open {
    overflow: hidden !important;
    height: 100% !important;
    position: fixed;
    width: 100%;
}
.loader {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #F97316; /* naranja */
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 0.8s linear infinite;
}
@keyframes slide-up {
    from {
      transform: translateY(100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @media (max-width: 640px) {
    .sm\:animate-slide-up {
      animation: slide-up 0.3s ease-out;
    }
  }