/* Fondo y borde del calendario */
#calendar {
  background: #fff;
  border-radius: 12px;
  padding: 0.75rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  border: 2px solid #4CAF50; /* Verde ACIS */
}

/* Encabezado del mes */
.fc-toolbar-title {
  color: #4CAF50; /* Verde */
  font-weight: 700;
}

/* Botón hoy */
.fc-today-button {
  background: #4CAF50 !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
}

/* Botones de navegación */
.fc-prev-button, .fc-next-button {
  background: #9E9E9E !important; /* Gris */
  border: none !important;
  color: #fff !important;
}
.fc-prev-button:hover, .fc-next-button:hover {
  background: #4CAF50 !important;
}

/* Día actual */
.fc-day-today {
  background: #FFEB3B33 !important; /* Amarillo suave */
  border: 2px solid #FFEB3B !important;
}

/* Día seleccionado */
.wpgcal-selected {
  outline: 2px solid #4CAF50;
  outline-offset: -2px;
  background: #E8F5E9; /* Verde muy claro */
}

/* Indicadores de eventos */
.wpgcal-dot {
  position: absolute;
  bottom: 6px;
  right: 8px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #4CAF50; /* Verde por defecto */
  box-shadow: 0 0 0 2px #fff;
}

/* Tarjetas de eventos */
.event-card {
  border-left: 4px solid #4CAF50; /* Verde */
}

.event-card .btn-outline-primary {
  color: #4CAF50;
  border-color: #4CAF50;
}
.event-card .btn-outline-primary:hover {
  background: #4CAF50;
  color: #fff;
}

/* Texto de la descripción */
.event-description {
  font-size: 0.9rem;
  color: #333;
  white-space: pre-wrap;
  margin-top: 0.5rem;
}