/* =========================================================
   SOLICITUD DE EGRESADO
   ========================================================= */

.peuca-egresados-form-page .container {
	width: min(1280px, calc(100% - 32px));
}

.peuca-egresados-form-page__hero {
	max-width: none;
}

.peuca-egresados-form-wrap {
	max-width: none;
	width: 100%;
}

.peuca-egresados-form {
	width: 100%;
}

.peuca-egresados-alert {
	margin: 0 0 1.5rem;
	padding: 1rem 1.2rem;
	border-radius: 12px;
	font-weight: 700;
}

.peuca-egresados-alert--success {
	background: #ecfdf3;
	border: 1px solid #b7ebc9;
	color: #196b3c;
}

.peuca-egresados-alert--error {
	background: #fff1f2;
	border: 1px solid #fecdd3;
	color: #b42318;
}

.peuca-egresados-grid {
	display: grid;
	gap: 16px;
	margin-bottom: 1rem;
}

.peuca-egresados-grid--top {
	grid-template-columns: 1fr 1fr;
}

.peuca-egresados-grid--name {
	grid-template-columns: 0.85fr 1.15fr;
}

.peuca-egresados-divider {
	height: 1px;
	margin: 1.5rem 0;
	background: #e2e7ee;
}

.peuca-egresados-estudios {
	margin: 0 0 1.5rem;
	padding: 0;
	border: 0;
	background: transparent;
}

.peuca-egresados-estudios__title {
	margin: 0 0 1rem;
	font-size: 1.1rem;
	font-weight: 800;
	color: #0d1b4c;
}

.peuca-egresados-estudio-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 160px;
	gap: 16px;
	align-items: end;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #e8edf3;
}

.peuca-egresados-estudio-row:last-child {
	margin-bottom: 0;
}

.peuca-egresados-estudio-row__year input[type="number"] {
	text-align: center;
}

/* =========================================================
   CONFIRMACIÓN DE ENVÍO
   ========================================================= */

.peuca-egresados-confirm-box {
	padding: 1.5rem;
	border: 1px solid #d9e6d9;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.peuca-egresados-confirm-box p {
	margin: 0 0 1rem;
	color: #42526b;
	line-height: 1.7;
}

.peuca-egresados-confirm-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}

.peuca-egresados-confirm-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

@media (max-width: 768px) {
	.peuca-egresados-grid--top,
	.peuca-egresados-grid--name,
	.peuca-egresados-estudio-row {
		grid-template-columns: 1fr;
	}

	.peuca-egresados-confirm-actions {
		flex-direction: column;
		align-items: flex-start;
	}
}