/* Notifications CSS */
.notifications_btn .notifications-badge {width: 12px;height: 12px;border-radius: 100%;position: absolute;right: 15px;top: 3px;padding: 0;background: rgba(var(--bs-secondary-rgb), 1);border: var(--bs-btn-bg) 2px solid;transition:.15s;}
.notifications_btn:hover .notifications-badge {border: var(--bs-btn-hover-bg) 2px solid;transition:.15s;}
.avatar {height: 40px;width: 40px;background-size: cover;}
.dropdown_user {min-width: 300px;}
.avatar_big {font-size: 20px;width: 50px !important;height: 50px !important;background-size: cover;}
.notification *:last-child {margin-bottom: 0 !important;}
#notifications.modal.right .modal-dialog,
#menu_panel.modal.right .modal-dialog {max-width: 400px;}


.banner_img_vertical {
	background-position: bottom -1px right -1px;
	background-size: contain;
	background-repeat: no-repeat;
}
.banner_img_vertical .banner_content {
	margin-bottom: 200px;
}	
.banner_img_horizontal {
	background-position: bottom -1px right -1px;
	background-size: 60%;
	background-repeat: no-repeat;
}
.banner_img_horizontal .banner_content {
	margin-bottom: 60px;
	margin-top: 60px;
}	
@media(max-width: 768px) {
	.banner_img_horizontal {
		background-size: contain;
	}
	.banner_img_horizontal .banner_content {
		margin-bottom: 200px;
		margin-top: 0px;
	}	
}
.pagination{
	display:flex;justify-content:center;padding:2rem 0
}
.pagination em,
.pagination span,
.pagination a {
	display:flex;
	width:40px;
	height:40px;
	border-radius:100px;
	justify-content:center;
	align-items:center;
	margin:0 10px;
	text-decoration:none;
	transition:.3s;
	font-style:normal !important;
}
.pagination .disabled {
	cursor: normal;
	color: rgba(var(--bs-primary-200-rgb));
}
.pagination .current {
	color: rgb(var(--bs-white-rgb));
	border-color: rgb(var(--bs-primary-rgb));
	background: rgb(var(--bs-primary-rgb));
}
.pagination a {
	color: rgb(var(--bs-gray-700-rgb));
	transition:.3s}
.pagination a:hover {
	color: rgb(var(--bs-primary-500-rgb));
	transition:.3s
}

.breadcrumb-dark .breadcrumb .last {
	color: var(--bs-white);
}
.breadcrumb-dark .breadcrumb .separator {
	color: var(--bs-gray-400);
}
.description iframe {
	width: 100%;
	height:unset;
	aspect-ratio: 16 / 9;
}

.nav-item .btn {
  --bs-btn-padding-x: 1.5rem; 
}

.breadcrumb-dark {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-light);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-light);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.list-unstyled li {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.list-unstyled i {
    color: var(--primary-blue);
}

.list-unstyled {
    justify-content: center;
}

/* ===== Utilidades compartidas de las secciones mdy ===== */

/* Fondo claro con degradado azul abajo a la derecha */
.mdy-bg-soft {
	background:
		radial-gradient(55% 75% at 100% 100%, rgba(var(--bs-secondary-200-rgb), .55), transparent 72%),
		var(--bs-secondary-soft);
}

/* Fondo blanco translúcido sobre fondos oscuros (Bootstrap parte en 10) */
.bg-opacity-5 { --bs-bg-opacity: .05; }

/* Color de borde para .border, .border-top, etc. (Dynamic no trae estos tonos) */
.border-primary-100 { --bs-border-color: var(--bs-primary-100); }
.border-primary-300 { --bs-border-color: var(--bs-primary-300); }
.border-secondary-100 { --bs-border-color: var(--bs-secondary-100); }
.border-secondary-200 { --bs-border-color: var(--bs-secondary-200); }

/* Anclas: que el título no quede bajo el header fijo */
section[id] { scroll-margin-top: 4.25rem; }

/* Sombra de tarjeta flotando sobre fondo oscuro */
.mdy-shadow-xl { box-shadow: 0 40px 90px -30px rgb(0 0 0 / .55), 0 12px 30px -12px rgb(0 0 0 / .4); }

/* Columna fija mientras se recorre la otra, desde lg */
@media (min-width: 992px) {
	.mdy-sticky-lg { position: sticky; top: 7rem; }
}

/* Ícono en caja (los colores van con utilidades) */
.mdy-icon-box { width: 2.75rem; height: 2.75rem; border-radius: .75rem; }
.mdy-icon-box-sm { width: 2.25rem; height: 2.25rem; border-radius: .625rem; }
.mdy-icon-box-lg { width: 3rem; height: 3rem; border-radius: .875rem; }

/* Proporción 1:1, para que un ícono con padding y rounded-circle quede redondo */
.mdy-ratio-1x1 { aspect-ratio: 1 / 1; }

/* Links del breadcrumb en azul: el verde no da contraste AA sobre blanco */
a.breadcrumb-text { color: rgba(var(--bs-secondary-500-rgb), var(--bs-link-opacity, 1)) !important; }

/* Píldoras de estado (Pendiente de revisión → Aprobado) */
.mdy-pill { padding: .375rem .75rem .375rem .5rem; font-size: .8125rem; }
.mdy-status .mdi { font-size: 1.125rem; }

/* Fondo oscuro con aurora (verde a la izquierda, azul abajo, violeta a la derecha) */
.mdy-bg-aurora {
	background-color: var(--bs-secondary-900);
	background-image:
		radial-gradient(50% 60% at 0% 70%, rgba(var(--bs-primary-rgb), .22), transparent 75%),
		radial-gradient(60% 60% at 50% 115%, rgba(var(--bs-secondary-rgb), .55), transparent 72%),
		radial-gradient(50% 70% at 100% 105%, rgba(var(--bs-purple-rgb), .45), transparent 72%);
}