/* Página inmersiva Codelia Start. La interfaz del configurador vive en el plugin. */
html,
body.codelia-start-template {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background: #001f1e;
}

body.codelia-start-template {
	font-family: var(--font-primary, 'Manrope', sans-serif);
	color: #f3f4f4;
	overflow-x: hidden;
}

.codelia-start-page {
	width: 100%;
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	padding: 0;
}

.codelia-start-page > .codelia-start-app {
	min-height: 100vh;
	min-height: 100svh;
	border-radius: 0;
}

.codelia-start-page__notice {
	width: min(680px, calc(100% - 40px));
	margin: 15vh auto 0;
	padding: 32px;
	border: 1px solid rgba(126, 211, 221, 0.18);
	border-radius: 14px;
	background: #052827;
	color: #f3f4f4;
}

.codelia-start-page__notice h1 {
	margin: 0 0 16px;
	font-size: clamp(30px, 5vw, 48px);
	line-height: 1.1;
}

.codelia-start-page__notice p {
	margin: 0;
	color: #9cb3b6;
	line-height: 1.7;
}

/* Evita que barras de administración tapen el inicio del configurador. */
.admin-bar .codelia-start-page {
	min-height: calc(100svh - 32px);
}

@media (max-width: 782px) {
	.admin-bar .codelia-start-page {
		min-height: calc(100svh - 46px);
	}
}