/* Teste de fonte. Cardo e Inter continuam no tema. Para voltar, apague este bloco. */
@font-face {
	font-family: "Rubik";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("assets/fonts/rubik-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Rubik";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("assets/fonts/rubik-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Overpass";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("assets/fonts/overpass-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Overpass";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("assets/fonts/overpass-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--faixa: min(1320px, calc(100vw - 200px));
	--leitura: min(860px, var(--faixa));
	--wp--preset--font-family--display: "Rubik", sans-serif;
	--wp--preset--font-family--corpo: "Overpass", sans-serif;
}

/* Títulos em Rubik e texto em Overpass, o par do tema Gracioza. Sem caixa alta. */
body,
.has-corpo-font-family {
	font-family: "Overpass", sans-serif;
}
body :is(h1, h2, h3, h4, h5, h6, .has-display-font-family) {
	font-family: "Rubik", sans-serif !important;
}
body :is(h1, h2, h3, h4) {
	font-weight: 700;
}

/* Enquanto a foto do topo não chega, o título branco fica sobre o azul do rodapé. */
.wp-block-cover,
.wp-block-cover__image-background {
	background-color: var(--wp--preset--color--footer-2, #232B38);
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: var(--faixa) !important;
}

/* Título e descrição: entre a faixa larga e a medida curta, na esquerda da loja. */
body .wp-container-core-group-is-layout-023b2672 > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body .wp-container-core-group-is-layout-023b2672 > .alignwide {
	max-width: var(--leitura) !important;
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* Só o título de Ferramentas: a segunda linha cabe inteira, a primeira para em "estudos e". */
#ferramentas .wp-container-core-group-is-layout-023b2672 > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
#ferramentas .wp-container-core-group-is-layout-023b2672 > .alignwide {
	max-width: min(720px, 100%) !important;
}

/* Logos da base científica no rodapé, na medida de antes. */
body .is-layout-constrained > .wp-container-core-group-is-layout-fdd5454b,
body .wp-container-core-group-is-layout-fdd5454b > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1000px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Ar entre o cabeçalho, a trilha e a Leitura Essencial. */
.wheyprotein-migalhas,
.wp-block-wheyprotein-migalhas {
	padding-top: 56px !important;
	padding-bottom: 0 !important;
}

/* No artigo, o vão acima da trilha e o vão abaixo dela têm a mesma medida. */
body.single .wheyprotein-migalhas,
body.single .wp-block-wheyprotein-migalhas {
	padding-top: 36px !important;
	padding-bottom: 36px !important;
}
body.single main.quadro > .wp-block-columns {
	margin-top: 0 !important;
}

/* A caixa da coluna fica na mesma linha do topo da caixa do texto. */
body.single .wp-block-column .has-papel-background-color:has(> h2) {
	margin-block-start: 0 !important;
}

/* Títulos do artigo menores. A entrelinha é a do título, não a do texto. */
body.single .wp-block-post-title {
	font-size: clamp(26px, 2.4vw, 32px) !important;
	line-height: 1.2 !important;
	font-weight: 600;
}
body.single .wp-block-post-excerpt,
body.single .wp-block-post-excerpt__excerpt {
	font-size: 1.0625rem !important;
	line-height: 1.4 !important;
}
body.single .wp-block-post-content h2 {
	font-size: 1.35rem !important;
	line-height: 1.25 !important;
	font-weight: 600;
}
body.single .wp-block-post-content h3 {
	font-size: 1.15rem !important;
	line-height: 1.3 !important;
	font-weight: 600;
}
body.single .wp-block-post-content h4 {
	font-size: 1.05rem !important;
	line-height: 1.3 !important;
	font-weight: 600;
}

/* Perguntas: cada uma na própria caixa, como no modelo antigo. */
body.single .faq {
	margin-top: 2rem;
}
body.single .faq > .wp-block-heading {
	margin: 0 0 12px;
}
body.single .faq .wp-block-accordion {
	display: flex;
	flex-direction: column;
	gap: 12px;
	border: 0;
}
body.single .faq .wp-block-accordion-item {
	margin: 0;
	background: var(--wp--preset--color--papel, #fbfbfa);
	border: 1px solid var(--wp--preset--color--linha, #e4e1da);
	border-radius: 6px;
	overflow: hidden;
}
body.single .faq .wp-block-accordion-heading {
	margin: 0;
	font-size: 1.15rem !important;
	font-weight: 700;
	line-height: 1.3 !important;
}
body.single .faq .wp-block-accordion-heading__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	margin: 0;
	padding: 18px 22px;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
}
body.single .faq .wp-block-accordion-heading__toggle-title {
	flex: 1 1 auto;
}
body.single .faq .wp-block-accordion-heading__toggle-icon {
	flex: 0 0 auto;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
}
body.single .faq .wp-block-accordion-panel {
	margin: 0;
	padding: 0 22px 20px;
}
body.single .faq .wp-block-accordion-panel p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.6;
}

/* Termos deste artigo: a caixa com borda do modelo antigo. */
body.single .wpm-gl-caixa {
	margin: 30px 0;
	padding: 22px 24px;
	background: var(--wp--preset--color--papel, #fbfbfa);
	border: 1px solid var(--wp--preset--color--linha, #e4e1da);
	border-radius: 6px;
}
body.single .wpm-gl-caixa .wpm-gl-caixa-t {
	margin: 0 0 14px;
	font-family: "Overpass", sans-serif !important;
	font-size: 10.5px !important;
	font-weight: 700;
	line-height: 1.3 !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--vinho, #592c3d);
}
body.single .wpm-gl-caixa ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.single .wpm-gl-caixa li {
	padding: 11px 0;
	border-top: 1px solid var(--wp--preset--color--linha, #e4e1da);
	border-bottom: 0;
	font-size: 15px;
	line-height: 1.5;
}
body.single .wpm-gl-caixa li:first-child {
	padding-top: 0;
	border-top: 0;
}

/* Leia mais e conteúdo complementar: o mesmo cartão da subcategoria. */
body.single .wp-block-group:has(> .wp-block-query > .is-style-lzm-numbered-list) > .wp-block-heading {
	margin: 1.75rem 0 0.85rem;
	font-size: 1.35rem !important;
	line-height: 1.25 !important;
	font-weight: 600;
}
body.single .wp-block-post-template.is-style-lzm-numbered-list {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 16px !important;
}
body.single .wp-block-post-template.is-style-lzm-numbered-list > li {
	margin: 0 !important;
	padding: 22px !important;
	background: var(--wp--preset--color--papel, #fbfbfa);
	border: 1px solid var(--wp--preset--color--linha, #e4e1da);
	border-radius: 6px;
	line-height: 1.35;
}
body.single .wp-block-post-template.is-style-lzm-numbered-list > li::before {
	content: none;
}
body.single .is-style-lzm-numbered-list > li > .wp-block-group.is-layout-flex {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
}
body.single .is-style-lzm-numbered-list .wp-block-post-title {
	margin: 0 !important;
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}
body.single .is-style-lzm-numbered-list .is-nowrap {
	display: flex !important;
	flex-wrap: nowrap;
	gap: 0.15em;
	margin: 0;
	color: var(--wp--preset--color--tinta-2, #8a8984);
	font-size: 0.8125rem;
	line-height: 1.35;
}
body.single .is-style-lzm-numbered-list .is-nowrap p,
body.single .is-style-lzm-numbered-list .wp-block-post-time-to-read {
	margin: 0;
}
body.single .wp-block-post-template.is-layout-grid {
	gap: 16px;
}
body.single .wp-block-post-template.is-layout-grid > li > .is-style-lzm-hover-elevate {
	border: 1px solid var(--wp--preset--color--linha, #e4e1da) !important;
	border-radius: 6px !important;
	padding: 24px !important;
	background-image: var(--wp--preset--gradient--card-fundo);
}
body.single .wp-block-post-template.is-layout-grid .wp-block-post-title {
	margin: 0 0 0.4rem !important;
	font-size: 1.15rem !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
}
@media (max-width: 700px) {
	body.single .wp-block-post-template.is-style-lzm-numbered-list,
	body.single .wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr !important;
	}
}

main .wp-block-group.is-style-lzm-edge-fade {
	margin-top: 0 !important;
	margin-bottom: 1rem !important;
}

/* Aviso de construção não entra no vão entre os blocos. */
main .wp-block-group.alignwide:has([style*="listrado"]) {
	display: none !important;
}

/* O banner que o modelo coloca dentro do próprio bloco, depois dos cartões. */
#ferramentas > .wp-block-spacer,
#ferramentas > .wp-block-group.alignwide {
	display: none !important;
}

/* No artigo, a caixa da coluna com o título Ferramentas. */
.wp-block-group:has(+ .has-papel-background-color > h2) {
	display: none !important;
}
.has-papel-background-color:has(> h2) + .wp-block-group:has([style*="listrado"]) {
	display: none !important;
}

.wp-block-wpmundi-sticky-header .wp-block-group.alignwide {
	width: var(--faixa) !important;
	max-width: var(--faixa) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	flex-grow: 0;
}

.wp-catalogo.alignfull {
	width: var(--faixa) !important;
}

body .lzm-post-loop-results__grid > .lzm-post-loop-results__item,
body .lzm-taxonomy-post-results__grid > .lzm-taxonomy-post-results__item,
body .wheyprotein-attribute-term-results__grid > .wheyprotein-attribute-term-results__item,
body .wp-block-columns > .wp-block-column {
	max-width: none !important;
}

/* Publicações da categoria e da subcategoria: três cartões por linha. */
body.category .lzm-post-loop-results--cols-2 {
	--lzm-results-columns: 3 !important;
	--lzm-results-card-min: 14rem !important;
}

@media (max-width: 1200px) {
	:root { --faixa: calc(100vw - 200px); }
}

@media (max-width: 900px) {
	:root { --faixa: 100%; }
}
