/* SIGCP · Personas | Estilos encapsulados. No afecta Persona 360. */
.sigcp-personas {
	--p-navy: #152d49;
	--p-teal: #008b91;
	--p-line: #dce5ef;
	--p-bg: #f3f7fb;
	color: #172d49
}

	.sigcp-personas .p-eyebrow {
		color: var(--p-teal);
		font-size: .72rem;
		font-weight: 800;
		letter-spacing: .1em;
		text-transform: uppercase
	}

	.sigcp-personas .p-heading {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1rem;
		flex-wrap: wrap;
		margin: 0 0 1.15rem
	}

		.sigcp-personas .p-heading h2 {
			font-size: 1.6rem;
			font-weight: 750;
			color: var(--p-navy);
			margin: .15rem 0
		}

	.sigcp-personas .p-subtitle {
		color: #61738b;
		margin: .3rem 0 0
	}

	.sigcp-personas .p-card {
		background: #fff;
		border: 1px solid var(--p-line);
		border-top: 3px solid var(--p-navy);
		border-radius: 10px;
		box-shadow: 0 5px 17px rgba(21,45,73,.045);
		margin-bottom: 1.1rem;
		overflow: hidden
	}

	.sigcp-personas .p-card-head {
		padding: 1rem 1.15rem;
		border-bottom: 1px solid #e9eff5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem
	}

		.sigcp-personas .p-card-head strong {
			font-size: 1rem;
			color: var(--p-navy)
		}

	.sigcp-personas .p-card-body {
		padding: 1.15rem
	}

	.sigcp-personas .p-form-grid {
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 1rem 1.2rem
	}

		.sigcp-personas .p-form-grid > .col-md-3, .sigcp-personas .p-form-grid > .col-md-4 {
			width: auto;
			max-width: none;
			flex: none;
			padding: 0
		}

	.sigcp-personas .form-label {
		font-weight: 700;
		color: var(--p-navy);
		font-size: .88rem;
		margin-bottom: .35rem
	}

	.sigcp-personas .form-control, .sigcp-personas .form-select {
		border: 1px solid #d7e2ed;
		border-radius: 6px;
		min-height: 38px;
		background-color: #fff;
		color: #1b314b;
		width: 100%
	}

		.sigcp-personas .form-control:focus, .sigcp-personas .form-select:focus {
			border-color: var(--p-teal);
			box-shadow: 0 0 0 3px rgba(0,139,145,.12)
		}

	.sigcp-personas .p-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: .3rem;
		border: 1px solid transparent;
		border-radius: 5px;
		padding: .44rem .8rem;
		font-size: .86rem;
		font-weight: 650;
		text-decoration: none;
		line-height: 1.3;
		cursor: pointer;
		white-space: normal;
		text-align: center
	}

	.sigcp-personas .p-btn-primary {
		background: #1b3959;
		color: white;
		border-color: #1b3959
	}

		.sigcp-personas .p-btn-primary:hover {
			background: #102a46;
			color: white
		}

	.sigcp-personas .p-btn-secondary {
		background: #fff;
		color: #52677d;
		border-color: #a6b4c4
	}

		.sigcp-personas .p-btn-secondary:hover {
			background: #f2f6fa;
			color: #1b3959
		}

	.sigcp-personas .p-btn-danger {
		background: #fff;
		color: #b42336;
		border-color: #e2a3aa
	}

		.sigcp-personas .p-btn-danger:hover {
			background: #fff0f1;
			color: #9b1c2e
		}

	.sigcp-personas .p-actions {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
		margin-top: 1.2rem
	}

	.sigcp-personas .p-table {
		width: 100%;
		border-collapse: collapse;
		margin: 0
	}

		.sigcp-personas .p-table thead th {
			background: var(--p-navy);
			color: white;
			font-weight: 700;
			border: 0;
			padding: .8rem .85rem;
			white-space: nowrap
		}

		.sigcp-personas .p-table tbody td {
			padding: .8rem .85rem;
			border-bottom: 1px solid #e2e9f1;
			vertical-align: middle
		}

		.sigcp-personas .p-table tbody tr:nth-child(odd) {
			background: #f4f7fa
		}

		.sigcp-personas .p-table tbody tr:hover {
			background: #edf4f8
		}

	.sigcp-personas .p-pill {
		display: inline-flex;
		align-items: center;
		gap: .35rem;
		padding: .25rem .65rem;
		border-radius: 50px;
		font-size: .8rem;
		font-weight: 700
	}

		.sigcp-personas .p-pill:before {
			content: '';
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: currentColor
		}

	.sigcp-personas .p-pill-active {
		background: #e5f4eb;
		color: #127447
	}

	.sigcp-personas .p-pill-inactive {
		background: #edf0f4;
		color: #5b697a
	}

	.sigcp-personas .p-details-grid {
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: .8rem 1rem
	}

	.sigcp-personas .p-detail {
		border: 1px solid var(--p-line);
		background: var(--p-bg);
		border-radius: 7px;
		padding: .8rem .9rem;
		min-width: 0;
		overflow-wrap: anywhere
	}

	.sigcp-personas .p-detail-label {
		display: block;
		font-size: .76rem;
		color: #60738d;
		margin-bottom: .3rem
	}

	.sigcp-personas .p-detail-value {
		font-weight: 700;
		color: var(--p-navy)
	}

	.sigcp-personas .p-warning {
		padding: 1rem;
		background: #fff8ec;
		border: 1px solid #f0d5a3;
		border-radius: 7px;
		color: #74521d;
		margin-bottom: 1rem
	}

@media(max-width:767px) {
	.sigcp-personas .p-form-grid, .sigcp-personas .p-details-grid {
		grid-template-columns: 1fr
	}

	.sigcp-personas .p-card-body {
		padding: .85rem
	}

	.sigcp-personas .p-table {
		min-width: 730px
	}
}

/* Vista Details: diseño corporativo separado del Razor */
/* Alcance exclusivo: Personas / Details. No afecta otras vistas. */
.sigcp-personas.p-persona-details .p-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.sigcp-personas.p-persona-details .p-heading-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

.sigcp-personas.p-persona-details .p-return {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 13px;
	border: 1px solid #aebccc;
	border-radius: 6px;
	background: #fff;
	color: #173454;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color .15s ease, border-color .15s ease;
}

	.sigcp-personas.p-persona-details .p-return:hover,
	.sigcp-personas.p-persona-details .p-return:focus {
		background: #6c757d;
		border-color: #6c757d;
		color: #ffffff;
		text-decoration: none;
	}

.sigcp-personas.p-persona-details .p-heading-actions .p-btn {
	min-height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	font-size: 12px;
	text-decoration: none;
}

.sigcp-personas.p-persona-details .p-card {
	overflow: hidden;
	border-top: 3px solid #173454;
}

.sigcp-personas.p-persona-details .p-info-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px 22px;
	border-bottom: 1px solid #e3e9ef;
}

.sigcp-personas.p-persona-details .p-info-icon {
	width: 39px;
	height: 39px;
	border-radius: 9px;
	background: #eaf0f6;
	color: #173454;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	flex: 0 0 auto;
}

.sigcp-personas.p-persona-details .p-info-header h3 {
	margin: 0 0 3px;
	font-size: 16px;
	font-weight: 700;
	color: #173454;
}

.sigcp-personas.p-persona-details .p-info-header p {
	margin: 0;
	font-size: 12px;
	color: #667d96;
}

.sigcp-personas.p-persona-details .p-info-content {
	padding: 19px 22px 22px;
}

.sigcp-personas.p-persona-details .p-persona-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding-bottom: 13px;
	border-bottom: 1px solid #cbd6e1;
	color: #173454;
	font-size: 21px;
	font-weight: 500;
}

.sigcp-personas.p-persona-details .p-persona-rows {
	margin-top: 12px;
}

.sigcp-personas.p-persona-details .p-persona-row {
	display: grid;
	grid-template-columns: minmax(180px, 25%) minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	border-bottom: 1px solid #e6ebf0;
	color: #173454;
	font-size: 12.5px;
	line-height: 1.45;
}

	.sigcp-personas.p-persona-details .p-persona-row .p-persona-value {
		overflow-wrap: anywhere;
		font-weight: 500;
	}

@@media (max-width: 640px) {
	.sigcp-personas.p-persona-details .p-info-content {
		padding: 15px;
	}

	.sigcp-personas.p-persona-details .p-info-header {
		padding: 16px;
	}

	.sigcp-personas.p-persona-details .p-persona-row {
		grid-template-columns: 1fr;
		gap: 3px;
		padding: 10px 4px;
	}

		.sigcp-personas.p-persona-details .p-persona-row .p-persona-label {
			color: #647b94;
			font-size: 11px;
		}
}
/* Prioridad específica para la acción Volver al listado */
.sigcp-personas.p-persona-details a.p-return:hover,
.sigcp-personas.p-persona-details a.p-return:focus-visible {
	background-color: #6c757d;
	border-color: #6c757d;
	color: #fff;
}

/* Details: botón Dar de baja con hover rojo sólido */

.sigcp-personas.p-persona-details
.p-heading-actions a.p-btn.p-btn-danger:hover,
.sigcp-personas.p-persona-details
.p-heading-actions a.p-btn.p-btn-danger:focus-visible {
	background: #dc3545;
	border-color: #dc3545;
	color: #ffffff;
	text-decoration: none;
}

/* SIGCP - Personas/Edit - Hover corporativo Cancelar */

.sigcp-personas .p-actions a.p-btn.p-btn-secondary:hover,
.sigcp-personas .p-actions a.p-btn.p-btn-secondary:focus-visible {
	background: #6c757d;
	border-color: #6c757d;
	color: #ffffff;
	text-decoration: none;
}