/* Intro animada da Home ("Larissa Gonçalves") */
html.lg-lock { overflow: hidden; }
#lg-intro {
	--lg-bg: #FDFFFA; --lg-ink: #710074;
	position: fixed; inset: 0; z-index: 100000; /* acima do cabeçalho e da barra do admin */
	display: grid; place-items: center;
	background: var(--lg-bg); color: var(--lg-ink);
	font-family: "Fira Sans", "Segoe UI", system-ui, sans-serif;
	font-weight: 700; font-size: clamp(2.2rem, 8vw, 6.5rem);
	letter-spacing: -0.02em; line-height: 1;
	will-change: clip-path;
}
#lg-intro .lg-row { display: flex; align-items: center; white-space: nowrap; }
#lg-intro .lg-mask { display: block; overflow: hidden; padding: 0.08em 0 0.12em; }
#lg-intro .lg-w { display: block; transform: translateY(110%); }
#lg-intro .lg-gap { display: block; width: 0.3em; height: 0.72em; flex: none; }
#lg-intro .lg-frame {
	position: fixed; left: 0; top: 0; width: 0; height: 0;
	box-shadow: 0 0 0 2px var(--lg-ink); /* fica do lado de fora do buraco */
	pointer-events: none; opacity: 0;
}
#lg-intro .lg-skip {
	position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	font: 600 0.9rem/1 "Fira Sans", system-ui, sans-serif; letter-spacing: 0;
	color: var(--lg-ink); background: transparent;
	border: 1.5px solid currentColor; border-radius: 999px;
	padding: 0.7em 1.2em; cursor: pointer; opacity: 0.7;
	white-space: nowrap;
}
#lg-intro .lg-skip:hover, #lg-intro .lg-skip:focus-visible { opacity: 1; color: var(--lg-ink); background: transparent; }
#lg-intro .lg-skip:focus-visible { outline: 3px solid #C86DD7; outline-offset: 3px; box-shadow: none; }