/*
 * Vortex-R — componentes do site (sistema de design Vortex-R).
 * Cores e medidas vêm das variáveis abaixo; a aba "Estilo" dos widgets do
 * Elementor sobrescreve essas variáveis dentro de cada widget.
 */

:root {
	--vxr-brand: #FFB86C;
	--vxr-brand-soft: #FFF1E2;
	--vxr-link: #A85A00;
	--vxr-ink: #282A36;
	--vxr-ink-2: #44475A;
	--vxr-muted: #5C5F70;
	--vxr-line-strong: #8B8EA0;
	--vxr-line: #DADBE3;
	--vxr-surface: #FFFFFF;
	--vxr-surface-alt: #F5F5F7;
	--vxr-danger: #B42318;
	--vxr-success: #1E7A46;
	--vxr-on-dark: #FFFFFF;
	--vxr-on-dark-muted: #C9CAD3;
	--vxr-radius-sm: 4px;
	--vxr-radius-md: 8px;
	--vxr-radius-lg: 16px;
	--vxr-shadow-menu: 0 12px 32px rgba(40, 42, 54, .14);
	--vxr-font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
	--vxr-font-body: "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;
	--vxr-wrap: 1200px;
	--vxr-gutter: 24px;
}

/* ---------------------------------------------------------------- Base */
.vxr-wrap { max-width: var(--vxr-wrap); margin-left: auto; margin-right: auto; padding-left: var(--vxr-gutter); padding-right: var(--vxr-gutter); box-sizing: border-box; }
.vxr-main { padding-top: 32px; padding-bottom: 72px; }
.vxr-display, .vxr-h1, .vxr-h2, .vxr-h3 { font-family: var(--vxr-font-display); color: var(--vxr-ink); margin: 0; }
.vxr-display { font-size: 52px; line-height: 56px; font-weight: 700; letter-spacing: -.8px; }
.vxr-h1 { font-size: 40px; line-height: 46px; font-weight: 700; letter-spacing: -.4px; }
.vxr-h2 { font-size: 30px; line-height: 36px; font-weight: 700; }
.vxr-h3 { font-size: 22px; line-height: 28px; font-weight: 700; }
.vxr-lead { font-size: 18px; line-height: 28px; color: var(--vxr-muted); margin: 0; }
.vxr-lead p { margin: 0 0 8px; }
.vxr-lead p:last-child { margin-bottom: 0; }
.vxr-muted { color: var(--vxr-muted); }
.vxr-small { font-size: 14px; line-height: 20px; }
.vxr-strong { font-weight: 600; margin: 0; }
.vxr-right { text-align: right; }
.vxr-tnum { font-variant-numeric: tabular-nums; }
.vxr-stack { display: flex; flex-direction: column; gap: 20px; }
.vxr-stack--lg { gap: 32px; }
.vxr-empty { color: var(--vxr-muted); font-size: 14px; }
.vxr-editor-hint { border: 1px dashed var(--vxr-line-strong); border-radius: var(--vxr-radius-md); padding: 16px; font: 14px/20px var(--vxr-font-body); color: var(--vxr-muted); background: var(--vxr-surface); }

.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

.vxr-catalog a, .vxr-product a, .vxr-form-box a, .vxr-related a, .vxr-block a { color: var(--vxr-link); }
.vxr-catalog a:hover, .vxr-product a:hover, .vxr-form-box a:hover { color: var(--vxr-ink); }
[class*="vxr-"] a:focus-visible, [class*="vxr-"] button:focus-visible, [class*="vxr-"] input:focus-visible, [class*="vxr-"] select:focus-visible, [class*="vxr-"] textarea:focus-visible { outline: 2px solid var(--vxr-link); outline-offset: 2px; }

/* ------------------------------------------------------------- Botões */
.vxr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 36px; padding: 8px 16px; border: 1.5px solid transparent; border-radius: var(--vxr-radius-md); font: 600 14px/20px var(--vxr-font-body); text-decoration: none !important; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; text-align: center; }
.vxr-btn--primary, a.vxr-btn--primary { background: var(--vxr-brand); color: var(--vxr-ink) !important; border-color: var(--vxr-brand); }
.vxr-btn--primary:hover, .vxr-btn--primary:focus-visible { background: var(--vxr-ink); color: var(--vxr-brand) !important; border-color: var(--vxr-ink); }
.vxr-btn--secondary, a.vxr-btn--secondary { background: var(--vxr-surface); color: var(--vxr-ink) !important; border-color: var(--vxr-ink); }
.vxr-btn--secondary:hover, .vxr-btn--secondary:focus-visible { background: var(--vxr-ink); color: var(--vxr-on-dark) !important; }
.vxr-btn--on-dark, a.vxr-btn--on-dark { background: transparent; color: var(--vxr-on-dark) !important; border-color: var(--vxr-on-dark); }
.vxr-btn--on-dark:hover { background: var(--vxr-on-dark); color: var(--vxr-ink) !important; }
.vxr-btn--lg { min-height: 48px; padding: 12px 24px; font-size: 15px; }
.vxr-btn--sm { min-height: 36px; padding: 8px 16px; font-size: 14px; }
.vxr-btn--xs { min-height: 36px; padding: 6px 12px; font-size: 13px; }
.vxr-btn.is-done { background: var(--vxr-brand-soft); border-color: var(--vxr-brand-soft); color: var(--vxr-ink) !important; }
.vxr-btn[aria-busy="true"] { opacity: .7; cursor: progress; }

/* ---------------------------------------------------------- Cabeçalho */
.vxr-logo { display: inline-flex; align-items: baseline; gap: 2px; font-family: var(--vxr-font-display); font-weight: 800; font-size: 24px; line-height: 32px; letter-spacing: -.5px; color: var(--vxr-on-dark); text-decoration: none; white-space: nowrap; }
.vxr-logo:hover { color: var(--vxr-on-dark); }
.vxr-logo--dark, .vxr-logo--dark:hover { color: var(--vxr-ink); }
.vxr-logo__mark { background: var(--vxr-brand); color: var(--vxr-ink); padding: 0 6px; border-radius: var(--vxr-radius-sm); }
.vxr-logo__img { display: block; max-height: 44px; width: auto; }

.vxr-nav { position: static; font-family: var(--vxr-font-body); }
.vxr-nav__toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; background: transparent; border: 1.5px solid var(--vxr-ink-2); border-radius: var(--vxr-radius-md); color: var(--vxr-on-dark); cursor: pointer; }
.vxr-nav__toggle .vxr-nav__icon-close { display: none; }
.vxr-nav__toggle[aria-expanded="true"] .vxr-nav__icon-open { display: none; }
.vxr-nav__toggle[aria-expanded="true"] .vxr-nav__icon-close { display: inline; }
.vxr-nav__list { display: flex; align-items: center; gap: 24px; list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight: 500; }
.vxr-nav__list > li { position: relative; display: flex; align-items: center; gap: 2px; }
.vxr-nav__list a { color: var(--vxr-on-dark); text-decoration: none; border-bottom: 2px solid transparent; padding: 8px 0; display: inline-block; }
.vxr-nav__list > li > a:hover, .vxr-nav__list > li > a[aria-current] { border-bottom-color: var(--vxr-brand); color: var(--vxr-on-dark); }
.vxr-nav__sub-toggle { display: inline-grid; place-items: center; width: 24px; height: 24px; padding: 0; background: transparent; border: 0; color: var(--vxr-on-dark); cursor: pointer; border-radius: var(--vxr-radius-sm); }
.vxr-nav__sub-toggle svg { transition: transform .15s; }
.vxr-nav__sub-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.vxr-nav__mobile-extras { display: none; }

.vxr-mega, .vxr-nav__sub { display: none; position: absolute; top: 100%; left: -16px; z-index: 1000; background: var(--vxr-surface); color: var(--vxr-ink); border: 1px solid var(--vxr-line); border-radius: var(--vxr-radius-md); box-shadow: var(--vxr-shadow-menu); }
.vxr-nav__sub { list-style: none; margin: 0; padding: 8px; min-width: 220px; }
.vxr-nav__sub a { color: var(--vxr-ink); display: block; padding: 8px 12px; border: 0; border-radius: var(--vxr-radius-sm); }
.vxr-nav__sub a:hover { background: var(--vxr-brand-soft); color: var(--vxr-ink); }
.vxr-mega { width: min(900px, 92vw); padding: 24px; box-sizing: border-box; }
.vxr-mega__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 24px; }
.vxr-mega a { color: var(--vxr-ink); border: 0; padding: 0; text-decoration: none; }
.vxr-mega__title { font-family: var(--vxr-font-display); font-weight: 600; font-size: 15px; line-height: 20px; }
.vxr-mega__title:hover, .vxr-mega__subs a:hover { color: var(--vxr-link); text-decoration: underline; }
.vxr-mega__subs { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 4px; }
.vxr-mega__subs a { color: var(--vxr-muted); font-size: 14px; line-height: 20px; }
.vxr-mega__more { font-weight: 600; color: var(--vxr-link) !important; }
.vxr-mega__all { display: inline-block; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--vxr-line) !important; width: 100%; font-weight: 600; color: var(--vxr-link) !important; }

@media (hover: hover) and (min-width: 1025px) {
	.vxr-nav__list > li:hover > .vxr-mega, .vxr-nav__list > li:hover > .vxr-nav__sub { display: block; }
}
@media (min-width: 1025px) {
	.vxr-nav__list > li.is-open > .vxr-mega, .vxr-nav__list > li.is-open > .vxr-nav__sub { display: block; }
}

.vxr-search { display: flex; align-items: center; gap: 8px; box-sizing: border-box; min-height: 40px; padding: 0 12px; border-radius: var(--vxr-radius-md); width: 260px; max-width: 100%; margin: 0; }
.vxr-search input[type="search"] { all: unset; flex: 1; min-width: 0; font: 14px/20px var(--vxr-font-body); }
.vxr-search--dark { background: var(--vxr-ink-2); color: var(--vxr-on-dark); }
.vxr-search--dark input[type="search"] { color: var(--vxr-on-dark); }
.vxr-search--dark input::placeholder { color: var(--vxr-on-dark-muted); opacity: 1; }
.vxr-search--light { background: var(--vxr-surface); border: 1px solid var(--vxr-line-strong); color: var(--vxr-ink); width: 100%; }
.vxr-search--light input[type="search"] { color: var(--vxr-ink); }
.vxr-search--light input::placeholder { color: var(--vxr-muted); opacity: 1; }
.vxr-search:focus-within { outline: 2px solid var(--vxr-brand); outline-offset: 2px; }
.vxr-search__submit { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; padding: 0; margin: -1px; }
.vxr-search__submit:focus { clip: auto; clip-path: none; position: static; width: auto; height: auto; margin: 0; padding: 4px 8px; background: var(--vxr-brand); color: var(--vxr-ink); border-radius: var(--vxr-radius-sm); font: 600 13px var(--vxr-font-body); }

.vxr-quote-link { display: inline-flex; align-items: center; gap: 8px; color: var(--vxr-on-dark); text-decoration: none; font: 500 14px/20px var(--vxr-font-body); white-space: nowrap; }
.vxr-quote-link:hover { color: var(--vxr-on-dark); text-decoration: underline; text-decoration-color: var(--vxr-brand); }
.vxr-badge { background: var(--vxr-brand); color: var(--vxr-ink); border-radius: 999px; min-width: 22px; height: 22px; padding: 0 6px; box-sizing: border-box; display: inline-grid; place-items: center; font-weight: 700; font-size: 12px; line-height: 1; }
.vxr-badge.is-bump { animation: vxr-bump .4s ease; }
@keyframes vxr-bump { 50% { transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .vxr-badge.is-bump { animation: none; } }

/* Celular e tablet: menu em painel */
@media (max-width: 1024px) {
	.vxr-nav__toggle { display: inline-flex; }
	.vxr-nav__panel { display: none; position: fixed; left: 0; right: 0; top: var(--vxr-panel-top, 72px); z-index: 9999; background: var(--vxr-ink); padding: 8px var(--vxr-gutter) 24px; border-top: 1px solid var(--vxr-ink-2); box-shadow: var(--vxr-shadow-menu); max-height: calc(100vh - var(--vxr-panel-top, 72px)); overflow-y: auto; box-sizing: border-box; }
	.vxr-nav.is-open .vxr-nav__panel { display: block; }
	.vxr-nav__list { flex-direction: column; align-items: stretch; gap: 0; font-size: 16px; }
	.vxr-nav__list > li { flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid var(--vxr-ink-2); }
	.vxr-nav__list > li > a { padding: 14px 0; flex: 1; }
	.vxr-nav__sub-toggle { width: 44px; height: 44px; }
	.vxr-mega, .vxr-nav__sub { position: static; width: 100%; box-shadow: none; border: 0; border-radius: 0; background: transparent; padding: 0 0 16px; }
	li.is-open > .vxr-mega, li.is-open > .vxr-nav__sub { display: block; }
	.vxr-mega__grid { grid-template-columns: 1fr; gap: 14px; }
	.vxr-mega a, .vxr-nav__sub a { color: var(--vxr-on-dark); }
	.vxr-mega__subs a { color: var(--vxr-on-dark-muted); }
	.vxr-mega__all { border-top-color: var(--vxr-ink-2) !important; color: var(--vxr-brand) !important; }
	.vxr-mega__more { color: var(--vxr-brand) !important; }
	.vxr-nav__sub a:hover { background: var(--vxr-ink-2); color: var(--vxr-on-dark); }
	.vxr-nav__mobile-extras { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
	.vxr-nav__mobile-extras .vxr-btn { width: 100%; }
}

/* ------------------------------------------------- Banner e linhas */
.vxr-hero-media { margin: 0; position: relative; aspect-ratio: 5 / 4; background: var(--vxr-surface-alt); border-radius: var(--vxr-radius-lg); overflow: hidden; display: grid; place-items: center; }
.vxr-hero-media__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vxr-hero-media__rings { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.vxr-hero-media__rings circle { fill: none; stroke: var(--vxr-brand); stroke-width: 2; }
.vxr-hero-media__rings circle.is-muted { stroke: var(--vxr-line); }
.vxr-hero-media.has-image .vxr-hero-media__rings { opacity: .85; }
.vxr-hero-media__caption { position: relative; font-size: 14px; color: var(--vxr-muted); background: var(--vxr-surface); padding: 8px 14px; border-radius: var(--vxr-radius-sm); border: 1px solid var(--vxr-line); }

.vxr-lines, .vxr-grid { display: grid; gap: 24px; }
.vxr-lines { gap: 20px; }
.vxr-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vxr-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vxr-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vxr-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1200px) { .vxr-cols-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1024px) { .vxr-cols-5, .vxr-cols-4, .vxr-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .vxr-cols-5, .vxr-cols-4, .vxr-cols-3, .vxr-cols-2 { grid-template-columns: minmax(0, 1fr); } }

.vxr-line-card { background: var(--vxr-surface); border: 1px solid var(--vxr-line); border-radius: var(--vxr-radius-md); padding: 24px; display: flex; flex-direction: column; gap: 12px; font-family: var(--vxr-font-body); color: var(--vxr-ink); }
.vxr-line-card .vxr-icon { color: var(--vxr-ink); flex: none; }
.vxr-line-card__img { width: 40px; height: 40px; object-fit: contain; }
.vxr-line-card__title { margin: 0; font-family: var(--vxr-font-display); font-size: 19px; line-height: 26px; font-weight: 700; }
.vxr-line-card__title a { color: var(--vxr-ink); text-decoration: none; }
.vxr-line-card__title a:hover { color: var(--vxr-link); }
.vxr-line-card__title a::after { content: ""; }
.vxr-line-card__desc { margin: 0; font-size: 14px; line-height: 20px; color: var(--vxr-muted); }
.vxr-line-card__subs { list-style: none; margin: auto 0 0; padding: 12px 0 0; border-top: 1px solid var(--vxr-line); display: grid; gap: 6px; font-size: 14px; line-height: 20px; }
.vxr-line-card__subs a { color: var(--vxr-ink); text-decoration: none; }
.vxr-line-card__subs a:hover { color: var(--vxr-link); text-decoration: underline; }
.vxr-line-card__subs--empty a { color: var(--vxr-link); font-weight: 600; }

/* ---------------------------------------------------- Cartão de produto */
.vxr-card { border: 1px solid var(--vxr-line); border-radius: var(--vxr-radius-md); overflow: hidden; display: flex; flex-direction: column; background: var(--vxr-surface); font-family: var(--vxr-font-body); color: var(--vxr-ink); }
.vxr-card__media { display: grid; place-items: center; aspect-ratio: 4 / 3; background: var(--vxr-surface-alt); border-bottom: 1px solid var(--vxr-line); overflow: hidden; }
.vxr-card__media img { width: 100%; height: 100%; object-fit: contain; display: block; }
.vxr-card__body { padding: 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.vxr-card__meta { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--vxr-muted); }
.vxr-card__title { margin: 0; font-family: var(--vxr-font-display); font-size: 18px; line-height: 24px; font-weight: 600; }
.vxr-card__title a { color: var(--vxr-ink) !important; text-decoration: none; }
.vxr-card__title a:hover { color: var(--vxr-link) !important; }
.vxr-card__excerpt { margin: 0; font-size: 14px; line-height: 20px; color: var(--vxr-muted); }
.vxr-card__actions { margin-top: auto; padding-top: 12px; }
.vxr-card--compact .vxr-card__body { gap: 6px; }
.vxr-card--compact .vxr-card__title { font-size: 17px; line-height: 22px; }

.vxr-ph { display: block; width: 100%; height: 100%; min-height: 120px; background: var(--vxr-surface-alt); position: relative; }
.vxr-ph svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.vxr-ph circle { fill: none; stroke: var(--vxr-line); stroke-width: 1.2; }

/* ---------------------------------------------------------- Catálogo */
.vxr-crumbs { font: 14px/20px var(--vxr-font-body); color: var(--vxr-muted); }
.vxr-crumbs ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.vxr-crumbs a { color: var(--vxr-muted) !important; text-decoration: none; }
.vxr-crumbs a:hover { color: var(--vxr-link) !important; text-decoration: underline; }
.vxr-crumbs__sep { color: var(--vxr-line-strong); }
.vxr-crumbs [aria-current] { color: var(--vxr-ink); font-weight: 600; }

.vxr-page-head { margin: 24px 0 32px; padding-bottom: 32px; border-bottom: 1px solid var(--vxr-line); display: flex; flex-direction: column; gap: 12px; max-width: 72ch; }

.vxr-catalog { font-family: var(--vxr-font-body); color: var(--vxr-ink); }
.vxr-catalog__layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 40px; align-items: start; }
.vxr-catalog__menu { display: flex; flex-direction: column; gap: 32px; }
.vxr-catalog__lines { padding-top: 24px; border-top: 1px solid var(--vxr-line); }
.vxr-catalog__menu nav:first-child.vxr-catalog__lines { padding-top: 0; border-top: 0; }
.vxr-menu-title { margin: 0 0 12px; font-family: var(--vxr-font-display); font-size: 16px; line-height: 22px; font-weight: 700; color: var(--vxr-ink); }
.vxr-side-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 14px; line-height: 20px; }
.vxr-side-list a { display: flex; align-items: center; box-sizing: border-box; min-height: 36px; padding: 8px 12px; border-radius: var(--vxr-radius-sm); color: var(--vxr-ink) !important; text-decoration: none; }
.vxr-side-list a:hover { color: var(--vxr-link) !important; text-decoration: underline; }
.vxr-side-list a.is-current { background: var(--vxr-brand-soft); font-weight: 600; }
.vxr-results-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.vxr-more { display: flex; justify-content: center; margin-top: 32px; }
.vxr-empty-state { border: 1px dashed var(--vxr-line-strong); border-radius: var(--vxr-radius-md); padding: 32px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.vxr-empty-state p { margin: 0; }
.vxr-grid .vxr-card.is-new { animation: vxr-in .3s ease both; }
@keyframes vxr-in { from { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) { .vxr-grid .vxr-card.is-new { animation: none; } }

@media (max-width: 1024px) {
	.vxr-catalog__layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.vxr-catalog__lines { display: none; }
	.vxr-catalog__menu nav:first-child.vxr-catalog__lines { display: block; }
	.vxr-catalog .vxr-side-list { display: flex; flex-wrap: wrap; gap: 8px; }
	.vxr-catalog .vxr-side-list a { border: 1px solid var(--vxr-line); }
}

/* ------------------------------------------------------- Produto */
.vxr-product { display: flex; flex-direction: column; gap: 56px; font-family: var(--vxr-font-body); color: var(--vxr-ink); }
.vxr-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; align-items: start; }
.vxr-split--top { margin-top: -32px; }
@media (max-width: 1024px) { .vxr-split { grid-template-columns: minmax(0, 1fr); gap: 32px; } }

.vxr-gallery { display: flex; flex-direction: column; gap: 12px; }
.vxr-gallery__main { aspect-ratio: 1 / 1; background: var(--vxr-surface-alt); border-radius: var(--vxr-radius-lg); overflow: hidden; display: grid; place-items: center; }
.vxr-gallery__zoom { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.vxr-gallery__img { width: 100%; height: 100%; object-fit: contain; display: block; }
.vxr-gallery__thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.vxr-gallery__thumb { aspect-ratio: 1 / 1; padding: 0; background: var(--vxr-surface-alt); border: 1px solid var(--vxr-line); border-radius: var(--vxr-radius-md); cursor: pointer; overflow: hidden; }
.vxr-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.vxr-gallery__thumb[aria-pressed="true"] { border: 2px solid var(--vxr-ink); }

.vxr-summary { display: flex; flex-direction: column; gap: 8px; }
.vxr-summary__code { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--vxr-muted); }
.vxr-summary__lead { margin-top: 12px; }

.vxr-panel { border: 1px solid var(--vxr-ink); border-radius: var(--vxr-radius-md); overflow: hidden; background: var(--vxr-surface); }
.vxr-panel__head { background: var(--vxr-ink); color: var(--vxr-on-dark); padding: 12px 16px; border-bottom: 4px solid var(--vxr-brand); display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.vxr-panel__title { margin: 0; font-family: var(--vxr-font-display); font-size: 15px; line-height: 20px; font-weight: 700; color: var(--vxr-on-dark); }
.vxr-panel__hint { font-size: 13px; line-height: 18px; color: #E4E5EB; }
.vxr-table-wrap { overflow-x: auto; }
.vxr-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 20px; margin: 0; }
.vxr-table caption { text-align: left; font-weight: 600; padding: 0 0 8px; }
.vxr-table th, .vxr-table td { padding: 10px 16px; text-align: left; vertical-align: middle; border: 0; }
.vxr-table thead th { color: var(--vxr-muted); font-weight: 500; }
.vxr-table tbody tr { border-top: 1px solid var(--vxr-line); }
.vxr-table tbody th { font-weight: 600; }
.vxr-table--spec tbody th { font-weight: 500; color: var(--vxr-muted); width: 42%; padding: 12px 16px; }
.vxr-table--spec td { padding: 12px 16px; }
.vxr-table td.vxr-right { padding-top: 6px; padding-bottom: 6px; }

.vxr-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.vxr-notice { margin: 0; background: var(--vxr-brand-soft); border-radius: var(--vxr-radius-md); padding: 12px 16px; font-size: 14px; line-height: 20px; color: var(--vxr-ink); }
.vxr-notice--soft { margin-bottom: 24px; }

.vxr-block__title { font-size: 24px; line-height: 30px; margin: 0 0 12px; }
.vxr-bullets { margin: 0; padding-left: 20px; display: grid; gap: 6px; color: var(--vxr-muted); }
.vxr-docs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.vxr-doc { display: flex; align-items: center; gap: 12px; border: 1px solid var(--vxr-line); border-radius: var(--vxr-radius-md); padding: 14px 16px; text-decoration: none; color: var(--vxr-ink) !important; }
.vxr-doc:hover { border-color: var(--vxr-ink); }
.vxr-doc__title { font-weight: 600; flex: 1; }
.vxr-doc__meta { font-size: 13px; color: var(--vxr-muted); }
.vxr-prose { max-width: 80ch; }
.vxr-prose p, .vxr-prose li { line-height: 26px; }
.vxr-related .vxr-h2 { font-size: 28px; line-height: 34px; margin: 0 0 24px; }
.vxr-back { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 15px; color: var(--vxr-link) !important; }

/* ------------------------------------------------------ Formulários */
.vxr-form-box { background: var(--vxr-surface-alt); border-radius: var(--vxr-radius-lg); padding: 40px; font-family: var(--vxr-font-body); color: var(--vxr-ink); scroll-margin-top: 96px; }
.vxr-form-box--plain { background: transparent; padding: 0; border-radius: 0; }
.vxr-form-box__title { margin: 0 0 8px; font-family: var(--vxr-font-display); font-size: 28px; line-height: 34px; font-weight: 700; }
.vxr-form-box__intro { margin: 0 0 28px; color: var(--vxr-muted); }
.vxr-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; }
.vxr-field { display: grid; gap: 8px; align-content: start; }
.vxr-field--wide { grid-column: 1 / -1; }
.vxr-field > label { font-weight: 600; font-size: 14px; line-height: 20px; }
.vxr-form input[type="text"], .vxr-form input[type="email"], .vxr-form input[type="tel"], .vxr-form input[type="number"], .vxr-form select, .vxr-form textarea, .vxr-qty {
	font: 16px/24px var(--vxr-font-body); color: var(--vxr-ink); background: var(--vxr-surface); border: 1px solid var(--vxr-line-strong); border-radius: var(--vxr-radius-sm); padding: 10px 12px; min-height: 44px; width: 100%; box-sizing: border-box; margin: 0; box-shadow: none;
}
.vxr-form textarea { resize: vertical; min-height: 96px; }
.vxr-form input[type="file"] { font: 14px var(--vxr-font-body); padding: 8px 0; }
.vxr-form input:focus, .vxr-form select:focus, .vxr-form textarea:focus, .vxr-qty:focus { outline: 2px solid var(--vxr-link); outline-offset: 0; border-color: var(--vxr-link); }
.vxr-field.is-invalid input, .vxr-field.is-invalid select, .vxr-field.is-invalid textarea { border: 2px solid var(--vxr-danger); }
.vxr-field__error { color: var(--vxr-danger); font-size: 14px; line-height: 20px; }
.vxr-field__help { color: var(--vxr-muted); font-size: 13px; line-height: 18px; }
.vxr-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 20px; font-weight: 400 !important; }
.vxr-check input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--vxr-ink); }
.vxr-field.is-invalid .vxr-check input { outline: 2px solid var(--vxr-danger); outline-offset: 2px; }
.vxr-form__actions { margin-top: 24px; }
.vxr-form-success { background: var(--vxr-surface); border: 2px solid var(--vxr-success); border-radius: var(--vxr-radius-md); padding: 20px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.vxr-form-success p { margin: 0; }
.vxr-form-success strong { color: var(--vxr-success); }
.vxr-form-alert { border-left: 4px solid var(--vxr-danger); background: #FDECEA; color: var(--vxr-ink); padding: 12px 16px; border-radius: var(--vxr-radius-sm); margin-bottom: 16px; font-size: 14px; }
.vxr-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.vxr-quote-items { margin-bottom: 24px; background: var(--vxr-surface); border: 1px solid var(--vxr-line); border-radius: var(--vxr-radius-md); padding: 16px; overflow-x: auto; }
.vxr-qty { width: 96px; min-height: 40px; padding: 6px 10px; }
[hidden] { display: none !important; }
@media (max-width: 600px) {
	.vxr-form-box { padding: 24px 16px; }
	.vxr-form__grid { grid-template-columns: minmax(0, 1fr); }
	.vxr-display { font-size: 34px; line-height: 40px; }
	.vxr-h1 { font-size: 30px; line-height: 36px; }
	.vxr-h2 { font-size: 26px; line-height: 32px; }
	:root { --vxr-gutter: 16px; }
}

/* ------------------------------------------------------------ Rodapé */
.vxr-list-nav { margin: 0; }
.vxr-list-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font: 14px/20px var(--vxr-font-body); color: var(--vxr-muted); }
.vxr-list-menu--inline { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; line-height: 18px; }
.vxr-list-menu a { color: var(--vxr-link); text-decoration: none; }
.vxr-list-menu a:hover { text-decoration: underline; text-decoration-color: var(--vxr-brand); }
.vxr-tone-dark .vxr-list-menu, .vxr-footer .vxr-list-menu { color: var(--vxr-on-dark-muted); }
.vxr-tone-dark .vxr-list-menu a, .vxr-footer .vxr-list-menu a { color: var(--vxr-on-dark); }
.vxr-tone-dark .vxr-logo--dark { color: var(--vxr-on-dark); }
.vxr-nav__mobile-extras .vxr-quote-link { padding: 8px 0; }

/* Várias tabelas técnicas por produto */
.vxr-tables { display: flex; flex-direction: column; gap: 20px; }
.vxr-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.vxr-table-wrap:focus-visible { outline: 2px solid var(--vxr-link); outline-offset: -2px; }
.vxr-table--wide th, .vxr-table--wide td { white-space: nowrap; }
.vxr-table thead th { white-space: nowrap; }
/* Sombra nas bordas indica que há mais colunas para rolar */
.vxr-table-wrap {
	background:
		linear-gradient(to right, var(--vxr-surface) 30%, rgba(255, 255, 255, 0)) left center / 32px 100% no-repeat local,
		linear-gradient(to left, var(--vxr-surface) 30%, rgba(255, 255, 255, 0)) right center / 32px 100% no-repeat local,
		radial-gradient(farthest-side at 0 50%, rgba(40, 42, 54, .18), rgba(40, 42, 54, 0)) left center / 12px 100% no-repeat scroll,
		radial-gradient(farthest-side at 100% 50%, rgba(40, 42, 54, .18), rgba(40, 42, 54, 0)) right center / 12px 100% no-repeat scroll;
	background-color: var(--vxr-surface);
}
.vxr-table:not(.vxr-table--spec) td, .vxr-table:not(.vxr-table--spec) tbody th { min-width: 6.5em; }
.vxr-table td.vxr-right { min-width: 0; }

/* Vídeo demonstrativo na galeria */
.vxr-gallery__main { position: relative; }
.vxr-gallery__video { position: absolute; inset: 0; background: var(--vxr-ink); display: grid; place-items: center; }
.vxr-gallery__video[hidden] { display: none !important; }
.vxr-gallery__main > .vxr-gallery__video:only-child { position: absolute; }
.vxr-video video, .vxr-video__frame { width: 100%; height: 100%; border: 0; display: block; background: var(--vxr-ink); object-fit: contain; }
.vxr-video__start { position: absolute; inset: 0; display: grid; place-items: center; text-decoration: none; color: var(--vxr-on-dark) !important; overflow: hidden; }
.vxr-video__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.vxr-video__label { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; font: 600 14px/20px var(--vxr-font-body); text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.vxr-play { position: relative; width: 72px; height: 72px; border-radius: 50%; background: var(--vxr-brand); box-shadow: 0 6px 20px rgba(0,0,0,.25); transition: transform .15s; }
.vxr-play::after { content: ""; position: absolute; left: 29px; top: 23px; border-style: solid; border-width: 13px 0 13px 21px; border-color: transparent transparent transparent var(--vxr-ink); }
.vxr-video__start:hover .vxr-play, .vxr-video__start:focus-visible .vxr-play { transform: scale(1.08); }
.vxr-video__start:focus-visible { outline: 3px solid var(--vxr-brand); outline-offset: -3px; }
.vxr-gallery__thumb { position: relative; }
.vxr-gallery__thumb--video { background: var(--vxr-ink); display: grid; place-items: center; }
.vxr-gallery__thumb--video img { position: absolute; inset: 0; opacity: .55; object-fit: cover; }
.vxr-play--sm { width: 32px; height: 32px; box-shadow: none; }
.vxr-play--sm::after { left: 13px; top: 10px; border-width: 6px 0 6px 10px; }
@media (prefers-reduced-motion: reduce) { .vxr-play { transition: none; } }
