/* Personalizaciones propias de PACC. Mantener fuera de los archivos del template Velzon. */
[data-sidebar="dark"] {
	--vz-vertical-menu-bg: #224c73;
	--vz-vertical-menu-border: #224c73;
	--vz-vertical-menu-item-color: rgba(255, 255, 255, .75);
	--vz-vertical-menu-sub-item-color: rgba(255, 255, 255, .7);
	--vz-vertical-menu-title-color: rgba(255, 255, 255, .6);
}

.pacc-auth-page {
	background: #224c73;
}

.pacc-auth-page .card {
	box-shadow: 0 18px 50px rgba(10, 28, 47, .38);
}

.pacc-auth-page .footer {
	color: rgba(255, 255, 255, .82);
}

.pacc-login-carousel,
.pacc-login-carousel .carousel-inner,
.pacc-login-carousel .carousel-item,
.pacc-login-carousel-image {
	height: 100%;
	min-height: 420px;
}

.pacc-login-carousel {
	overflow: hidden;
	position: relative;
}

.pacc-login-carousel::after {
	background: rgba(34, 76, 115, .38);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.pacc-login-carousel-image {
	object-fit: cover;
	object-position: center;
}

.pacc-login-watermark {
	bottom: -1.25rem;
	filter: blur(.6px);
	left: -1.5rem;
	max-height: 70%;
	max-width: 390px;
	opacity: .25;
	pointer-events: none;
	position: absolute;
	transform: rotate(-8deg);
	transform-origin: bottom left;
	width: 64%;
	z-index: 2;
}

.pacc-login-carousel .carousel-indicators,
.pacc-login-carousel .carousel-control-prev,
.pacc-login-carousel .carousel-control-next {
	z-index: 3;
}

.dashboard-hero {
	background: linear-gradient(125deg, #141529 0%, #1557a0 62%, #16a2b8 100%);
	border: 0;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.dashboard-hero::after {
	background: url("../../img/icel/web/logomenu_bco.svg") center / contain no-repeat;
	content: "";
	height: 310px;
	opacity: .075;
	pointer-events: none;
	position: absolute;
	right: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 375px;
	z-index: 0;
}

.dashboard-hero .card-body {
	z-index: 1;
}

.dashboard-role {
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	gap: .45rem;
	padding: .4rem .8rem;
}

.dashboard-stat {
	border: 0;
	box-shadow: 0 2px 8px rgba(30, 42, 60, .06);
	height: 100%;
	transition: transform .18s ease, box-shadow .18s ease;
}

.dashboard-stat:hover {
	box-shadow: 0 8px 22px rgba(30, 42, 60, .11);
	transform: translateY(-2px);
}

.dashboard-stat-icon {
	align-items: center;
	border-radius: 14px;
	display: flex;
	font-size: 1.6rem;
	height: 52px;
	justify-content: center;
	width: 52px;
}

.dashboard-stat-number {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1;
}

.dashboard-chart {
	min-height: 340px;
}

.dashboard-chart-wide {
	min-height: 390px;
}

.dashboard-insight {
	align-items: center;
	background: #f8fafc;
	border: 1px solid #edf0f4;
	border-radius: .65rem;
	display: flex;
	gap: .75rem;
	padding: .8rem 1rem;
}

.dashboard-insight i {
	font-size: 1.3rem;
}

.dashboard-empty {
	align-items: center;
	color: #878a99;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	height: 310px;
	justify-content: center;
	text-align: center;
}
.dashboard-skeleton { padding: 0; }
.dashboard-skeleton-hero, .dashboard-skeleton-card, .dashboard-skeleton-chart, .dashboard-skeleton-insight { background: var(--vz-card-bg, #fff); border: 1px solid #edf0f4; border-radius: 1rem; box-shadow: 0 2px 8px rgba(30, 42, 60, .06); }
.dashboard-skeleton-hero { background: linear-gradient(125deg, #1c2651 0%, #1e659e 100%); min-height: 210px; padding: 2.5rem; }
.dashboard-skeleton-card { min-height: 145px; padding: 1.5rem; position: relative; }
.dashboard-skeleton-insight { align-items: center; display: flex; gap: .85rem; min-height: 76px; padding: .8rem 1rem; }
.dashboard-skeleton-chart { min-height: 390px; padding: 1.5rem; }
.dashboard-skeleton-actions { min-height: 175px; }
.dashboard-skeleton-line, .dashboard-skeleton-icon, .dashboard-skeleton-graph, .dashboard-skeleton-action { display: block; }
.dashboard-skeleton-line { border-radius: .5rem; margin-bottom: .7rem; }
.dashboard-skeleton-line-role { width: 30%; }.dashboard-skeleton-line-title { height: 1.5rem; width: 42%; }.dashboard-skeleton-line-copy { width: 64%; }.dashboard-skeleton-line-copy-short { width: 45%; }.dashboard-skeleton-line-label { width: 48%; }.dashboard-skeleton-line-number { height: 1.8rem; width: 30%; }.dashboard-skeleton-line-small { margin-bottom: 0; width: 56%; }
.dashboard-skeleton-hero .placeholder { background-color: rgba(255, 255, 255, .4); }
.dashboard-skeleton-icon { border-radius: .85rem; height: 52px; position: absolute; right: 1.5rem; top: 1.5rem; width: 52px; }
.dashboard-skeleton-icon-small { border-radius: 50%; flex: 0 0 38px; height: 38px; position: static; width: 38px; }
.dashboard-skeleton-graph { border-radius: .75rem; height: 285px; margin-top: 1.5rem; width: 100%; }
.dashboard-skeleton-action { border-radius: .75rem; height: 58px; width: 100%; }

.quick-action {
	border: 1px solid #e8ebef;
	border-radius: .65rem;
	color: inherit;
	display: flex;
	gap: .85rem;
	padding: 1rem;
	text-decoration: none;
	transition: background .16s ease, border-color .16s ease;
}

.quick-action:hover {
	background: #f6f9fc;
	border-color: #cdd8e5;
	color: inherit;
}

.quick-action i {
	font-size: 1.45rem;
}

.chart-card {
	border: 0;
	box-shadow: 0 2px 8px rgba(30, 42, 60, .06);
}

@media (max-width: 991.98px) {
	.pacc-login-carousel,
	.pacc-login-carousel .carousel-inner,
	.pacc-login-carousel .carousel-item,
	.pacc-login-carousel-image {
		min-height: 300px;
	}

	.pacc-login-watermark {
		bottom: -.75rem;
		left: -1rem;
		max-width: 260px;
		width: 60%;
	}


	.dashboard-hero::after {
		height: 270px;
		opacity: .06;
		right: -1rem;
		width: 325px;
	}
}

@media (max-width: 575.98px) {
	.dashboard-chart,
	.dashboard-chart-wide {
		min-height: 300px;
	}

	.dashboard-hero .card-body {
		padding: 1.5rem !important;
	}

	.dashboard-hero::after {
		height: 220px;
		opacity: .055;
		right: -4.5rem;
		width: 265px;
	}
}

/* Pie compacto del menú lateral. */
.pacc-sidebar-footer {
	align-items: center;
	background: var(--vz-vertical-menu-bg);
	bottom: 0;
	display: flex;
	height: 76px;
	justify-content: center;
	left: 0;
	overflow: hidden;
	padding: .5rem;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 2;
}

.pacc-sidebar-footer img {
	display: block;
	height: auto;
	max-height: 54px;
	max-width: 118px;
	width: auto;
}

[data-sidebar-size="sm"] .pacc-sidebar-footer img {
	max-height: 38px;
	max-width: 48px;
}

/* Panel de notificaciones: cabecera institucional y pestañas alineadas. */
#notificationDropdown .dropdown-menu {
	width: min(420px, calc(100vw - 1rem));
}

#notificationDropdown .dropdown-head {
	background-color: #161528 !important;
}

#notificationDropdown .nav-tabs {
	display: flex;
	flex-wrap: nowrap;
}

#notificationDropdown .nav-item {
	flex: 1 1 0;
	min-width: 0;
}

#notificationDropdown .nav-link {
	padding-left: .5rem;
	padding-right: .5rem;
	text-align: center;

.oferta-secundario { background: #161528 !important; color: #fff !important; display: inline-block; font-size: .72rem; font-weight: 500; margin: .2rem .2rem .2rem 0; padding: .38em .58em; }