.navbar {
    background-color: #E61C34;
  }
  .navbar-brand {
    color: #ffffff;
    font-weight: bold;
  }
  .nav-link {
    color: #ffffff;
    font-weight: 500;
  }
  .nav-link:hover {
    color: #ffffff;
  }
  .nav-item.active .nav-link {
    color: #ffffff;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 5px 15px;
    font-weight: 500;
  }
  .dropdown-menu {
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .dropdown-item {
    color: #333;
    font-weight: 500;
  }
  .dropdown-item:hover {
    color: #E61C34;
    background-color: #f7f7f7;
  }
  .dropdown-divider {
    border-top: 1px solid #f7f7f7;
  }
  .btn-primary {
    background-color: #E61C34;
    border: none;
    font-weight: bold;
    border-radius: 20px;
    padding: 8px 20px;
  }
  .btn-primary:hover {
    background-color: #c61c2b;
    border-color: #c61c2b;
  }
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.blinking {
  animation: blink 1s infinite;
}


.btn-circle {
  border-radius: 50%;
  padding: 0.75rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Calendario */
#calendar {
  width: 700px; /* ancho del calendario */
  height: 700px; /* altura del calendario */
  font-size: 12px; /* tamaño de la fuente */
}

/* Eventos */
.fc-event {
  font-size: 10px; /* tamaño de la fuente */
  line-height: 1.2; /* altura de línea */
  padding: 2px 4px; /* espaciado interior */
}


.widget {
  background: linear-gradient(to bottom right, #A82DD8, #5E0081);
}