/* Ajuste general para topbar fijo */
body {
	padding-top: 56px; /* Altura del navbar */
}

/* Sidebar fijo en escritorio */
#sidebar {
	width: 250px;
	top: 56px; /* Debajo del topbar */
	left: 0;
	z-index: 1030;
	transition: transform 0.3s ease;
}

/* Sidebar oculto (toggle) en escritorio */
#sidebar.hidden {
	transform: translateX(-250px);
}

/* Contenedor principal */
.main-content {
	transition: margin-left 0.3s ease;
	padding: 1rem;
}

/* En escritorio: aplicar margen al contenido si sidebar está visible */
@media (min-width: 992px) {
	.with-sidebar {
		margin-left: 250px;
	}

	body.sidebar-hidden .main-content {
		margin-left: 0 !important;
	}
}

/* En móvil: quitar margen siempre */
@media (max-width: 991.98px) {
	.with-sidebar {
		margin-left: 0 !important;
	}
}

/* Etiquetas en multiselect */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	background-color: #e9ecef;
	color: #212529;
	border: none;
	border-radius: 0.25rem;
	padding: 0.25rem 0.5rem;
	margin-top: 0.25rem;
	margin-right: 0.25rem;
	font-size: 0.875rem;
	display: inline-flex;
	align-items: center;
}

/* Botón "x" para remover */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
	color: #6c757d;
	margin-right: 6px;
	font-weight: bold;
	cursor: pointer;
	border: none;
}

/* Etiquetas en multiselect */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	background-color: #e9ecef;
	color: #212529;
	border: none;
	border-radius: 0.25rem;
	padding: 0.25rem 0.5rem;
	margin-top: 0.25rem;
	margin-right: 0.25rem;
	font-size: 0.875rem;
	display: inline-flex;
	align-items: center;
}

/* Botón "x" para remover */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
	color: #6c757d;
	margin-right: 6px;
	font-weight: bold;
	cursor: pointer;
}

/* Quitar el outline azul de todos los inputs, textareas, selects, botones */
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible,
button:focus,
button:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

/* Selección en modo single (renderizado) */
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-height: 38px;
	padding-right: 2rem; /* espacio para la X */
}

.select2-container--bootstrap4 .select2-selection--single {
	display: flex;
	align-items: center;
}

.project-row {
	cursor: pointer;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1rem;
  content: "";
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  transition: transform 0.2s ease-in-out;
  filter: grayscale(100%) brightness(130%);

}

.accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}

/* Padding y algo de espacio interno para los eventos en la vista mensual */
.fc-event, 
.fc-daygrid-event {
    padding: 6px 10px !important;
    border-radius: 6px !important; /* opcional para bordes redondeados */
    box-sizing: border-box;
}

/* Opcional: ajustar el texto para que no se corte */
.fc-event .fc-event-title {
    white-space: normal !important;
	font-weight: 500;
}