/*
 * Fidelidade visual ao React (desktop). Valores copiados de src/styles.css e das classes
 * Tailwind dos componentes. Carregado depois de theme.css e tem prioridade sobre ele.
 */
:root {
	--sc-green: #114036;
	--sc-mint: #15af8d;
	--sc-yellow: #f9b73f;
	--sc-offwhite: #fffcf3;
	--sc-cream: #f9f3d9;
	--sc-ink: #191919;
	--sc-white: #ffffff;
	--sc-muted: oklch(0.48 0.032 176);
	--sc-dark-fg: var(--sc-cream);
	--sc-dark-muted: oklch(0.86 0.03 100 / 78%);
	--sc-dark-border: oklch(0.9909 0.0123 91.51 / 18%);
	--sc-border: oklch(0.893 0.0408 94.74);
	--sc-shadow: 0 1px 2px oklch(0 0 0 / 4%), 0 12px 32px -12px oklch(0 0 0 / 14%);
	--sc-tracking-tight: -0.025em;
}

/* ---------- Estrutura ---------- */
.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 50; }
body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } }

.spectrochem-container {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(80rem + 3rem);
	margin-inline: auto;
	padding-inline: 1.5rem;
}
.spectrochem-section img { max-width: 100%; }

/* ---------- Cabeçalho ---------- */
.sc-header a { text-decoration: none; }
.sc-topbar { background: var(--sc-mint); color: var(--sc-offwhite); }
.sc-topbar__inner { box-sizing: border-box; max-width: calc(80rem + 3rem); margin-inline: auto; padding: 0.5rem 1.5rem; display: flex; align-items: center; justify-content: flex-end; gap: 1.5rem; font-size: 0.75rem; line-height: 1rem; }
.sc-topbar a { display: inline-flex; align-items: center; gap: 0.5rem; color: inherit; }
.sc-topbar a:hover { text-decoration: underline; }
.sc-topbar__icon { width: 0.875rem; height: 0.875rem; color: var(--sc-green); flex-shrink: 0; }
@media (max-width: 39.99rem) { .sc-topbar__mail { display: none !important; } }

.sc-navwrap { padding: 1rem; }
@media (min-width: 40rem) { .sc-navwrap { padding: 1rem 1.5rem; } }
.sc-nav { position: relative; box-sizing: border-box; max-width: 80rem; height: 75px; margin-inline: auto; display: flex; align-items: center; gap: 2rem; padding-inline: 1rem; border-radius: 1rem; background: var(--sc-white); box-shadow: var(--sc-shadow); }
@media (min-width: 40rem) { .sc-nav { padding-inline: 1.5rem; } }
.sc-nav__logo { display: flex; align-items: center; }
.sc-nav__logo img { display: block; height: 1.5rem; width: auto; }
.sc-nav__links { display: none; align-items: center; gap: 0.25rem; margin: 0; padding: 0; list-style: none; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; }
.sc-nav__link { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.5rem 1rem; border-radius: 0.5rem; color: color-mix(in oklab, var(--sc-green) 80%, transparent); transition: color .15s, background-color .15s; }
.sc-nav__link:hover, .sc-nav__link:focus-visible, .sc-nav__item:hover > .sc-nav__link, .sc-nav__item:focus-within > .sc-nav__link { background: var(--sc-cream); color: var(--sc-green); text-decoration: none; }
.sc-nav__chevron { width: 1rem; height: 1rem; }
.sc-nav__cta { display: none; margin-left: auto; align-items: center; justify-content: center; padding: 0.625rem 1.25rem; border-radius: 0.5rem; background: var(--sc-mint); color: var(--sc-offwhite) !important; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; transition: background-color .15s; }
.sc-nav__cta:hover { background: color-mix(in oklab, var(--sc-mint) 90%, transparent); text-decoration: none; }

.sc-mega { display: none; position: absolute; left: 50%; top: 100%; z-index: 50; width: 52rem; transform: translateX(-50%); padding-top: 0.75rem; }
.sc-nav__item:hover > .sc-mega, .sc-nav__item:focus-within > .sc-mega { display: block; }
.sc-mega__grid { display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 2rem; row-gap: 0.5rem; margin: 0; padding: 2rem; list-style: none; border: 1px solid var(--sc-border); border-radius: 1rem; background: var(--sc-white); box-shadow: var(--sc-shadow); }
.sc-mega__grid a { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: color-mix(in oklab, var(--sc-green) 80%, transparent); transition: color .15s; }
.sc-mega__grid a:hover { color: var(--sc-green); text-decoration: none; }
.sc-mega__grid a.sc-mega__featured { font-weight: 600; color: var(--sc-green); }

.sc-mobile { margin-left: auto; position: static; }
.sc-mobile > summary { list-style: none; display: inline-flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: 0.5rem; cursor: pointer; color: color-mix(in oklab, var(--sc-green) 80%, transparent); }
.sc-mobile summary::-webkit-details-marker { display: none; }
.sc-mobile > summary:hover { background: var(--sc-cream); color: var(--sc-green); }
.sc-mobile__icon { width: 1.25rem; height: 1.25rem; }
.sc-mobile__small { width: 1rem; height: 1rem; flex-shrink: 0; }
.sc-mobile__overlay { position: fixed; inset: 0; z-index: 998; background: rgb(0 0 0 / .5); animation: sc-fade .2s ease-out; }
.sc-mobile__panel { position: fixed; top: 0; right: 0; bottom: 0; z-index: 999; width: 85%; max-width: 360px; overflow-y: auto; display: flex; flex-direction: column; background: var(--sc-white); box-shadow: var(--sc-shadow); animation: sc-slide .3s ease-out; }
@keyframes sc-fade { from { opacity: 0; } }
@keyframes sc-slide { from { transform: translateX(100%); } }
.sc-mobile__head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; border-bottom: 1px solid var(--sc-border); }
.sc-mobile__head img { display: block; height: 1.25rem; width: auto; }
.sc-mobile__close { display: inline-flex; padding: 0.25rem; border: 0; background: none; cursor: pointer; color: color-mix(in oklab, var(--sc-green) 70%, transparent); }
.sc-mobile__body { flex: 1; padding: 1rem 1.5rem; }
.sc-mobile__top, .sc-acc > summary { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid var(--sc-border); font-size: 1rem; font-weight: 600; color: var(--sc-green); cursor: pointer; list-style: none; }
.sc-acc > summary .sc-nav__chevron { transition: transform .2s; }
.sc-acc[open] > summary .sc-nav__chevron { transform: rotate(180deg); }
.sc-acc ul { display: flex; flex-direction: column; gap: 0.25rem; margin: 0; padding: 0.5rem 0 1rem; list-style: none; border-bottom: 1px solid var(--sc-border); }
.sc-acc[open] > summary { border-bottom: 0; }
.sc-acc ul a { display: block; padding: 0.375rem 0; font-size: 0.875rem; color: color-mix(in oklab, var(--sc-green) 70%, transparent); }
.sc-acc ul a.is-featured { font-weight: 600; color: var(--sc-green); }
.sc-mobile__cta { display: flex; justify-content: center; margin-top: 1.5rem; padding: 0.75rem 1.25rem; border-radius: 0.5rem; background: var(--sc-green); color: var(--sc-offwhite) !important; font-size: 0.875rem; font-weight: 600; }
.sc-mobile__foot { display: flex; flex-direction: column; gap: 0.75rem; padding: 1.25rem 1.5rem; border-top: 1px solid var(--sc-border); font-size: 0.875rem; }
.sc-mobile__foot a { display: inline-flex; align-items: center; gap: 0.5rem; color: color-mix(in oklab, var(--sc-green) 70%, transparent); white-space: nowrap; font-size: clamp(0.68rem, 3.5vw, 0.875rem); }
body:has(.sc-mobile[open]) { overflow: hidden; }
@media (min-width: 64rem) {
	.sc-nav__links { display: flex; }
	.sc-nav__cta { display: inline-flex; }
	.sc-mobile { display: none; }
}

/* ---------- Eyebrow padrão ---------- */
.spectrochem-eyebrow { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sc-muted); }
.spectrochem-eyebrow::before { content: ""; display: inline-block; width: 0.375rem; height: 0.375rem; border-radius: 9999px; background: var(--sc-yellow); flex-shrink: 0; }
.spectrochem-dark .spectrochem-eyebrow { color: var(--sc-dark-muted); }
.spectrochem-highlight .spectrochem-eyebrow { color: var(--sc-green); }
.spectrochem-highlight .spectrochem-eyebrow::before { background: var(--sc-green); }

/* ---------- Títulos de seção ---------- */
.spectrochem-section h2 { font-size: 1.875rem; line-height: 2.25rem; font-weight: 600; letter-spacing: var(--sc-tracking-tight); color: var(--sc-green); }
@media (min-width: 48rem) { .spectrochem-section h2 { font-size: 2.25rem; line-height: 2.5rem; } }

/* ---------- Hero ---------- */
.spectrochem-hero h1 { max-width: none; font-size: 2.25rem; line-height: 1.1; font-weight: 600; letter-spacing: var(--sc-tracking-tight); color: var(--sc-green); }
@media (min-width: 48rem) { .spectrochem-hero h1 { font-size: 2.75rem; } }
@media (min-width: 64rem) { .spectrochem-hero h1 { font-size: 3rem; max-width: 475px; } }
.spectrochem-hero .spectrochem-lead { font-size: 1.125rem; line-height: 1.625; color: var(--sc-muted); max-width: 36rem; }
.spectrochem-hero .spectrochem-lead > * { margin: 0; }
@media (min-width: 64rem) { .spectrochem-hero .spectrochem-lead { max-width: 475px; } .spectrochem-hero__body { margin-top: 1.5rem; } }
.spectrochem-hero .spectrochem-actions { margin-top: 2.5rem; gap: 1rem; }

/* ---------- Botões ---------- */
.spectrochem-button { border-radius: 0.5rem; padding: 0.75rem 1.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; background: var(--sc-green); color: var(--sc-offwhite); text-decoration: none; transition: background-color .15s, color .15s; }
.spectrochem-button:hover { background: color-mix(in oklab, var(--sc-green) 90%, transparent); color: var(--sc-offwhite); text-decoration: none; }
.spectrochem-button--outline { border: 2px solid var(--sc-green); background: transparent; color: var(--sc-green); }
.spectrochem-button--outline:hover { background: var(--sc-green); color: var(--sc-offwhite); }
.spectrochem-button--sm { padding: 0.625rem 1.25rem; }

/* ---------- Vantagens ---------- */
.spectrochem-features { background: var(--sc-green); color: var(--sc-dark-fg); }
.spectrochem-features h2 { max-width: 42rem; color: var(--sc-mint); }
.spectrochem-features .spectrochem-card-grid { display: grid; gap: 1.5rem; margin-top: 3.5rem; }
@media (min-width: 48rem) { .spectrochem-features .spectrochem-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; } }
.spectrochem-feature-card { display: flex; align-items: flex-start; gap: 1rem; padding: 1.5rem; border: 1px solid var(--sc-dark-border); border-radius: 1rem; background: color-mix(in oklab, var(--sc-cream) 5%, transparent); }
@media (min-width: 48rem) { .spectrochem-feature-card { flex-direction: column; padding: 2rem; } }
.spectrochem-feature-card p { opacity: 1; }
.spectrochem-feature-card__icon { display: flex; width: 2.5rem; height: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0.5rem; border: 1px dashed var(--sc-dark-border); background: color-mix(in oklab, var(--sc-cream) 10%, transparent); }
.spectrochem-feature-card__svg { width: 1.5rem; height: 1.5rem; color: var(--sc-yellow); }
.spectrochem-section .spectrochem-feature-card h3 { margin: 0; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; color: var(--sc-dark-fg); }
.spectrochem-feature-card p { margin: 0.5rem 0 0; font-size: 0.875rem; line-height: 1.625; color: var(--sc-dark-muted); }
@media (min-width: 48rem) { .spectrochem-feature-card p { margin-top: 0.75rem; } }

/* ---------- Onde fazemos a diferença ---------- */
@media (min-width: 64rem) { .spectrochem-segments h2 { white-space: nowrap; } }
.spectrochem-segment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 0.75rem; margin: 3.5rem 0 0; padding: 0; list-style: none; }
@media (min-width: 40rem) { .spectrochem-segment-grid { gap: 1.5rem; } }
@media (min-width: 64rem) { .spectrochem-segment-grid { grid-template-columns: repeat(var(--columns, 3), minmax(0, 1fr)); } }
.spectrochem-segment-grid li { margin: 0; }
.spectrochem-segment-grid a.spectrochem-segment-card { display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; height: 100%; min-height: 0; box-sizing: border-box; padding: 1rem; border: 1px solid transparent; border-radius: 1rem; background: var(--sc-cream); color: var(--sc-green); text-decoration: none; transition: background-color .15s, border-color .15s; }
@media (min-width: 40rem) { .spectrochem-segment-grid a.spectrochem-segment-card { gap: 1rem; padding: 1.5rem; } }
.spectrochem-segment-grid a.spectrochem-segment-card:hover { border-color: color-mix(in oklab, var(--sc-mint) 40%, transparent); background: color-mix(in oklab, var(--sc-mint) 10%, transparent); }
.spectrochem-segment-card__icon { display: flex; width: 2rem; height: 2rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0.5rem; background: color-mix(in oklab, var(--sc-mint) 15%, transparent); color: var(--sc-green); }
.spectrochem-segment-card__icon svg { width: 1.25rem; height: 1.25rem; }
.spectrochem-segment-card__name { display: flex; flex: 1; min-width: 0; align-items: center; justify-content: space-between; gap: 0.75rem; margin: 0 !important; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: var(--sc-green); }
.spectrochem-segment-card__chevron { width: 1rem; height: 1rem; flex-shrink: 0; color: var(--sc-green); transition: transform .2s; }
.spectrochem-segment-card:hover .spectrochem-segment-card__chevron { transform: translateX(0.25rem); }
@media (min-width: 40rem) {
	.spectrochem-segment-card__icon { width: 2.5rem; height: 2.5rem; }
	.spectrochem-segment-card__icon svg { width: 1.5rem; height: 1.5rem; }
	.spectrochem-segment-card__name { font-size: 1.125rem; line-height: 1.75rem; }
	.spectrochem-segment-card__chevron { width: 1.25rem; height: 1.25rem; }
}

/* ---------- Soluções (faixa amarela) ---------- */
.spectrochem-products.spectrochem-highlight { position: relative; isolation: isolate; overflow: hidden; background: var(--sc-yellow); color: var(--sc-green); }
.spectrochem-products.spectrochem-highlight::before { content: ""; position: absolute; top: -40%; left: -15%; z-index: -1; width: 135%; height: 190%; pointer-events: none; background: url('../img/fundo-solucoes-2.svg') center / contain no-repeat; opacity: 0.7; filter: brightness(1.1); }
.spectrochem-products .spectrochem-section-heading { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.5rem; }
.spectrochem-products h2 { color: var(--sc-green); }
.spectrochem-text-link { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: var(--sc-green); text-decoration: underline; text-decoration-color: var(--sc-green); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.spectrochem-text-link:hover { color: var(--sc-green); text-decoration-color: var(--sc-green); opacity: 0.8; }
.spectrochem-products .spectrochem-product-grid { display: grid; gap: 2rem; margin-top: 3.5rem; }
@media (min-width: 48rem) { .spectrochem-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.spectrochem-product-card { display: flex; flex-direction: column; padding: 2rem; border: 1px solid transparent; border-radius: 1rem; background: var(--sc-offwhite); box-shadow: none; }
.spectrochem-product-card__media { margin-bottom: 1.5rem; aspect-ratio: 4 / 3; width: 100%; overflow: hidden; border-radius: 0.875rem; background: var(--sc-cream); }
.spectrochem-product-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.25); }
.spectrochem-section .spectrochem-product-card h3 { margin: 0; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; color: var(--sc-green); }
.spectrochem-product-card p { margin: 0.75rem 0 0; font-size: 0.875rem; line-height: 1.625; color: var(--sc-muted); }
.spectrochem-product-card__cta { margin-top: auto; padding-top: 1.5rem; }
.spectrochem-product-card span { margin: 0; font-size: inherit; }

/* ---------- O DNA ---------- */
.spectrochem-dna__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 11.5rem 11.5rem auto auto; gap: 0.75rem; }
@media (min-width: 48rem) { .spectrochem-dna__grid { gap: 1.25rem; } }
.spectrochem-dna__grid > * { position: relative; overflow: hidden; border-radius: 1rem; margin: 0; }
.spectrochem-dna__grid img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.spectrochem-dna__intro { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.25rem; background: var(--sc-green); color: var(--sc-dark-fg); }
.spectrochem-dna__grid img.spectrochem-dna__mark { inset: auto; right: 1rem; top: 1rem; width: 4rem; height: auto; filter: brightness(0) invert(1); }
.spectrochem-dna__eyebrow { margin: 0 0 0.5rem; font-size: 0.55rem; font-weight: 600; text-transform: uppercase; color: var(--sc-offwhite); }
.spectrochem-section .spectrochem-dna__intro h2 { font-size: 1.05rem; line-height: 1.25; font-weight: 600; letter-spacing: normal; color: var(--sc-mint); }
.spectrochem-dna__graphic { grid-column: 1; grid-row: 2; background: var(--sc-cream); }
.spectrochem-dna__graphic img { object-position: top; transform: scale(1.02); }
.spectrochem-dna__team { grid-column: 2; grid-row: 1 / span 2; }
.spectrochem-dna__lab { display: none; }
.spectrochem-dna__lab img { transform: scale(1.5); }
.spectrochem-dna__know { grid-column: 1 / span 2; grid-row: 3; display: flex; flex-direction: column; justify-content: center; padding: 1.75rem; background: var(--sc-cream); color: var(--sc-green); }
.spectrochem-section .spectrochem-dna__know h3 { margin: 0; font-size: 1.5rem; line-height: 1.25; font-weight: 600; color: var(--sc-green); }
.spectrochem-dna__text { margin-top: 1rem; font-size: 1rem; line-height: 1.625; color: var(--sc-muted); }
.spectrochem-dna__text > * { margin: 0; }
.spectrochem-dna__sustain { grid-column: 1 / span 2; grid-row: 4; background: var(--sc-green); color: var(--sc-dark-fg); }
.spectrochem-dna__truck { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.spectrochem-dna__sustain-copy { display: flex; flex-direction: column; justify-content: center; padding: 2rem; }
.spectrochem-dna__leaf { width: 2rem; height: 2rem; color: var(--sc-yellow); }
.spectrochem-section .spectrochem-dna__sustain-copy h3 { margin: 1.25rem 0 0; font-size: 1.5rem; line-height: 2rem; font-weight: 600; color: var(--sc-mint); }
.spectrochem-dna__sustain .spectrochem-dna__text { font-size: 1.125rem; color: var(--sc-dark-muted); }
@media (min-width: 40rem) {
	.spectrochem-dna__eyebrow { font-size: 0.75rem; }
	.spectrochem-section .spectrochem-dna__intro h2 { font-size: 1.875rem; }
	.spectrochem-dna__know { padding: 2.25rem; }
	.spectrochem-dna__sustain-copy { padding: 2.5rem; }
}
@media (min-width: 64rem) {
	.spectrochem-dna__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: 15rem 15rem auto; }
	.spectrochem-dna__intro { grid-column: 1 / span 2; grid-row: 1; padding: 2.5rem; }
	.spectrochem-dna__grid img.spectrochem-dna__mark { right: 2rem; top: 1.75rem; width: 6rem; }
	.spectrochem-section .spectrochem-dna__intro h2 { max-width: 28rem; font-size: 3rem; }
	.spectrochem-dna__graphic { grid-column: 3; grid-row: 1; }
	.spectrochem-dna__team { grid-column: 4; grid-row: 1 / span 2; }
	.spectrochem-dna__lab { display: block; grid-column: 1; grid-row: 2; }
	.spectrochem-dna__know { grid-column: 2 / span 2; grid-row: 2; padding: 2.5rem; }
	.spectrochem-section .spectrochem-dna__know h3 { font-size: 1.875rem; }
	.spectrochem-dna__sustain { grid-column: 1 / span 4; grid-row: 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.spectrochem-dna__truck { order: 2; aspect-ratio: auto; min-height: 20rem; }
	.spectrochem-dna__sustain-copy { padding: 3.5rem; }
	.spectrochem-section .spectrochem-dna__sustain-copy h3 { font-size: 1.875rem; line-height: 2.25rem; }
}

/* ---------- Institucional (mídia + texto) ---------- */
.spectrochem-media-text.spectrochem-surface--cream { background: var(--sc-cream); color: var(--sc-green); }
.spectrochem-media-text__grid { display: grid; align-items: center; gap: 3rem; }
@media (min-width: 64rem) {
	.spectrochem-media-text__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.spectrochem-media-text__grid.is-image-right .spectrochem-media-text__media { order: 2; }
}
.spectrochem-media-text__grid > * { min-width: 0; }
.spectrochem-media-text__copy > * + * { margin-top: 0; }
.spectrochem-media-text__copy .spectrochem-richtext { margin-top: 1.5rem; font-size: 1.125rem; line-height: 1.625; color: var(--sc-muted); }
.spectrochem-media-text__copy .spectrochem-richtext p { margin: 0; }
.spectrochem-media-text__copy .spectrochem-richtext p + p { margin-top: 1rem; }
.spectrochem-media-text__copy .spectrochem-button { margin-top: 2rem; }
.spectrochem-media-text__image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0.875rem; }

/* ---------- Institucional (nossos pilares) ---------- */
.spectrochem-pillars__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.spectrochem-pillars__grid > * { min-width: 0; margin: 0; overflow: hidden; border-radius: 1rem; }
.spectrochem-pillars__intro, .spectrochem-pillar { min-height: 11rem; padding: 1.25rem; }
.spectrochem-pillars__intro { position: relative; display: flex; flex-direction: column; justify-content: flex-end; background: var(--sc-mint); color: var(--sc-green); }
.spectrochem-pillars__mark { position: absolute; right: 1rem; top: 1rem; width: 4rem; }
.spectrochem-pillars__mark svg { display: block; width: 100%; height: auto; }
.spectrochem-pillars__eyebrow { margin: 0 0 0.5rem; font-size: 0.55rem; line-height: 1; font-weight: 600; text-transform: uppercase; color: var(--sc-offwhite); }
.spectrochem-section .spectrochem-pillars__intro h2 { max-width: 18rem; margin: 0; font-size: 1.65rem; line-height: 1.2; font-weight: 600; letter-spacing: 0; color: var(--sc-green); }
.spectrochem-pillar { display: flex; flex-direction: column; justify-content: flex-end; background: color-mix(in oklab, var(--sc-mint) 10%, transparent); }
.spectrochem-pillar__heading { margin-bottom: auto; }
.spectrochem-pillar__icon { display: flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: 0.5rem; background: color-mix(in oklab, var(--sc-mint) 20%, transparent); }
.spectrochem-pillar__icon svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: var(--sc-yellow); stroke-linecap: round; stroke-linejoin: round; }
.spectrochem-section .spectrochem-pillar h3 { margin: 1rem 0 0; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; color: var(--sc-dark-fg); }
.spectrochem-pillar p { margin: 0.75rem 0 0; font-size: 0.875rem; line-height: 1.625; color: var(--sc-dark-muted); opacity: 1; }
.spectrochem-pillars__graphic { min-height: 11rem; background: var(--sc-cream) url('../img/pilares-grafismo-vertical.webp') center top / cover no-repeat; }
.spectrochem-pillars__media { position: relative; min-height: 11rem; }
.spectrochem-pillars__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (min-width: 64rem) {
	.spectrochem-pillars__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(15rem, auto)); gap: 1.25rem; }
	.spectrochem-pillars__intro, .spectrochem-pillar { min-height: 15rem; padding: 2.25rem; }
	.spectrochem-pillars__intro { grid-column: 1 / span 2; grid-row: 1; }
	.spectrochem-pillars__mark { right: 1.75rem; top: 1.75rem; width: 6rem; }
	.spectrochem-pillars__eyebrow { margin-bottom: 0.75rem; font-size: 0.75rem; }
	.spectrochem-section .spectrochem-pillars__intro h2 { font-size: 3rem; line-height: 1.08; }
	.spectrochem-pillar--1 { grid-column: 3 / span 2; grid-row: 1; }
	.spectrochem-pillar--2 { grid-column: 1 / span 2; grid-row: 2; }
	.spectrochem-pillar--3 { grid-column: 4 / span 2; grid-row: 2; }
	.spectrochem-pillars__graphic { grid-column: 5; grid-row: 1; min-height: 0; aspect-ratio: 1; }
	.spectrochem-pillars__media { grid-column: 3; grid-row: 2; min-height: 0; aspect-ratio: 1; }
}

/* ---------- Institucional (qualidade) ---------- */
.spectrochem-quality__panel { display: grid; align-items: center; gap: 3rem; padding: 2.5rem; border-radius: 1.5rem; background: var(--sc-green); color: var(--sc-dark-fg); }
.spectrochem-quality__copy .spectrochem-eyebrow { color: var(--sc-dark-muted); }
.spectrochem-section .spectrochem-quality__copy h2 { margin: 0; font-size: 1.875rem; line-height: 2.25rem; color: var(--sc-mint); }
.spectrochem-quality__copy .spectrochem-richtext { margin-top: 1.5rem; font-size: 1.125rem; line-height: 1.625; color: var(--sc-dark-muted); }
.spectrochem-quality__copy .spectrochem-richtext > * { margin: 0; }
.spectrochem-quality__copy .spectrochem-button { gap: 0.5rem; margin-top: 2rem; border: 1px solid color-mix(in oklab, var(--sc-mint) 40%, transparent); color: var(--sc-offwhite); }
.spectrochem-quality__copy .spectrochem-button:hover { border-color: var(--sc-mint); background: var(--sc-mint); color: var(--sc-green); }
.spectrochem-quality__download { width: 1rem; height: 1rem; }
.spectrochem-quality__image { display: block; width: 100%; aspect-ratio: 16 / 10; border-radius: 0.875rem; object-fit: cover; }
@media (min-width: 48rem) {
	.spectrochem-quality__panel { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 3.5rem; }
	.spectrochem-section .spectrochem-quality__copy h2 { font-size: 2.25rem; line-height: 2.5rem; }
}

/* ---------- Faixa amarela antes do rodapé ---------- */
.spectrochem-prefooter { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 5rem 1.5rem !important; background: var(--sc-yellow); color: var(--sc-green); text-align: center; }
.spectrochem-prefooter > * { max-width: 64rem !important; margin: 0 !important; }
.spectrochem-prefooter .spectrochem-prefooter-title { font-size: 1.875rem; line-height: 2.25rem; font-weight: 600; letter-spacing: var(--sc-tracking-tight); color: var(--sc-green); }
.spectrochem-prefooter p { max-width: 42rem !important; font-size: 1rem; line-height: 1.5rem; color: color-mix(in oklab, var(--sc-green) 85%, transparent); }
.spectrochem-prefooter .wp-block-button__link { padding: 0.75rem 1.5rem; border-radius: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; background: var(--sc-green); color: var(--sc-offwhite); }
.spectrochem-prefooter .wp-block-button__link:hover { background: color-mix(in oklab, var(--sc-green) 90%, transparent); color: var(--sc-offwhite); }

/* ---------- Rodapé ---------- */
.sc-footer { background: var(--sc-ink); color: var(--sc-offwhite); }
.sc-footer a { text-decoration: none; transition: color .15s; }
.sc-footer__grid { box-sizing: border-box; max-width: calc(80rem + 3rem); margin-inline: auto; padding: 5rem 1.5rem; display: grid; gap: 2.5rem; }
@media (min-width: 48rem) { .sc-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .sc-footer__grid { grid-template-columns: 1.55fr 0.9fr 0.9fr 1.15fr; } }
.sc-footer__logo { display: block; width: 100%; max-width: 17rem; height: auto; margin-bottom: 1rem; filter: brightness(0) invert(1); }
.sc-footer__about { margin: 0; font-size: 0.875rem; line-height: 1.625; text-wrap: balance; color: color-mix(in oklab, var(--sc-offwhite) 70%, transparent); }
.sc-footer__label { margin: 0 0 1rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-wrap: balance; color: var(--sc-yellow); }
.sc-footer__label--spaced { margin-top: 2.5rem; }
.sc-footer__iso { display: block; width: min(100%, 17rem); height: auto; opacity: 0.9; }
.sc-footer__list { margin: 0; padding: 0; list-style: none; font-size: 0.875rem; line-height: 1.25rem; }
.sc-footer__list li + li { margin-top: 0.5rem; }
.sc-footer__list a { color: color-mix(in oklab, var(--sc-offwhite) 80%, transparent); }
.sc-footer__list a.is-strong { font-weight: 600; color: var(--sc-offwhite); }
.sc-footer__list a:hover, .sc-footer__address a:hover, .sc-footer__social a:hover { color: var(--sc-mint); }
.sc-footer__address { font-style: normal; font-size: 0.875rem; line-height: 1.625; color: color-mix(in oklab, var(--sc-offwhite) 70%, transparent); }
.sc-footer__address p { margin: 0; }
.sc-footer__address p + p { margin-top: 0.5rem; }
.sc-footer__address a { color: inherit; }
.sc-footer__bottom { border-top: 1px solid color-mix(in oklab, var(--sc-offwhite) 15%, transparent); }
.sc-footer__bottom-inner { box-sizing: border-box; max-width: calc(80rem + 3rem); margin-inline: auto; padding: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 1rem; font-size: 0.75rem; line-height: 1rem; color: color-mix(in oklab, var(--sc-offwhite) 60%, transparent); }
@media (min-width: 48rem) { .sc-footer__bottom-inner { flex-direction: row; } }
.sc-footer__bottom-inner p { margin: 0; }
.sc-footer__social { display: flex; align-items: center; gap: 0.75rem; }
.sc-footer__social a { color: inherit; display: inline-flex; }
.sc-footer__social-icon { width: 1.5rem; height: 1.5rem; }

/* Tailwind usa border-box: a altura mínima da hero inclui o padding, como no React. */
.spectrochem-section, .spectrochem-hero, .spectrochem-prefooter { box-sizing: border-box; }
.spectrochem-prefooter .wp-block-button__link, .spectrochem-button { text-decoration: none !important; }
.sc-mega__grid li { line-height: 1.5rem; }

/* =========================================================================
   Rodada v0.15 — páginas internas (desktop)
   ========================================================================= */

/* ---------- Hero compacto (Soluções, Produto, Aplicações) ---------- */
.spectrochem-hero.is-compact h1 { font-size: 1.875rem; line-height: 1.15; }
@media (min-width: 40rem) { .spectrochem-hero.is-compact h1 { font-size: 2.25rem; } }
@media (min-width: 64rem) { .spectrochem-hero.is-compact h1 { font-size: 2.75rem; max-width: 475px; } }
.spectrochem-hero.is-compact .spectrochem-actions { display: flex; flex-wrap: wrap; margin-top: 2rem; gap: 0.75rem; }
.spectrochem-button--mint { padding: 0.625rem 1.25rem; background: var(--sc-mint); color: var(--sc-offwhite); border: 0; display: inline-flex; align-items: center; justify-content: center; }
.spectrochem-button--mint:hover { background: color-mix(in oklab, var(--sc-mint) 90%, transparent); color: var(--sc-offwhite); }
.spectrochem-button--ghost { padding: 0.625rem 1.25rem; border: 1px solid var(--sc-border); background: transparent; color: var(--sc-green); display: inline-flex; align-items: center; justify-content: center; }
.spectrochem-button--ghost:hover { background: color-mix(in oklab, var(--sc-mint) 10%, transparent); color: var(--sc-green); }

/* ---------- Institucional — Pilares: linhas com altura idêntica ---------- */
@media (min-width: 64rem) {
	.spectrochem-pillars__grid { grid-template-rows: repeat(2, minmax(15rem, 1fr)); align-items: stretch; }
	.spectrochem-pillars__grid > * { height: 100%; box-sizing: border-box; }
	.spectrochem-pillars__graphic, .spectrochem-pillars__media { aspect-ratio: auto; min-height: 15rem; }
}

/* ---------- Soluções — card Spectronano ---------- */
.spectrochem-catalog:has(+ .spectrochem-callout-section) { padding-bottom: 0; }
.spectrochem-callout-section { background: var(--sc-cream); padding-top: 3rem; }
.spectrochem-callout { box-sizing: border-box; padding: 2rem; border-radius: 1rem; background: var(--sc-green); color: var(--sc-dark-fg); }
@media (min-width: 48rem) { .spectrochem-callout { padding: 3rem; } }
.spectrochem-callout__grid { display: grid; align-items: center; gap: 2rem; }
@media (min-width: 64rem) { .spectrochem-callout__grid { grid-template-columns: 1fr auto; } }
.spectrochem-section .spectrochem-callout h3 { margin: 0; font-size: 1.5rem; line-height: 2rem; font-weight: 600; letter-spacing: var(--sc-tracking-tight); color: var(--sc-mint); }
@media (min-width: 48rem) { .spectrochem-section .spectrochem-callout h3 { font-size: 1.875rem; line-height: 2.25rem; } }
.spectrochem-callout__text { max-width: 42rem; margin-top: 1rem; font-size: 1rem; line-height: 1.625; color: var(--sc-dark-muted); }
.spectrochem-callout__text > * { margin: 0; }

/* ---------- Faixas técnicas (Vantagens / Detalhamento técnico) ---------- */
.spectrochem-technical { background: var(--sc-green); color: var(--sc-dark-fg); }
.spectrochem-section.spectrochem-technical h2 { color: var(--sc-mint); }
.spectrochem-technical .spectrochem-lead { font-size: 1.125rem; line-height: 1.625; color: color-mix(in oklab, var(--sc-dark-fg) 90%, transparent); }
.spectrochem-technical .spectrochem-lead > * { margin: 0 0 1rem; }
.spectrochem-technical .spectrochem-lead > *:last-child { margin-bottom: 0; }
@media (min-width: 64rem) {
	.spectrochem-technical .spectrochem-technical__grid { gap: 4rem; }
	.spectrochem-technical--wide .spectrochem-technical__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
	.spectrochem-technical--wide .spectrochem-lead { max-width: 48rem; }
	.spectrochem-technical--half .spectrochem-technical__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Produto — Especificação / Onde é aplicado ---------- */
@media (min-width: 64rem) { .spectrochem-properties .spectrochem-properties__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; } }
.spectrochem-properties .spectrochem-check-list { display: grid; gap: 1.25rem; margin: 2.5rem 0 0; padding: 0; list-style: none; }
.spectrochem-properties .spectrochem-check-list li { display: flex; align-items: flex-start; gap: 0.75rem; margin: 0; font-size: 1rem; line-height: 1.625; font-weight: 500; color: var(--sc-green); }
.spectrochem-check-list__icon { display: flex; width: 1.5rem; height: 1.5rem; flex-shrink: 0; margin-top: 0.125rem; align-items: center; justify-content: center; border-radius: 9999px; background: color-mix(in oklab, var(--sc-mint) 15%, transparent); color: var(--sc-mint); }
.spectrochem-check-list__icon svg { width: 0.875rem; height: 0.875rem; }
.spectrochem-segment-stack { display: grid; gap: 1.25rem; margin-top: 2.5rem; }
a.spectrochem-segment-card--horizontal { display: flex; flex-direction: row; align-items: center; gap: 1.25rem; min-height: 6rem; box-sizing: border-box; padding: 1.25rem 1.5rem; border: 1px solid transparent; border-radius: 1rem; background: var(--sc-cream); color: var(--sc-green); text-decoration: none; transition: background-color .15s, border-color .15s; }
a.spectrochem-segment-card--horizontal:hover { border-color: color-mix(in oklab, var(--sc-mint) 40%, transparent); background: color-mix(in oklab, var(--sc-mint) 10%, transparent); text-decoration: none; }

/* ---------- /aplicacoes — cabeçalho sem foto ---------- */
.spectrochem-segments--page { padding-block: 7rem; }
.spectrochem-page-eyebrow { margin: 0 0 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sc-muted); }
.spectrochem-segments--page h1 { max-width: 56rem; margin: 0; font-size: 2.25rem; line-height: 2.5rem; font-weight: 600; letter-spacing: var(--sc-tracking-tight); color: var(--sc-green); }
.spectrochem-segments--page .spectrochem-segment-grid { margin-top: 3rem; }
@media (min-width: 64rem) { .spectrochem-segments--page h1 { white-space: normal; } }

/* ---------- Produtos relacionados centralizados ---------- */
.spectrochem-related .spectrochem-centered { text-align: center; }
.spectrochem-related .spectrochem-centered .spectrochem-eyebrow { justify-content: center; }
.spectrochem-related .spectrochem-product-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; margin-top: 3.5rem; }
.spectrochem-related .spectrochem-product-grid > * { box-sizing: border-box; width: 100%; }
@media (min-width: 48rem) { .spectrochem-related .spectrochem-product-grid > * { width: calc((100% - 4rem) / 3); max-width: 420px; } }

/* ---------- Contato ---------- */
.spectrochem-contact-page { background: var(--sc-offwhite); }
.spectrochem-contact-page__grid { box-sizing: border-box; display: grid; gap: 3rem; max-width: calc(80rem + 3rem); margin-inline: auto; padding: 5rem 1.5rem; }
@media (min-width: 64rem) { .spectrochem-contact-page__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; padding-block: 7rem; } }
.spectrochem-contact-page__main { min-width: 0; max-width: 36rem; }
.spectrochem-contact-page h1 { margin: 0; font-size: 2.25rem; line-height: 2.5rem; font-weight: 600; letter-spacing: var(--sc-tracking-tight); color: var(--sc-green); }
.spectrochem-contact-page__lead { margin: 1rem 0 0; font-size: 1.125rem; line-height: 1.75rem; color: var(--sc-muted); }
.spectrochem-form--react { margin-top: 2.5rem; }
.spectrochem-form-preview { display: grid; gap: 1.5rem; }
.spectrochem-form-preview__row { display: grid; gap: 1.5rem; }
@media (min-width: 40rem) { .spectrochem-form-preview__row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.spectrochem-form-preview__field { display: grid; gap: 0.5rem; }
.spectrochem-form--react label { font-size: 0.875rem; line-height: 1; font-weight: 500; color: var(--sc-green); }
.spectrochem-form--react input[type="text"], .spectrochem-form--react input[type="email"], .spectrochem-form--react input[type="tel"], .spectrochem-form--react textarea { box-sizing: border-box; width: 100%; max-width: none; padding: 0.5rem 0.75rem; border: 1px solid var(--sc-border); border-radius: 0.375rem; background: var(--sc-white); font: inherit; font-size: 0.875rem; color: var(--sc-green); box-shadow: 0 1px 2px oklch(0 0 0 / 5%); }
.spectrochem-form--react input[type="text"], .spectrochem-form--react input[type="email"], .spectrochem-form--react input[type="tel"] { height: 2.5rem; }
.spectrochem-form--react textarea { min-height: 8rem; resize: vertical; }
.spectrochem-form--react input::placeholder, .spectrochem-form--react textarea::placeholder { color: var(--sc-muted); opacity: 1; }
.spectrochem-form--react input:focus, .spectrochem-form--react textarea:focus { outline: 2px solid color-mix(in oklab, var(--sc-mint) 60%, transparent); outline-offset: 1px; }
.spectrochem-form-preview__submit, .spectrochem-form--react button[type="submit"] { display: inline-flex; width: 100%; height: 2.5rem; align-items: center; justify-content: center; gap: 0.5rem; padding: 0 1rem; border: 0; border-radius: 0.5rem; background: var(--sc-mint); color: var(--sc-offwhite); font: inherit; font-size: 0.875rem; font-weight: 500; cursor: pointer; transition: background-color .15s; }
@media (min-width: 40rem) { .spectrochem-form-preview__submit, .spectrochem-form--react button[type="submit"] { width: auto; justify-self: start; } }
.spectrochem-form-preview__submit:hover, .spectrochem-form--react button[type="submit"]:hover { background: color-mix(in oklab, var(--sc-mint) 90%, transparent); }
.spectrochem-form-preview__submit svg { width: 1rem; height: 1rem; }
/* WPForms: mesma grade do React (Nome/E-mail e Empresa/Telefone lado a lado). */
.spectrochem-form--react .wpforms-field-container { display: grid; gap: 1.5rem; }
@media (min-width: 40rem) { .spectrochem-form--react .wpforms-field-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } .spectrochem-form--react .wpforms-field-textarea { grid-column: 1 / -1; } }
.spectrochem-form--react .wpforms-field { padding: 0 !important; }
.spectrochem-form--react .wpforms-field-label { margin-bottom: 0.5rem !important; }

.spectrochem-contact-page__aside { min-width: 0; }
@media (min-width: 64rem) { .spectrochem-contact-page__aside { padding-left: 2rem; } }
.spectrochem-contact { padding: 0; background: none; border-radius: 0; }
.spectrochem-contact__card { padding: 2rem; border-radius: 1.5rem; background: var(--sc-cream); color: var(--sc-green); }
@media (min-width: 64rem) { .spectrochem-contact__card { padding: 2.5rem; } }
.spectrochem-contact .spectrochem-contact__card h2 { margin: 0; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; letter-spacing: 0; color: var(--sc-green); }
.spectrochem-contact__intro { margin: 0.5rem 0 0; color: var(--sc-muted); }
.spectrochem-contact ul.spectrochem-contact__list { display: grid; gap: 1.5rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.spectrochem-contact__list li { display: flex; align-items: flex-start; gap: 1rem; margin: 0; }
.spectrochem-contact__icon { display: flex; width: 2.5rem; height: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; background: color-mix(in oklab, var(--sc-mint) 15%, transparent); color: var(--sc-green); }
.spectrochem-contact__icon svg { width: 1.25rem; height: 1.25rem; }
.spectrochem-contact__item { min-width: 0; }
.spectrochem-contact__label { margin: 0; font-weight: 600; color: var(--sc-green); }
.spectrochem-contact__value { display: block; margin: 0; font-style: normal; color: var(--sc-muted); text-decoration: none; word-break: break-word; transition: color .15s; }
a.spectrochem-contact__value:hover { color: var(--sc-green); text-decoration: none; }

/* ---------- Mobile: ajustes globais ---------- */
html, body { overflow-x: clip; }
@media (max-width: 39.99rem) {
	.spectrochem-hero .spectrochem-actions { display: flex; flex-wrap: wrap; margin-top: 2rem; gap: 0.75rem; }
	.spectrochem-hero .spectrochem-actions > * { flex: 1 1 auto; justify-content: center; text-align: center; }
	.spectrochem-section h2 { overflow-wrap: normal; hyphens: manual; }
	.sc-footer__bottom-inner { text-align: center; }
}

/* =========================================================================
   Rodada v0.17 — ajustes finais
   ========================================================================= */

/* Menu desktop: o item ocupa a altura toda da barra e o submenu demora a fechar. */
@media (min-width: 64rem) {
	.sc-nav__links { align-self: stretch; }
	.sc-nav__item { display: flex; align-items: center; height: 100%; }
	.sc-mega { display: block; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .15s ease, visibility 0s linear .25s; transition-delay: .25s; }
	.sc-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -1rem; height: 1rem; }
	.sc-nav__item:hover > .sc-mega, .sc-nav__item:focus-within > .sc-mega { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity .15s ease, visibility 0s; transition-delay: 0s; }
}
@media (max-width: 63.99rem) { .sc-mega { display: none !important; } }

/* Card do caminhão: foto cobre todo o espaço como no React. */
.spectrochem-dna__truck { min-height: 12rem; background: var(--sc-cream); }
.spectrochem-dna__truck img, .spectrochem-dna__truck .spectrochem-image-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* Institucional: título em 3 linhas no celular. */
@media (max-width: 47.99rem) {
	.spectrochem-hero.is-institucional h1 { font-size: 1.95rem; line-height: 1.12; max-width: 21ch; }
}

/* Nossos Pilares no celular: mesma ordem e altura do React. */
@media (max-width: 63.99rem) {
	.spectrochem-pillars__grid { grid-auto-rows: 1fr; }
	.spectrochem-pillars__grid > * { min-height: 11rem; height: 100%; box-sizing: border-box; }
	.spectrochem-pillars__intro { order: 1; }
	.spectrochem-pillar--1 { order: 2; }
	.spectrochem-pillar--2 { order: 3; }
	.spectrochem-pillars__graphic { order: 4; }
	.spectrochem-pillars__media { order: 5; }
	.spectrochem-pillar--3 { order: 6; }
	.spectrochem-pillar { padding: 1rem; }
	.spectrochem-pillar__heading { display: flex; align-items: center; gap: 0.625rem; min-width: 0; }
	.spectrochem-pillar__icon { width: 2rem; height: 2rem; flex-shrink: 0; }
	.spectrochem-pillar__icon svg { width: 1rem; height: 1rem; }
	.spectrochem-section .spectrochem-pillar h3 { margin: 0; font-size: 0.875rem; line-height: 1.25rem; min-width: 0; }
	.spectrochem-pillar p { margin-top: 1rem; font-size: 0.68rem; }
}

/* Carregamento suave. */
@media (prefers-reduced-motion: no-preference) {
	main { animation: sc-page-in .45s ease-out both; }
	.sc-reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease-out, transform .6s ease-out; }
	.sc-reveal.is-visible { opacity: 1; transform: none; }
}
@keyframes sc-page-in { from { opacity: 0; transform: translateY(8px); } }

/* ---------- v0.18: caminhão sem margens + menu mobile ---------- */
.spectrochem-dna__sustain { padding: 0; gap: 0; }
.spectrochem-dna__truck { min-height: 0; border-radius: 0; }
@media (min-width: 64rem) { .spectrochem-dna__truck { min-height: 20rem; } }
.sc-mobile__panel { background: var(--sc-offwhite); border-left: 1px solid var(--sc-border); box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); animation: sc-slide .5s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; }
.sc-mobile__overlay { background: rgb(0 0 0 / .8); animation: sc-fade .3s ease-out; }
@media (prefers-reduced-motion: reduce) { .sc-mobile__panel, .sc-mobile__overlay { animation: none; } }

/* v0.20 — Política de Privacidade (texto jurídico) */
.spectrochem-legal { max-width: 48rem; margin: 0 auto; padding: 0 1.5rem 7rem; font-size: 1rem; line-height: 1.65; color: color-mix(in oklab, var(--sc-ink) 85%, transparent); }
.spectrochem-legal h2 { margin: 3rem 0 0; font-size: 1.25rem; font-weight: 600; letter-spacing: -0.01em; color: var(--sc-green); }
.spectrochem-legal h3 { margin: 2rem 0 0; font-size: 1.125rem; font-weight: 600; color: var(--sc-ink); }
.spectrochem-legal p { margin: 1rem 0 0; }
.spectrochem-legal p.spectrochem-legal__note { margin-top: 0.25rem; font-size: 0.875rem; font-style: italic; color: color-mix(in oklab, var(--sc-ink) 60%, transparent); }
.spectrochem-legal strong { font-weight: 600; color: var(--sc-ink); }
.spectrochem-legal ul { margin: 1rem 0 0; padding-left: 1.5rem; list-style: disc; }
.spectrochem-legal li + li { margin-top: 0.5rem; }
.spectrochem-legal li::marker { color: var(--sc-green); }
.spectrochem-legal a { color: var(--sc-green); font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.spectrochem-quality .spectrochem-richtext p + p { margin-top: 1rem; }