/* =========================================================
   PREINSCRIPCIÓN NIVEL INICIAL
   Diseño visual - Ciclo Lectivo 2027
   ========================================================= */


/* =========================================================
   CONTENEDOR
   ========================================================= */

.preinscripcion-inicial {
	width: 100%;
	padding-bottom: 24px;
	color: #243b53;
	font-size: 14px;
	line-height: 1.55;
}

.preinscripcion-inicial * {
	box-sizing: border-box;
}

.preinscripcion-inicial:before,
.preinscripcion-inicial:after {
	display: table;
	content: " ";
}

.preinscripcion-inicial:after {
	clear: both;
}


/* =========================================================
   CABECERA
   ========================================================= */

.pi-cabecera {
	margin-bottom: 22px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d8e2ec;
}

.pi-cabecera-titulo {
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	color: #18538c;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
}

.pi-cabecera-subtitulo {
	display: block;
	color: #536b82;
	font-size: 15px;
	font-weight: 600;
}


/* =========================================================
   BLOQUES INFORMATIVOS
   ========================================================= */

.preinscripcion-inicial .pi-card {
	margin-bottom: 18px;
	padding: 20px 22px;
	border: 1px solid #cbdced;
	border-radius: 5px;
	background: #f8fbff;
	box-shadow: none;
}

.preinscripcion-inicial .pi-card-titulo {
	margin: 0 0 10px 0;
	color: #174f87;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-card p:last-child,
.preinscripcion-inicial .pi-card ul:last-child,
.preinscripcion-inicial .pi-card ol:last-child {
	margin-bottom: 0;
}

.preinscripcion-inicial .pi-card ul,
.preinscripcion-inicial .pi-card ol {
	margin-bottom: 0;
	padding-left: 22px;
}

.preinscripcion-inicial .pi-card li {
	margin-bottom: 6px;
}

.preinscripcion-inicial .pi-card li:last-child {
	margin-bottom: 0;
}


/* AVISO */

.preinscripcion-inicial .pi-card-warning {
	border-color: #efd39c;
	background: #fffaf0;
}

.preinscripcion-inicial .pi-card-warning .pi-card-titulo {
	color: #8a5a00;
}


/* INFORMACIÓN */

.preinscripcion-inicial .pi-card-info {
	border-color: #bdd8f5;
	background: #f4f9ff;
}


/* =========================================================
   CONSULTAS E INFORMES
   ========================================================= */

.preinscripcion-inicial .pi-contacto {
	margin-bottom: 20px;
	padding: 22px 26px;
	border: 1px solid #2875be;
	border-radius: 5px;
	background: #317fca;
	color: #fff;
}

.preinscripcion-inicial .pi-contacto-titulo {
	margin: 0 0 15px 0;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-contacto strong,
.preinscripcion-inicial .pi-contacto a {
	color: #fff;
}

.preinscripcion-inicial .pi-contacto a {
	text-decoration: underline;
}

.preinscripcion-inicial .pi-contacto a:hover,
.preinscripcion-inicial .pi-contacto a:focus {
	color: #fff;
	text-decoration: none;
}

.preinscripcion-inicial .pi-contacto-lista {
	margin: 0;
	padding-left: 20px;
}

.preinscripcion-inicial .pi-contacto-lista li {
	margin-bottom: 9px;
}

.preinscripcion-inicial .pi-contacto-lista li:last-child {
	margin-bottom: 0;
}


/* =========================================================
   REIMPRESIÓN / ANULACIÓN
   ========================================================= */

.preinscripcion-inicial .pi-acciones {
	margin: 22px 0 24px 0;
}

.preinscripcion-inicial .pi-acciones form {
	margin: 0 0 12px 0;
}

.preinscripcion-inicial .pi-acciones form:last-child {
	margin-bottom: 0;
}

.preinscripcion-inicial .pi-accion {
	border: 1px solid #c8dced;
	border-radius: 5px;
	background: #f6faff;
	overflow: hidden;
}

.preinscripcion-inicial .pi-accion-cabecera {
	display: flex !important;
	position: static !important;
	float: none !important;
	align-items: center;
	width: 100%;
	min-height: 80px;
	padding: 16px 18px !important;
	background: #f4f9ff;
	color: #174f87 !important;
	text-decoration: none !important;
}

.preinscripcion-inicial .pi-accion-cabecera:hover,
.preinscripcion-inicial .pi-accion-cabecera:focus {
	background: #edf6ff;
	color: #174f87 !important;
	text-decoration: none !important;
}


/* ICONOS */

.preinscripcion-inicial .pi-accion-icono {
	display: flex;
	flex: 0 0 46px;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-right: 16px;
	border-radius: 50%;
	background: #e8f3ff;
	color: #0870d1;
	font-size: 21px;
}

.preinscripcion-inicial .pi-accion-icono-anular {
	background: #fff0ef;
	color: #d33a32;
}


/* TEXTO */

.preinscripcion-inicial .pi-accion-texto {
	flex: 1;
	min-width: 0;
	padding-right: 20px;
}

.preinscripcion-inicial .pi-accion-titulo {
	margin: 0 0 4px 0;
	color: #174f87;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-accion-descripcion {
	margin: 0;
	color: #607991;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
}


/* BOTÓN VISUAL CABECERA */

.preinscripcion-inicial .pi-accion-botonera {
	flex: 0 0 auto;
	margin-left: 15px;
}

.preinscripcion-inicial .pi-accion-boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 160px;
	height: 42px;
	padding: 0 16px;
	border: 1px solid #338af0;
	border-radius: 4px;
	background: #fff;
	color: #1267bd;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-accion-boton span {
	margin-right: 7px;
}

.preinscripcion-inicial .pi-accion-boton-anular {
	border-color: #dc5149;
	color: #c9322c;
}


/* CONTENIDO DESPLEGABLE */

.preinscripcion-inicial .pi-accion-contenido {
	padding: 22px 22px 20px 22px;
	border-top: 1px solid #d4e2ee;
	background: #fff;
}

.preinscripcion-inicial .pi-accion-contenido:before,
.preinscripcion-inicial .pi-accion-contenido:after {
	display: table;
	content: " ";
}

.preinscripcion-inicial .pi-accion-contenido:after {
	clear: both;
}

.preinscripcion-inicial .pi-accion-contenido .row {
	margin-left: -15px;
	margin-right: -15px;
}

.preinscripcion-inicial .pi-accion-contenido label {
	margin-bottom: 7px;
}

.preinscripcion-inicial .pi-accion-contenido-botonera {
	clear: both;
	padding-top: 4px;
}


/* BOTONES REALES */

.preinscripcion-inicial .pi-btn-accion {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 18px;
	border-radius: 4px;
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-btn-accion span {
	margin-right: 7px;
}

.preinscripcion-inicial .pi-btn-accion-reimprimir {
	border: 1px solid #2480d9;
	color: #1469b9;
}

.preinscripcion-inicial .pi-btn-accion-reimprimir:hover,
.preinscripcion-inicial .pi-btn-accion-reimprimir:focus {
	background: #edf6ff;
	color: #105b9f;
}

.preinscripcion-inicial .pi-btn-accion-anular {
	border: 1px solid #dc5149;
	color: #c9322c;
}

.preinscripcion-inicial .pi-btn-accion-anular:hover,
.preinscripcion-inicial .pi-btn-accion-anular:focus {
	background: #fff4f3;
	color: #aa2924;
}


/* =========================================================
   AVISO CAMPOS OBLIGATORIOS
   ========================================================= */

.preinscripcion-inicial .pi-aviso-general {
	margin: 20px 0;
	padding: 12px 15px;
	border: 1px solid #bdd8f5;
	border-radius: 5px;
	background: #f5faff;
	color: #2867a5;
	font-size: 13px;
}

.preinscripcion-inicial .pi-aviso-general .fa {
	margin-right: 6px;
}

.preinscripcion-inicial .required,
.preinscripcion-inicial .pi-required {
	color: #d92332;
	font-weight: 700;
}


/* =========================================================
   PASOS
   ========================================================= */

.preinscripcion-inicial .pi-pasos {
	margin: 0;
	padding: 0;
	list-style: none;
}

.preinscripcion-inicial .pi-pasos > .pi-paso {
	margin: 0 0 12px 0;
	border: 1px solid #ccd9e6;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
}

.preinscripcion-inicial .pi-paso-cabecera {
	display: flex !important;
	position: static !important;
	float: none !important;
	align-items: center;
	width: 100%;
	min-height: 62px;
	padding: 12px 18px !important;
	border: 0;
	background: #f3f3f3;
	color: #174f87 !important;
	text-decoration: none !important;
}

.preinscripcion-inicial .pi-paso-cabecera:hover,
.preinscripcion-inicial .pi-paso-cabecera:focus {
	background: #edf4fb;
	color: #174f87 !important;
	text-decoration: none !important;
}

.preinscripcion-inicial .pi-paso-numero {
	display: flex !important;
	position: static !important;
	float: none !important;
	flex: 0 0 42px;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0 14px 0 0 !important;
	padding: 0 !important;
	border-radius: 50%;
	background: #0b6dcc;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 42px;
	text-align: center;
}

.preinscripcion-inicial .pi-paso-cabecera h6 {
	display: block !important;
	position: static !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #174f87;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.preinscripcion-inicial .pi-pasos .step-content {
	padding: 28px 18px 20px 18px;
	border-top: 1px solid #dde5ed;
	background: #fff;
}


/* =========================================================
   SUBSECCIONES
   ========================================================= */

.preinscripcion-inicial .pi-subseccion {
	clear: both;
	margin: 6px 15px 20px 15px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #dce6ef;
	color: #18538c;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}


/* =========================================================
   CAMPOS
   ========================================================= */

.preinscripcion-inicial #form_ver_inscripcion_inicial .col-sm-3,
.preinscripcion-inicial #form_ver_inscripcion_inicial .col-sm-4,
.preinscripcion-inicial #form_ver_inscripcion_inicial .col-sm-6,
.preinscripcion-inicial #form_ver_inscripcion_inicial .col-sm-8,
.preinscripcion-inicial #form_ver_inscripcion_inicial .col-sm-9,
.preinscripcion-inicial #form_ver_inscripcion_inicial .col-sm-12 {
	margin-bottom: 18px;
}

.preinscripcion-inicial label {
	display: block;
	margin-bottom: 7px;
	color: #193653;
	font-size: 13px;
	font-weight: 700;
}

.preinscripcion-inicial .form-control {
	width: 100%;
	height: 42px;
	padding: 9px 12px;
	border: 1px solid #cbd8e6;
	border-radius: 5px;
	background-color: #fff;
	color: #263f57;
	font-size: 14px;
	box-shadow: none;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.preinscripcion-inicial .form-control:focus {
	border-color: #4a96df;
	box-shadow: 0 0 0 2px rgba(43, 126, 205, .10);
	outline: none;
}

.preinscripcion-inicial .form-control[disabled],
.preinscripcion-inicial .form-control[readonly] {
	background: #f2f5f8;
	color: #66788a;
	cursor: not-allowed;
}

.preinscripcion-inicial .input-group {
	width: 100%;
}

.preinscripcion-inicial .input-group .form-control {
	width: 100% !important;
}


/* =========================================================
   SELECT2
   ========================================================= */

.preinscripcion-inicial .select2-container {
	width: 100% !important;
}

.preinscripcion-inicial .select2-container--default .select2-selection--single {
	height: 42px;
	border: 1px solid #cbd8e6;
	border-radius: 5px;
	background: #fff;
}

.preinscripcion-inicial .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 12px;
	padding-right: 32px;
	color: #263f57;
	line-height: 40px;
}

.preinscripcion-inicial .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
}


/* =========================================================
   MENSAJES
   ========================================================= */

.preinscripcion-inicial #notificacion,
.preinscripcion-inicial #mensaje_edad,
.preinscripcion-inicial #mensaje_tutor,
.preinscripcion-inicial #resultado {
	width: 100%;
}


/* =========================================================
   CONTINUAR
   ========================================================= */

.preinscripcion-inicial .buttons-box {
	clear: both;
	margin-top: 4px;
	padding-top: 18px;
	border-top: 1px solid #e0e7ee;
}

.preinscripcion-inicial .buttons-box .required {
	display: inline-block;
	margin-right: 15px;
	padding-top: 10px;
	font-size: 12px;
}

.preinscripcion-inicial .continue {
	float: right;
	min-height: 40px;
	padding: 10px 18px;
	border: 1px solid #176ec5;
	border-radius: 4px;
	background: #176ec5;
	color: #fff !important;
	font-weight: 700;
}

.preinscripcion-inicial .continue:hover,
.preinscripcion-inicial .continue:focus {
	border-color: #125da8;
	background: #125da8;
	color: #fff !important;
}


/* =========================================================
   DECLARACIÓN JURADA
   ========================================================= */

.preinscripcion-inicial .pi-declaracion-jurada {
	display: flex;
	clear: both;
	align-items: center;
	margin: 16px 0 20px 0;
	padding: 16px 20px;
	border: 1px solid #b9d7f3;
	border-radius: 5px;
	background: #eaf5ff;
}

.preinscripcion-inicial .pi-declaracion-icono {
	flex: 0 0 44px;
	width: 44px;
	margin-right: 14px;
	color: #096dce;
	font-size: 34px;
	line-height: 1;
	text-align: center;
}

.preinscripcion-inicial .pi-declaracion-texto {
	flex: 1;
}

.preinscripcion-inicial .pi-declaracion-titulo {
	margin: 0 0 3px 0;
	color: #174f87;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-declaracion-descripcion {
	margin: 0;
	color: #37658f;
	font-size: 13px;
	line-height: 1.5;
}


/* =========================================================
   CAPTCHA
   ========================================================= */

.preinscripcion-inicial .pi-captcha {
	clear: both;
	margin-top: 20px;
	padding: 24px;
	border: 1px solid #bdd8f5;
	border-radius: 5px;
	background: #f3f9ff;
}

.preinscripcion-inicial .pi-captcha-titulo {
	margin: 0 0 5px 0;
	color: #18538c;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-captcha-descripcion {
	margin: 0 0 20px 0;
	color: #587087;
	font-size: 13px;
}

.preinscripcion-inicial .pi-captcha-contenedor {
	max-width: 570px;
	margin: 0 auto;
}

.preinscripcion-inicial .pi-captcha-imagen-contenedor {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 12px;
}

.preinscripcion-inicial #secure_image {
	display: block;
	float: none !important;
	width: 100% !important;
	max-width: 440px;
	height: auto;
	margin: 0 !important;
	border: 1px solid #e0e6eb;
	background: #fff;
}

.preinscripcion-inicial .pi-captcha-recargar {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-radius: 4px;
}


/* =========================================================
   FINALIZAR
   ========================================================= */

.preinscripcion-inicial .pi-finalizar {
	clear: both;
	margin-top: 22px;
	margin-bottom: 10px;
}

.preinscripcion-inicial #ir_inicio {
	display: block;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 13px 20px;
	border: 1px solid #079332;
	border-radius: 5px;
	background: #079332;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	box-shadow: none;
}

.preinscripcion-inicial #ir_inicio:hover,
.preinscripcion-inicial #ir_inicio:focus {
	border-color: #067c2b;
	background: #067c2b;
	color: #fff;
}


/* =========================================================
   ALERTAS
   ========================================================= */

.preinscripcion-inicial #mostrar_alert,
.preinscripcion-inicial #mostrar_alert_anular {
	margin-bottom: 15px;
	border-radius: 4px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

	.pi-cabecera-titulo {
		font-size: 19px;
	}

	.pi-cabecera-subtitulo {
		font-size: 14px;
	}

	.preinscripcion-inicial {
		font-size: 14px;
	}

	.preinscripcion-inicial .pi-card,
	.preinscripcion-inicial .pi-contacto,
	.preinscripcion-inicial .pi-captcha {
		padding: 16px;
	}

	.preinscripcion-inicial .pi-accion-cabecera {
		align-items: flex-start;
		min-height: 0;
		padding: 14px !important;
	}

	.preinscripcion-inicial .pi-accion-icono {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
		margin-right: 11px;
		font-size: 18px;
	}

	.preinscripcion-inicial .pi-accion-texto {
		padding-right: 0;
	}

	.preinscripcion-inicial .pi-accion-titulo {
		font-size: 13px;
	}

	.preinscripcion-inicial .pi-accion-descripcion {
		font-size: 12px;
	}

	.preinscripcion-inicial .pi-accion-botonera {
		display: none;
	}

	.preinscripcion-inicial .pi-accion-contenido {
		padding: 18px 14px;
	}

	.preinscripcion-inicial .pi-btn-accion {
		width: 100%;
	}

	.preinscripcion-inicial .pi-paso-cabecera {
		min-height: 58px;
		padding: 10px 12px !important;
	}

	.preinscripcion-inicial .pi-paso-numero {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
		margin-right: 10px !important;
		font-size: 15px;
		line-height: 38px;
	}

	.preinscripcion-inicial .pi-paso-cabecera h6 {
		font-size: 14px;
	}

	.preinscripcion-inicial .pi-pasos .step-content {
		padding: 20px 10px 12px 10px;
	}

	.preinscripcion-inicial .pi-subseccion {
		margin-left: 15px;
		margin-right: 15px;
	}

	.preinscripcion-inicial .buttons-box {
		text-align: left !important;
	}

	.preinscripcion-inicial .continue {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	.preinscripcion-inicial .buttons-box .required {
		display: block;
		margin: 0;
		padding: 0;
	}

	.preinscripcion-inicial .pi-declaracion-jurada {
		align-items: flex-start;
		padding: 14px;
	}

	.preinscripcion-inicial .pi-declaracion-icono {
		flex-basis: 36px;
		width: 36px;
		margin-right: 10px;
		font-size: 29px;
	}

	.preinscripcion-inicial .pi-captcha-imagen-contenedor {
		align-items: center;
	}

	.preinscripcion-inicial #secure_image {
		max-width: calc(100% - 52px);
	}

	.preinscripcion-inicial #ir_inicio {
		font-size: 13px;
	}

}

/* =========================================================
   ESTADO / PRÓXIMA APERTURA
   ========================================================= */

.pi-estado {
	margin-bottom: 24px;
	border: 1px solid #c5d9ec;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}

.pi-estado-cabecera {
	display: flex;
	align-items: center;
	padding: 18px 22px;
	border-bottom: 1px solid #d5e3ef;
	background: #f3f9ff;
}

.pi-estado-icono {
	display: flex;
	flex: 0 0 46px;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-right: 15px;
	border-radius: 50%;
	background: #e4f1ff;
	color: #0870d1;
	font-size: 21px;
}

.pi-estado-cabecera-texto {
	flex: 1;
}

.pi-estado-titulo {
	margin: 0 0 2px 0;
	color: #174f87;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.pi-estado-subtitulo {
	margin: 0;
	color: #607991;
	font-size: 14px;
	font-weight: 600;
}


/* CONTENIDO */

.pi-estado-contenido {
	padding: 22px;
}

.pi-estado-introduccion {
	margin: 0 0 20px 0;
	color: #344f68;
	font-size: 14px;
	line-height: 1.6;
}


/* FECHAS */

.pi-estado-fechas {
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
}

.pi-estado-fecha {
	display: flex;
	flex: 1;
	align-items: center;
	padding: 16px 18px;
	border: 1px solid #d4e3f0;
	border-radius: 5px;
	background: #f8fbfe;
}

.pi-estado-fecha-icono {
	display: flex;
	flex: 0 0 38px;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-right: 12px;
	border-radius: 50%;
	background: #e7f3ff;
	color: #0870d1;
	font-size: 16px;
}

.pi-estado-fecha-label {
	display: block;
	margin-bottom: 2px;
	color: #6a8297;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .4px;
}

.pi-estado-fecha strong {
	display: block;
	color: #174f87;
	font-size: 15px;
	font-weight: 700;
}

.pi-estado-fecha span:last-child {
	display: inline-block;
	margin-top: 7px;
	padding: 4px 10px;
	border-radius: 4px;
	background: #e7f3ff;
	color: #095da8;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

/* IMPORTANTE */

.pi-estado-importante {
	display: flex;
	align-items: flex-start;
	padding: 13px 15px;
	border: 1px solid #bdd8f5;
	border-radius: 4px;
	background: #f3f9ff;
	color: #315f89;
	font-size: 13px;
	line-height: 1.5;
}

.pi-estado-importante > span {
	margin-top: 3px;
	margin-right: 10px;
	color: #0870d1;
	font-size: 16px;
}


/* MANUAL */

.pi-estado-acciones {
	padding: 16px 22px;
	border-top: 1px solid #d5e3ef;
	background: #fafcfe;
	text-align: right;
}

.pi-estado-manual {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 18px;
	border: 1px solid #2780d8;
	border-radius: 4px;
	background: #fff;
	color: #1768b4 !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}

.pi-estado-manual span {
	margin-right: 7px;
}

.pi-estado-manual:hover,
.pi-estado-manual:focus {
	background: #edf6ff;
	color: #125b9f !important;
}


/* RESPONSIVE */

@media (max-width: 767px) {

	.pi-estado-cabecera {
		padding: 15px;
	}

	.pi-estado-icono {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
		margin-right: 11px;
		font-size: 18px;
	}

	.pi-estado-titulo {
		font-size: 14px;
	}

	.pi-estado-subtitulo {
		font-size: 13px;
	}

	.pi-estado-contenido {
		padding: 16px;
	}

	.pi-estado-fechas {
		display: block;
	}

	.pi-estado-fecha {
		margin-bottom: 10px;
	}

	.pi-estado-fecha:last-child {
		margin-bottom: 0;
	}

	.pi-estado-acciones {
		padding: 14px 16px;
	}

	.pi-estado-manual {
		width: 100%;
	}

}


/* =========================================================
   NOTIFICACIONES DEL SISTEMA
   Normalización visual de notification()
   ========================================================= */


/* =========================================================
   ESTRUCTURA GENERAL
   ========================================================= */

.preinscripcion-inicial #notificacion .alert.form,
.preinscripcion-inicial #mensaje_edad .alert.form,
.preinscripcion-inicial #mensaje_tutor .alert.form,
.preinscripcion-inicial #resultado .alert.form,
.preinscripcion-inicial #notificacion .alert,
.preinscripcion-inicial #mensaje_edad .alert,
.preinscripcion-inicial #mensaje_tutor .alert,
.preinscripcion-inicial #resultado .alert {
	position: relative !important;
	display: block !important;
	min-height: 58px;
	margin: 0 0 20px 0 !important;
	padding: 16px 50px 16px 58px !important;
	border-radius: 5px !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
}


/* =========================================================
   OCULTAR ICONO ORIGINAL DE FLEX
   ========================================================= */

.preinscripcion-inicial #notificacion .alert > i:first-child,
.preinscripcion-inicial #mensaje_edad .alert > i:first-child,
.preinscripcion-inicial #mensaje_tutor .alert > i:first-child,
.preinscripcion-inicial #resultado .alert > i:first-child,

.preinscripcion-inicial #notificacion .alert > .fa:first-child,
.preinscripcion-inicial #mensaje_edad .alert > .fa:first-child,
.preinscripcion-inicial #mensaje_tutor .alert > .fa:first-child,
.preinscripcion-inicial #resultado .alert > .fa:first-child,

.preinscripcion-inicial #notificacion .alert > .fas:first-child,
.preinscripcion-inicial #mensaje_edad .alert > .fas:first-child,
.preinscripcion-inicial #mensaje_tutor .alert > .fas:first-child,
.preinscripcion-inicial #resultado .alert > .fas:first-child,

.preinscripcion-inicial #notificacion .alert > .glyphicon:first-child,
.preinscripcion-inicial #mensaje_edad .alert > .glyphicon:first-child,
.preinscripcion-inicial #mensaje_tutor .alert > .glyphicon:first-child,
.preinscripcion-inicial #resultado .alert > .glyphicon:first-child,

.preinscripcion-inicial #notificacion .alert > [class*="icon-"]:first-child,
.preinscripcion-inicial #mensaje_edad .alert > [class*="icon-"]:first-child,
.preinscripcion-inicial #mensaje_tutor .alert > [class*="icon-"]:first-child,
.preinscripcion-inicial #resultado .alert > [class*="icon-"]:first-child {
	display: none !important;
}


/* =========================================================
   CUPOS DISPONIBLES
   #notificacion + alert-info
   ========================================================= */

.preinscripcion-inicial #notificacion .alert.form.alert-info,
.preinscripcion-inicial #notificacion .alert-info {
	border: 1px solid #bfe3cc !important;
	border-left: 4px solid #2e9d57 !important;
	background: #f2fbf5 !important;
	color: #2f6f45 !important;
}


/* ICONO CHECK - CUPOS DISPONIBLES */

.preinscripcion-inicial #notificacion .alert-info:before {
	content: "\e013" !important;
	position: absolute !important;
	top: 50% !important;
	left: 17px !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	border-radius: 50% !important;
	background: #e3f5ea !important;
	color: #2e9d57 !important;
	font-family: "Glyphicons Halflings" !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 26px !important;
	text-align: center !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* =========================================================
   INFORMACIÓN GENERAL
   Edad, tutor, correo, etc.
   ========================================================= */

.preinscripcion-inicial #mensaje_edad .alert.form.alert-info,
.preinscripcion-inicial #mensaje_tutor .alert.form.alert-info,
.preinscripcion-inicial #resultado .alert.form.alert-info,
.preinscripcion-inicial #mensaje_edad .alert-info,
.preinscripcion-inicial #mensaje_tutor .alert-info,
.preinscripcion-inicial #resultado .alert-info {
	border: 1px solid #bdd8f5 !important;
	border-left: 4px solid #1976d2 !important;
	background: #f3f9ff !important;
	color: #315f89 !important;
}


/* ICONO INFO */

.preinscripcion-inicial #mensaje_edad .alert-info:before,
.preinscripcion-inicial #mensaje_tutor .alert-info:before,
.preinscripcion-inicial #resultado .alert-info:before {
	content: "i" !important;
	position: absolute !important;
	top: 50% !important;
	left: 17px !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	border-radius: 50% !important;
	background: #e2f1ff !important;
	color: #1475c9 !important;
	font-family: Arial, sans-serif !important;
	font-size: 15px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 26px !important;
	text-align: center !important;
}


/* =========================================================
   ERROR / SIN CUPOS
   ========================================================= */

.preinscripcion-inicial #notificacion .alert.form.alert-danger,
.preinscripcion-inicial #mensaje_edad .alert.form.alert-danger,
.preinscripcion-inicial #mensaje_tutor .alert.form.alert-danger,
.preinscripcion-inicial #resultado .alert.form.alert-danger,

.preinscripcion-inicial #notificacion .alert.form.alert-error,
.preinscripcion-inicial #mensaje_edad .alert.form.alert-error,
.preinscripcion-inicial #mensaje_tutor .alert.form.alert-error,
.preinscripcion-inicial #resultado .alert.form.alert-error,

.preinscripcion-inicial #notificacion .alert-danger,
.preinscripcion-inicial #mensaje_edad .alert-danger,
.preinscripcion-inicial #mensaje_tutor .alert-danger,
.preinscripcion-inicial #resultado .alert-danger,

.preinscripcion-inicial #notificacion .alert-error,
.preinscripcion-inicial #mensaje_edad .alert-error,
.preinscripcion-inicial #mensaje_tutor .alert-error,
.preinscripcion-inicial #resultado .alert-error {
	border: 1px solid #efc1bd !important;
	border-left: 4px solid #d9534f !important;
	background: #fff5f4 !important;
	color: #963b35 !important;
}


/* ICONO ERROR */

.preinscripcion-inicial #notificacion .alert-danger:before,
.preinscripcion-inicial #mensaje_edad .alert-danger:before,
.preinscripcion-inicial #mensaje_tutor .alert-danger:before,
.preinscripcion-inicial #resultado .alert-danger:before,

.preinscripcion-inicial #notificacion .alert-error:before,
.preinscripcion-inicial #mensaje_edad .alert-error:before,
.preinscripcion-inicial #mensaje_tutor .alert-error:before,
.preinscripcion-inicial #resultado .alert-error:before {
	content: "!" !important;
	position: absolute !important;
	top: 50% !important;
	left: 17px !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	border-radius: 50% !important;
	background: #fde8e6 !important;
	color: #c6423b !important;
	font-family: Arial, sans-serif !important;
	font-size: 15px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 26px !important;
	text-align: center !important;
}


/* =========================================================
   ADVERTENCIA
   ========================================================= */

.preinscripcion-inicial #notificacion .alert-warning,
.preinscripcion-inicial #mensaje_edad .alert-warning,
.preinscripcion-inicial #mensaje_tutor .alert-warning,
.preinscripcion-inicial #resultado .alert-warning {
	border: 1px solid #ead59c !important;
	border-left: 4px solid #d39b22 !important;
	background: #fffaf0 !important;
	color: #80621c !important;
}


/* ICONO ADVERTENCIA */

.preinscripcion-inicial #notificacion .alert-warning:before,
.preinscripcion-inicial #mensaje_edad .alert-warning:before,
.preinscripcion-inicial #mensaje_tutor .alert-warning:before,
.preinscripcion-inicial #resultado .alert-warning:before {
	content: "!" !important;
	position: absolute !important;
	top: 50% !important;
	left: 17px !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	border-radius: 50% !important;
	background: #fff0ca !important;
	color: #b37a00 !important;
	font-family: Arial, sans-serif !important;
	font-size: 15px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 26px !important;
	text-align: center !important;
}


/* =========================================================
   BOTÓN CERRAR
   ========================================================= */

.preinscripcion-inicial #notificacion .alert .close,
.preinscripcion-inicial #mensaje_edad .alert .close,
.preinscripcion-inicial #mensaje_tutor .alert .close,
.preinscripcion-inicial #resultado .alert .close,

.preinscripcion-inicial #notificacion .alert button.close,
.preinscripcion-inicial #mensaje_edad .alert button.close,
.preinscripcion-inicial #mensaje_tutor .alert button.close,
.preinscripcion-inicial #resultado .alert button.close {
	position: absolute !important;
	top: 50% !important;
	right: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateY(-50%) !important;
	border: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-shadow: none !important;
	opacity: .45 !important;
}

.preinscripcion-inicial #notificacion .alert .close:hover,
.preinscripcion-inicial #mensaje_edad .alert .close:hover,
.preinscripcion-inicial #mensaje_tutor .alert .close:hover,
.preinscripcion-inicial #resultado .alert .close:hover,

.preinscripcion-inicial #notificacion .alert button.close:hover,
.preinscripcion-inicial #mensaje_edad .alert button.close:hover,
.preinscripcion-inicial #mensaje_tutor .alert button.close:hover,
.preinscripcion-inicial #resultado .alert button.close:hover {
	opacity: .9 !important;
}


/* =========================================================
   LIMPIEZA DE ESTILOS INTERNOS DE FLEX
   ========================================================= */

.preinscripcion-inicial #notificacion .alert *,
.preinscripcion-inicial #mensaje_edad .alert *,
.preinscripcion-inicial #mensaje_tutor .alert *,
.preinscripcion-inicial #resultado .alert * {
	text-shadow: none !important;
}


/* =========================================================
   CONTENEDORES VACÍOS
   ========================================================= */

.preinscripcion-inicial #notificacion:empty,
.preinscripcion-inicial #mensaje_edad:empty,
.preinscripcion-inicial #mensaje_tutor:empty,
.preinscripcion-inicial #resultado:empty {
	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

	.preinscripcion-inicial #notificacion .alert.form,
	.preinscripcion-inicial #mensaje_edad .alert.form,
	.preinscripcion-inicial #mensaje_tutor .alert.form,
	.preinscripcion-inicial #resultado .alert.form,
	.preinscripcion-inicial #notificacion .alert,
	.preinscripcion-inicial #mensaje_edad .alert,
	.preinscripcion-inicial #mensaje_tutor .alert,
	.preinscripcion-inicial #resultado .alert {
		min-height: 54px;
		padding: 14px 42px 14px 52px !important;
		font-size: 12px !important;
	}


	/* ICONOS */

	.preinscripcion-inicial #notificacion .alert-info:before,
	.preinscripcion-inicial #mensaje_edad .alert-info:before,
	.preinscripcion-inicial #mensaje_tutor .alert-info:before,
	.preinscripcion-inicial #resultado .alert-info:before,

	.preinscripcion-inicial #notificacion .alert-danger:before,
	.preinscripcion-inicial #mensaje_edad .alert-danger:before,
	.preinscripcion-inicial #mensaje_tutor .alert-danger:before,
	.preinscripcion-inicial #resultado .alert-danger:before,

	.preinscripcion-inicial #notificacion .alert-error:before,
	.preinscripcion-inicial #mensaje_edad .alert-error:before,
	.preinscripcion-inicial #mensaje_tutor .alert-error:before,
	.preinscripcion-inicial #resultado .alert-error:before,

	.preinscripcion-inicial #notificacion .alert-warning:before,
	.preinscripcion-inicial #mensaje_edad .alert-warning:before,
	.preinscripcion-inicial #mensaje_tutor .alert-warning:before,
	.preinscripcion-inicial #resultado .alert-warning:before {
		left: 14px !important;
		width: 24px !important;
		height: 24px !important;
		font-size: 14px !important;
		line-height: 24px !important;
	}


	/* CERRAR */

	.preinscripcion-inicial #notificacion .alert .close,
	.preinscripcion-inicial #mensaje_edad .alert .close,
	.preinscripcion-inicial #mensaje_tutor .alert .close,
	.preinscripcion-inicial #resultado .alert .close,

	.preinscripcion-inicial #notificacion .alert button.close,
	.preinscripcion-inicial #mensaje_edad .alert button.close,
	.preinscripcion-inicial #mensaje_tutor .alert button.close,
	.preinscripcion-inicial #resultado .alert button.close {
		right: 12px !important;
		font-size: 17px !important;
	}

}

/* =========================================================
   NOTIFICACIONES - DATOS DEL TUTOR
   ========================================================= */

.preinscripcion-inicial #mensaje_tutor {
	clear: both;
	width: 100%;
}

.preinscripcion-inicial #mensaje_tutor .alert {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}

.preinscripcion-inicial #mensaje_tutor:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   PREINSCRIPCIÓN GUARDADA
   ========================================================= */

.preinscripcion-inicial .pi-guardado {
	width: 100%;
	margin: 0 0 24px 0;
	border: 1px solid #bcdac8;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}


/* CABECERA */

.preinscripcion-inicial .pi-guardado-cabecera {
	display: flex;
	align-items: center;
	padding: 20px 22px;
	border-bottom: 1px solid #d6e8dd;
	background: #f2fbf5;
}

.preinscripcion-inicial .pi-guardado-icono {
	display: flex;
	flex: 0 0 46px;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-right: 15px;
	border-radius: 50%;
	background: #dff3e6;
	color: #24924d;
	font-size: 20px;
}

.preinscripcion-inicial .pi-guardado-cabecera-texto {
	flex: 1;
}

.preinscripcion-inicial .pi-guardado-titulo {
	margin: 0 0 3px 0;
	color: #246b3d;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-guardado-subtitulo {
	margin: 0;
	color: #607991;
	font-size: 14px;
	font-weight: 600;
}


/* CONTENIDO */

.preinscripcion-inicial .pi-guardado-contenido {
	padding: 24px 22px 22px 22px;
}

.preinscripcion-inicial .pi-guardado-mensaje {
	margin: 0 0 20px 0;
	color: #344f68;
	font-size: 14px;
	line-height: 1.6;
}


/* IMPORTANTE */

.preinscripcion-inicial .pi-guardado-importante {
	display: flex;
	align-items: flex-start;
	margin-bottom: 22px;
	padding: 16px 18px;
	border: 1px solid #bdd8f5;
	border-left: 4px solid #1976d2;
	border-radius: 5px;
	background: #f3f9ff;
	color: #315f89;
}

.preinscripcion-inicial .pi-guardado-importante > span {
	flex: 0 0 24px;
	margin-top: 2px;
	margin-right: 10px;
	color: #1475c9;
	font-size: 18px;
}

.preinscripcion-inicial .pi-guardado-importante strong {
	display: block;
	margin-bottom: 5px;
	color: #174f87;
	font-size: 13px;
}

.preinscripcion-inicial .pi-guardado-importante p {
	margin: 0 0 5px 0;
	line-height: 1.5;
}

.preinscripcion-inicial .pi-guardado-importante p:last-child {
	margin-bottom: 0;
}


/* BOTÓN */

.preinscripcion-inicial .pi-guardado-acciones {
	text-align: right;
}

.preinscripcion-inicial .pi-guardado-boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 20px;
	border: 1px solid #176ec5;
	border-radius: 4px;
	background: #176ec5;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}

.preinscripcion-inicial .pi-guardado-boton span {
	margin-right: 8px;
}

.preinscripcion-inicial .pi-guardado-boton:hover,
.preinscripcion-inicial .pi-guardado-boton:focus {
	border-color: #125da8;
	background: #125da8;
	color: #fff !important;
	text-decoration: none !important;
}


/* RESPONSIVE */

@media (max-width: 767px) {

	.preinscripcion-inicial .pi-guardado-cabecera {
		align-items: flex-start;
		padding: 16px;
	}

	.preinscripcion-inicial .pi-guardado-icono {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
		margin-right: 11px;
		font-size: 17px;
	}

	.preinscripcion-inicial .pi-guardado-titulo {
		font-size: 14px;
	}

	.preinscripcion-inicial .pi-guardado-subtitulo {
		font-size: 12px;
	}

	.preinscripcion-inicial .pi-guardado-contenido {
		padding: 18px 16px;
	}

	.preinscripcion-inicial .pi-guardado-importante {
		padding: 14px;
	}

	.preinscripcion-inicial .pi-guardado-boton {
		width: 100%;
	}

}

/* =========================================================
   ALERTAS GENERALES DEL FORMULARIO
   ========================================================= */

.preinscripcion-inicial .alert.alert-danger {
	position: relative;
	width: 100%;
	margin: 18px 0;
	padding: 16px 48px 16px 58px;
	border: 1px solid #efb5b1 !important;
	border-left: 4px solid #d9534f !important;
	border-radius: 5px !important;
	background: #fff5f4 !important;
	color: #b7352f !important;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.55;
	box-shadow: none !important;
}

/* Icono principal */

.preinscripcion-inicial .alert.alert-danger .alert-icon {
	position: absolute;
	top: 50%;
	left: 17px;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 0;
	border-radius: 50%;
	background: #ffe4e1 !important;
	color: #d9534f !important;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
}

/* Botón cerrar */

.preinscripcion-inicial .alert.alert-danger .close {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -11px;
	color: #c97f7a !important;
	font-size: 20px;
	line-height: 22px;
	opacity: .75;
	text-shadow: none;
}

.preinscripcion-inicial .alert.alert-danger .close:hover {
	opacity: 1;
}