/**
 * Cover — parallax (efeito da abertura do protótipo).
 * Classe: is-style-lzm-parallax
 *
 * Move só o media de fundo (imagem/vídeo). Overlay e conteúdo ficam parados.
 * --par é definido pelo script cover-parallax.js no front.
 */

.wp-block-cover.is-style-lzm-parallax {
	overflow: hidden;
}

/* Abertura da home: a foto ocupa a primeira tela.
   O header é fixo e fica por cima. A base científica começa abaixo. */
body.home .miolo .wp-block-cover.alignfull.is-style-lzm-parallax {
	min-height: 100vh;
	min-height: 100dvh;
	box-sizing: border-box;
}

body.admin-bar.home .miolo .wp-block-cover.alignfull.is-style-lzm-parallax {
	min-height: calc(100vh - 32px);
	min-height: calc(100dvh - 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar.home .miolo .wp-block-cover.alignfull.is-style-lzm-parallax {
		min-height: calc(100vh - 46px);
		min-height: calc(100dvh - 46px);
	}
}

/* Explorar desce para a base científica, com as oito formas logo abaixo.
   O header fixo não cobre o rótulo. A descida é suave. */
html:has(body.home) {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html:has(body.home) {
		scroll-behavior: auto;
	}
}

body.home #aqui {
	scroll-margin-top: 28px;
}

body.admin-bar.home #aqui {
	scroll-margin-top: 60px;
}

/* Nomes da base científica: 22px, peso regular. O bloco gravou negrito. */
body.home .is-style-lzm-edge-fade .has-display-font-family {
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--chumbo);
}

body.home .is-style-lzm-edge-fade .has-xx-small-font-size {
	font-size: 8.5px !important;
	letter-spacing: 0.13em !important;
	line-height: 1.3;
	color: var(--wp--preset--color--tinta-2) !important;
}

body.home .is-style-lzm-edge-fade > .wp-block-group > p {
	font-size: 10px !important;
	letter-spacing: 0.22em !important;
}

/* Oito formas: sigla, título e frase no peso e na cor do gabarito. */
body.home .wheyprotein-attribute-term-results .wheyprotein-attribute-term-initials {
	font-family: var(--wp--preset--font-family--display);
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: 0.22em !important;
}

body.home .wheyprotein-attribute-term-results .wheyprotein-attribute-term-name,
body.home .wheyprotein-attribute-term-results .wheyprotein-attribute-term-name a {
	font-size: 19.5px !important;
	font-weight: 400 !important;
	line-height: 1.3;
	color: var(--wp--preset--color--chumbo);
}

body.home .wheyprotein-attribute-term-results .wheyprotein-attribute-term-description,
body.home .wheyprotein-attribute-term-results .wheyprotein-attribute-term-description.has-chumbo-color {
	font-size: 14px !important;
	line-height: 1.65;
	min-height: calc(1.65em * 3);
	color: var(--wp--preset--color--tinta-2) !important;
}

.wp-block-cover.is-style-lzm-parallax .wp-block-cover__image-background,
.wp-block-cover.is-style-lzm-parallax .wp-block-cover__video-background {
	inset: -6% 0;
	width: 100%;
	height: auto;
	min-height: 112%;
	object-fit: cover;
	will-change: transform, translate;
	animation: lzm-cover-respira 36s ease-in-out infinite alternate;
	translate: 0 var(--par, 0);
}

@keyframes lzm-cover-respira {
	from {
		transform: scale(1) translateY(0);
	}
	to {
		transform: scale(1.07) translateY(-1.2%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-cover.is-style-lzm-parallax .wp-block-cover__image-background,
	.wp-block-cover.is-style-lzm-parallax .wp-block-cover__video-background {
		animation: none;
		translate: none;
		will-change: auto;
	}
}

/* Seções da home: sobrancelha, título e risco no ritmo do gabarito. */
body.home p.has-xx-small-font-size.has-tinta-2-color {
	font-size: 11px !important;
	margin-bottom: 16px;
}

body.home p.has-xx-small-font-size.has-tinta-2-color + .wp-block-heading {
	margin-top: 0 !important;
	margin-bottom: 16px !important;
	max-width: 20ch;
}

body.home .wp-block-heading + p.has-tinta-2-color {
	margin-top: 0 !important;
	margin-bottom: 36px !important;
	max-width: 58ch;
	font-size: clamp(15px, 1.9vw, 17.5px);
	line-height: 1.6;
}

body.home .wp-block-separator.is-style-lzm-risco {
	margin-top: 0 !important;
	margin-bottom: 16px !important;
}

/* Sete territórios: grade de 16px, card no padding e no peso do gabarito. */
body.home .wp-block-columns:has(.wheyprotein-category-card),
body.home .wp-block-columns:has(.is-style-lzm-hover-shine) {
	gap: 16px;
	margin-top: 0;
	margin-bottom: 16px;
}

body.home .wheyprotein-category-card > .wp-block-group {
	padding: 22px 20px !important;
	gap: 0 !important;
}

body.home .wheyprotein-category-card > .wp-block-group > .wp-block-group {
	gap: 0 !important;
}

body.home .wheyprotein-category-card .wheyprotein-term-order-number {
	font-family: var(--wp--preset--font-family--display);
	font-size: 13px !important;
	font-weight: 400;
	letter-spacing: 0.22em;
	line-height: 1;
	opacity: 1;
	color: var(--cor-categoria);
	margin: 0 0 10px;
}

body.home .wheyprotein-category-card .wheyprotein-attribute-term-name,
body.home .wheyprotein-category-card .wheyprotein-attribute-term-name a {
	font-size: 19.5px !important;
	font-weight: 400 !important;
	line-height: 1.3;
	color: var(--wp--preset--color--chumbo);
	margin: 0 0 8px;
}

body.home .wheyprotein-category-card .wheyprotein-attribute-term-description {
	font-size: 14px !important;
	line-height: 1.65;
	color: var(--wp--preset--color--tinta-2);
	margin: 0 0 14px;
}

body.home .wheyprotein-category-card .wheyprotein-term-archive-link {
	font-size: 12.5px !important;
	font-weight: 600;
	margin-top: 0 !important;
	color: var(--cor-categoria);
}

/* Caixa de ferramentas: borda heron, raio 6, textos no peso do gabarito. */
body.home .wp-block-column.is-style-lzm-hover-shine {
	border-radius: 6px !important;
	border-left: 5px solid var(--wp--preset--color--heron);
	box-sizing: border-box;
}

body.home .wp-block-column.is-style-lzm-hover-shine > .wp-block-group {
	padding: 22px 20px !important;
}

body.home .wp-block-column.is-style-lzm-hover-shine > .wp-block-group > .has-medium-font-size {
	font-size: 13px !important;
	font-weight: 400;
	letter-spacing: 0.22em;
	line-height: 1;
	color: var(--wp--preset--color--heron-claro);
	margin: 0 0 10px !important;
}

body.home .wp-block-column.is-style-lzm-hover-shine > .wp-block-group > .has-large-font-size {
	font-size: 19.5px !important;
	font-weight: 400 !important;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 8px !important;
}

body.home .wp-block-column.is-style-lzm-hover-shine > .wp-block-group > p:not(.has-display-font-family) {
	font-size: 14px !important;
	line-height: 1.65;
	color: #e4d6dc;
	margin: 0 0 14px !important;
}

body.home .wp-block-column.is-style-lzm-hover-shine .has-medium-small-font-size,
body.home .wp-block-column.is-style-lzm-hover-shine .has-medium-small-font-size a {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: var(--wp--preset--color--heron-claro);
}