/*
 * Tema Vortex-R — base, cabeçalho, rodapé e seções das páginas.
 * Os componentes (cartões, catálogo, produto, formulários) ficam no CSS do
 * plugin Vortex-R Core; as variáveis abaixo repetem os tokens do sistema de
 * design para o tema funcionar mesmo sem o plugin.
 */

: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-on-dark: #FFFFFF;
	--vxr-on-dark-muted: #C9CAD3;
	--vxr-radius-sm: 4px;
	--vxr-radius-md: 8px;
	--vxr-radius-lg: 16px;
	--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;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 24px; }
body { margin: 0; background: var(--vxr-surface); color: var(--vxr-ink); font: 16px/24px var(--vxr-font-body); -webkit-font-smoothing: antialiased; }
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--vxr-link); }
a:hover { color: var(--vxr-ink); }
h1, h2, h3, h4 { font-family: var(--vxr-font-display); color: var(--vxr-ink); }
:focus-visible { outline: 2px solid var(--vxr-link); outline-offset: 2px; }
.vxr-site-content:focus { outline: none; }

.vxr-skip { position: absolute; left: 16px; top: -100px; z-index: 10000; background: var(--vxr-brand); color: var(--vxr-ink); padding: 10px 16px; border-radius: var(--vxr-radius-md); font-weight: 600; text-decoration: none; }
.vxr-skip:focus { top: 12px; }
.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-wrap { max-width: var(--vxr-wrap); margin-left: auto; margin-right: auto; padding-left: var(--vxr-gutter); padding-right: var(--vxr-gutter); }
.vxr-main { padding-top: 32px; padding-bottom: 72px; }
.vxr-h1 { font-size: 40px; line-height: 46px; font-weight: 700; letter-spacing: -.4px; margin: 0; }
.vxr-h2 { font-size: 30px; line-height: 36px; font-weight: 700; margin: 0; }
.vxr-h3 { font-size: 22px; line-height: 28px; font-weight: 700; margin: 0; }
.vxr-display { font-family: var(--vxr-font-display); font-size: 52px; line-height: 56px; font-weight: 700; letter-spacing: -.8px; margin: 0; }
.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; }

/* ---------------------------------------------------------- Cabeçalho */
.vxr-header { background: var(--vxr-ink); position: relative; z-index: 50; }
.vxr-header__inner { display: flex; align-items: center; gap: 32px; padding-top: 16px; padding-bottom: 16px; }
.vxr-header__tools { margin-left: auto; display: flex; align-items: center; gap: 16px; }
.vxr-header .vxr-nav { order: 0; }
@media (max-width: 1024px) {
	.vxr-header__inner { gap: 16px; }
	.vxr-header__search { display: none; }
	.vxr-header .vxr-nav { order: 3; }
}
@media (max-width: 600px) {
	.vxr-header .vxr-header__cta, .vxr-header .vxr-header__quote { display: none; }
	.vxr-header__tools { margin-left: auto; }
}

/* ------------------------------------------------------------ Seções */
.vxr-section { padding: 64px 0; }
.vxr-section--alt { background: var(--vxr-surface-alt); }
.vxr-section--rule { border-top: 1px solid var(--vxr-line); }
.vxr-section__title { margin-bottom: 32px; }
.vxr-section__intro { margin: 8px 0 32px; color: var(--vxr-muted); max-width: 60ch; }
.vxr-section__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; }
.vxr-link-strong { font-weight: 600; font-size: 15px; color: var(--vxr-link); }

.vxr-hero { padding-top: 72px; padding-bottom: 64px; }
.vxr-hero__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; align-items: center; }
.vxr-hero__grid--start { align-items: start; }
.vxr-hero__text { display: flex; flex-direction: column; gap: 24px; }
.vxr-hero__lead { margin: 0; font-size: 19px; line-height: 30px; color: var(--vxr-muted); max-width: 52ch; }
.vxr-about__lead { margin: 0; font-size: 17px; line-height: 28px; }

.vxr-solutions { display: grid; gap: 32px; }
.vxr-solution { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 3px solid var(--vxr-brand); }
.vxr-solution h3 { margin: 0; font-size: 20px; line-height: 28px; }
.vxr-solution p { margin: 0; color: var(--vxr-muted); }
.vxr-how { display: grid; gap: 24px; }
.vxr-how h3 { margin: 0 0 8px; font-family: var(--vxr-font-body); font-size: 17px; line-height: 24px; font-weight: 600; }
.vxr-how p { margin: 0; font-size: 14px; line-height: 20px; color: var(--vxr-muted); }

.vxr-cta { background: var(--vxr-ink); color: var(--vxr-on-dark); }
.vxr-cta__inner { padding-top: 56px; padding-bottom: 56px; display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap; }
.vxr-cta__text { display: flex; flex-direction: column; gap: 8px; max-width: 60ch; }
.vxr-cta .vxr-h2 { color: var(--vxr-on-dark); }
.vxr-cta p { margin: 0; color: var(--vxr-on-dark-muted); }

.vxr-404 { padding-top: 40px; padding-bottom: 32px; display: flex; flex-direction: column; gap: 20px; max-width: 760px; margin-left: 0; }
.vxr-404__search { max-width: 420px; }

/* Conteúdo de páginas sem Elementor */
.vxr-entry { max-width: 75ch; }
.vxr-entry h2 { font-size: 26px; line-height: 32px; margin: 32px 0 12px; }
.vxr-entry h3 { font-size: 20px; line-height: 28px; margin: 24px 0 8px; }
.vxr-entry p, .vxr-entry li { line-height: 26px; }
.vxr-entry__media { margin: 0 0 24px; }
.vxr-entry__media img { border-radius: var(--vxr-radius-lg); }
.vxr-post-list { display: grid; gap: 32px; }
.vxr-post-item { padding-bottom: 24px; border-bottom: 1px solid var(--vxr-line); }
.vxr-post-item a { color: var(--vxr-ink); text-decoration: none; }
.vxr-post-item a:hover { color: var(--vxr-link); }
.vxr-elementor-page { display: block; }

/* ------------------------------------------------------------ Rodapé */
.vxr-footer { background: var(--vxr-ink); color: var(--vxr-on-dark); }
.vxr-footer > .vxr-wrap { padding-top: 56px; padding-bottom: 24px; }
.vxr-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; }
.vxr-footer__brand p { margin: 12px 0 0; font-size: 14px; line-height: 20px; color: var(--vxr-on-dark-muted); max-width: 32ch; }
.vxr-footer__title { margin: 0 0 12px; font-size: 14px; line-height: 20px; color: var(--vxr-brand); }
.vxr-footer__bottom { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--vxr-ink-2); font-size: 13px; line-height: 18px; color: var(--vxr-on-dark-muted); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.vxr-footer a { color: var(--vxr-on-dark); text-decoration: none; }
.vxr-footer a:hover { text-decoration: underline; text-decoration-color: var(--vxr-brand); }
.vxr-footer ul { list-style: none; margin: 0; padding: 0; }

/* Paginação de publicações */
.navigation.pagination { margin-top: 32px; }
.nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.nav-links .page-numbers { display: inline-grid; place-items: center; min-width: 40px; min-height: 40px; padding: 0 12px; border: 1px solid var(--vxr-line); border-radius: var(--vxr-radius-md); color: var(--vxr-ink); text-decoration: none; }
.nav-links .page-numbers.current { background: var(--vxr-brand-soft); font-weight: 600; }

/* --------------------------------------------------------- Responsivo */
@media (max-width: 1024px) {
	.vxr-hero__grid { grid-template-columns: minmax(0, 1fr); }
	.vxr-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vxr-cols-3.vxr-solutions { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
	:root { --vxr-gutter: 16px; }
	.vxr-display { font-size: 34px; line-height: 40px; }
	.vxr-h1 { font-size: 30px; line-height: 36px; }
	.vxr-h2 { font-size: 26px; line-height: 32px; }
	.vxr-section { padding: 48px 0; }
	.vxr-hero { padding-top: 48px; padding-bottom: 48px; }
	.vxr-footer__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Impressão: só o conteúdo */
@media print {
	.vxr-header, .vxr-footer, .vxr-skip, .vxr-nav, .vxr-form-box, .vxr-more { display: none !important; }
	body { font-size: 12pt; }
}

/* Grades da página inicial do tema (também definidas no plugin) */
.vxr-solutions.vxr-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vxr-how.vxr-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1024px) { .vxr-solutions.vxr-cols-3 { grid-template-columns: minmax(0, 1fr); } .vxr-how.vxr-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .vxr-how.vxr-cols-4 { grid-template-columns: minmax(0, 1fr); } }
