/*
 SIGCP — F1-I5-S7-007
 Dashboard corporativo
*/

/*.sigcp-dashboard {
	color: #26384c;
}

.sigcp-dashboard-hero {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	padding: 38px;
	border-radius: 16px;
	background: linear-gradient( 120deg, #142b46, #214b68 );
	color: #ffffff;
}

.sigcp-dashboard-eyebrow {
	margin-bottom: 14px;
	color: #80dadb;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
}

.sigcp-dashboard-hero h1 {
	margin: 0 0 12px;
	color: #ffffff;
	font-size: 34px;
	font-weight: 700;
}

.sigcp-dashboard-hero p {
	margin: 0 0 12px;
	color: #d9e6f1;
	font-size: 16px;
}

.sigcp-dashboard-description {
	max-width: 650px;
	line-height: 1.7;
}

.sigcp-dashboard-emblem {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 145px;
	height: 145px;
	border: 2px solid rgba(255,255,255,.3);
	border-radius: 24px;
	color: #ffffff;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: 3px;
	background: rgba(255,255,255,.08);
}

.sigcp-dashboard-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 35px 0 18px;
}

	.sigcp-dashboard-heading h2 {
		margin: 0 0 6px;
		font-size: 22px;
		font-weight: 700;
	}

	.sigcp-dashboard-heading p {
		margin: 0;
		color: #708297;
	}

.sigcp-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 18px;
}

.sigcp-dashboard-card {
	padding: 24px;
	background: #ffffff;
	border: 1px solid #dce5ee;
	border-radius: 14px;
	box-shadow: 0 4px 16px rgba(20,43,70,.04);
}

.sigcp-dashboard-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	border-radius: 12px;
	background: #e1f2f3;
	color: #126f77;
	font-weight: 800;
	font-size: 20px;
}

.sigcp-dashboard-card h3 {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
}

.sigcp-dashboard-card p {
	min-height: 65px;
	color: #63768a;
	line-height: 1.6;
}

.sigcp-dashboard-card .btn {
	margin-top: 10px;
}

.sigcp-dashboard-tag {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 20px;
	background: #eef3f7;
	color: #536a80;
	font-size: 12px;
}

.sigcp-dashboard-panel {
	margin-top: 25px;
	padding: 30px;
	border: 1px solid #dce5ee;
	border-radius: 14px;
	background: #ffffff;
}

.sigcp-dashboard-note {
	margin-top: 28px;
	padding: 22px;
	border-left: 4px solid #168b91;
	border-radius: 10px;
	background: #ffffff;
}

	.sigcp-dashboard-note p {
		margin: 8px 0 0;
		color: #63768a;
	}

@media (max-width: 700px) {

	.sigcp-dashboard-hero {
		padding: 26px;
	}

		.sigcp-dashboard-hero h1 {
			font-size: 27px;
		}

	.sigcp-dashboard-emblem {
		display: none;
	}

	.sigcp-dashboard-grid {
		grid-template-columns: 1fr;
	}
}*/
/* SIGCP-UI-004A — Dashboard corporativo aprobado.
   Solo presentación: conserva la estructura Razor y las acciones existentes.
   Los estilos se restringen a .sigcp-dashboard. */
.sigcp-dashboard {
	color: var(--sigcp-text, #26384c);
}

	.sigcp-dashboard *, .sigcp-dashboard *::before, .sigcp-dashboard *::after {
		box-sizing: border-box;
	}

.sigcp-dashboard-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 226px;
	padding: 34px 38px;
	border-radius: 15px;
	background: linear-gradient(112deg,#112c49 0%,#123f62 62%,#075783 100%);
	color: #fff;
	box-shadow: 0 9px 26px rgba(15,45,75,.09);
}

	.sigcp-dashboard-hero::before {
		content: "";
		position: absolute;
		z-index: -1;
		pointer-events: none;
		top: -13%;
		right: 9%;
		width: 36%;
		height: 128%;
		opacity: .47;
		background: url("Images/sigcp-icons/mapa-mundial.svg") center / contain no-repeat;
	}

	.sigcp-dashboard-hero::after {
		content: "";
		position: absolute;
		z-index: -1;
		pointer-events: none;
		width: 65%;
		height: 230%;
		right: -17%;
		bottom: -193%;
		border-radius: 50%;
		border: 1px solid rgba(163,220,238,.14);
	}

	.sigcp-dashboard-hero > div:first-child {
		min-width: 0;
		max-width: 790px;
	}

.sigcp-dashboard-eyebrow {
	margin: 0 0 14px;
	color: #a5eff0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
}

.sigcp-dashboard-hero h1 {
	margin: 0 0 8px;
	color: #fff;
	font-size: clamp(26px,2.3vw,35px);
	font-weight: 750;
	line-height: 1.2;
}

.sigcp-dashboard-hero p {
	margin: 0 0 12px;
	color: #f0f7fc;
	font-size: 15px;
	line-height: 1.6;
}

.sigcp-dashboard-description {
	max-width: 720px;
	margin-bottom: 0 !important;
}

.sigcp-dashboard-emblem {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 126px;
	width: 126px;
	height: 126px;
	border: 1.5px solid rgba(210,239,252,.55);
	border-radius: 22px;
	background: rgba(255,255,255,.065);
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: .06em;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.sigcp-dashboard-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin: 30px 0 16px;
}

	.sigcp-dashboard-heading h2 {
		margin: 0 0 5px;
		color: #17324f;
		font-size: 22px;
		font-weight: 750;
		line-height: 1.3;
	}

	.sigcp-dashboard-heading p {
		margin: 0;
		color: #657b92;
		font-size: 13px;
	}

.sigcp-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 16px;
}

.sigcp-dashboard-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 21px;
	border: 1px solid #dce5ee;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 5px 18px rgba(20,43,70,.045);
	transition: box-shadow .18s ease, transform .18s ease;
}

	.sigcp-dashboard-card:hover {
		box-shadow: 0 10px 25px rgba(20,43,70,.085);
		transform: translateY(-2px);
	}

.sigcp-dashboard-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 15px;
	border-radius: 12px;
	background: #e1f1fc;
}

	.sigcp-dashboard-card-icon img {
		display: block;
		width: 29px;
		height: 29px;
	}

.sigcp-dashboard-card--personas .sigcp-dashboard-card-icon {
	background: #e0f6f4;
}

.sigcp-dashboard-card--territorial .sigcp-dashboard-card-icon {
	background: #e4f5eb;
}

.sigcp-dashboard-card--electoral .sigcp-dashboard-card-icon,
.sigcp-dashboard-card--roles .sigcp-dashboard-card-icon {
	background: #eee9ff;
}

.sigcp-dashboard-card h3 {
	margin: 0 0 9px;
	color: #142e4c;
	font-size: 16px;
	font-weight: 750;
	line-height: 1.35;
}

.sigcp-dashboard-card p {
	flex: 1 1 auto;
	min-height: 0;
	margin: 0 0 16px;
	color: #5d7289;
	font-size: 13px;
	line-height: 1.65;
}

.sigcp-dashboard-tag {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 6px 11px;
	border-radius: 999px;
	background: #e9f2fc;
	color: #155d9c;
	font-size: 11px;
	font-weight: 600;
}

.sigcp-dashboard-card--personas .sigcp-dashboard-tag {
	background: #e2f7f4;
	color: #087b82;
}

.sigcp-dashboard-card--territorial .sigcp-dashboard-tag {
	background: #e6f6eb;
	color: #247344;
}

.sigcp-dashboard-card--electoral .sigcp-dashboard-tag {
	background: #eee9ff;
	color: #5542aa;
}

.sigcp-dashboard-card .btn {
	margin-top: auto;
	white-space: normal;
}
/* Tarjetas de administración: conservar enlaces y condiciones Razor existentes. */
.sigcp-dashboard-grid--administracion {
	grid-template-columns: repeat(2,minmax(0,1fr));
}

.sigcp-dashboard-panel {
	margin-top: 24px;
	padding: 28px;
	border: 1px solid #dce5ee;
	border-radius: 13px;
	background: #fff;
}

.sigcp-dashboard-note {
	margin-top: 26px;
	padding: 19px 22px;
	border: 1px solid #dce5ee;
	border-left: 4px solid #168b91;
	border-radius: 11px;
	background: #fff;
}

	.sigcp-dashboard-note strong {
		color: #17324f;
	}

	.sigcp-dashboard-note p {
		margin: 8px 0 0;
		color: #61758b;
		font-size: 13px;
		line-height: 1.65;
	}

@media (max-width: 1200px) {
	.sigcp-dashboard-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 700px) {
	.sigcp-dashboard-hero {
		padding: 26px 22px;
		min-height: 0;
	}

		.sigcp-dashboard-hero::before {
			width: 70%;
			right: -15%;
			opacity: .25;
		}

	.sigcp-dashboard-emblem {
		display: none;
	}

	.sigcp-dashboard-hero p {
		font-size: 13px;
	}

	.sigcp-dashboard-heading h2 {
		font-size: 20px;
	}

	.sigcp-dashboard-grid, .sigcp-dashboard-grid--administracion {
		grid-template-columns: minmax(0,1fr);
	}

	.sigcp-dashboard-card {
		padding: 19px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sigcp-dashboard-card {
		transition: none;
	}

		.sigcp-dashboard-card:hover {
			transform: none;
		}
}
/* ==================================================
   SIGCP - ICONOGRAFÍA DASHBOARD
   Compatible con Bootstrap 5 y Bootstrap Icons
   ================================================== */

.sigcp-dashboard .sigcp-dashboard-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

	.sigcp-dashboard .sigcp-dashboard-card-icon .bi {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		font-size: 21px;
		line-height: 1;
		color: #173456;
	}

		.sigcp-dashboard .sigcp-dashboard-card-icon .bi::before {
			font-family: "bootstrap-icons" !important;
			font-style: normal;
			font-weight: normal !important;
			line-height: 1;
		}

/* ==========================================
   SIGCP - ICONOS SIDEBAR
   Bootstrap Icons / Diseño corporativo
   ========================================== */

.sigcp-sidebar .sigcp-nav-icon.bi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	min-width: 20px;
	height: 20px;
	margin-right: 10px;
	font-size: 15px;
	line-height: 1;
	color: #173456;
	flex-shrink: 0;
}

	.sigcp-sidebar .sigcp-nav-icon.bi::before {
		font-family: "bootstrap-icons" !important;
		font-style: normal;
		font-weight: normal !important;
		line-height: 1;
	}

.sigcp-sidebar .sigcp-nav-link.active .sigcp-nav-icon.bi {
	color: #087f91;
}