/* =========================================================
 * VoltCore — CSS principal
 * Arquitetura: mobile-first, CSS variables, zero dependência.
 * Todas as cores/tamanhos vêm de --vc-* injetadas pelo PHP.
 * ========================================================= */

/* ---- Reset enxuto ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit}
input,textarea,select{font:inherit}

/* ---- Base ---- */
html{scroll-behavior:smooth}
body{
	margin:0;
	font-family:var(--vc-font-body);
	font-size:var(--vc-fs-base-desktop,var(--vc-fs-base));
	line-height:var(--vc-lh-base);
	font-weight:var(--vc-fw-body);
	color:var(--vc-color-text);
	background:var(--vc-color-bg);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
html,body{max-width:100%}
body.single-post,
body.page,
body.single,
body.blog{
	overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{
	font-family:var(--vc-font-heading);
	font-weight:var(--vc-fw-heading);
	line-height:1.1;
	color:var(--vc-color-secondary);
	letter-spacing:-0.03em;
}
h1{font-size:var(--vc-fs-h1);letter-spacing:-0.04em;line-height:1.04}
h2{font-size:var(--vc-fs-h2);letter-spacing:-0.035em;line-height:1.08}
h3{font-size:var(--vc-fs-h3);letter-spacing:-0.025em;line-height:1.15}
h4{font-size:1.15rem;letter-spacing:-0.015em;line-height:1.25}
p{margin:0 0 1em}
strong{font-weight:700;color:var(--vc-color-secondary)}

a{color:var(--vc-color-link);transition:color .15s ease}
a:hover{color:var(--vc-color-link-hover)}

::selection{background:var(--vc-color-primary);color:#fff}

/* ---- Utilitários ---- */
.container{
	width:100%;
	max-width:var(--vc-container);
	margin-inline:auto;
	padding-inline:16px;
}
@media(min-width:768px){.container{padding-inline:24px}}

.screen-reader-text{
	position:absolute!important;clip:rect(1px,1px,1px,1px);
	width:1px;height:1px;overflow:hidden;word-wrap:normal!important;
}
.skip-link{
	position:absolute;
	top:-100px;
	left:16px;
	z-index:100001;
	background:var(--vc-color-primary);
	color:#fff;
	padding:10px 20px;
	border-radius:0 0 8px 8px;
	font-weight:700;
	font-size:.95rem;
	transition:top .18s ease;
	outline:3px solid #fff;
	outline-offset:2px;
}
.skip-link:focus,.skip-link:focus-visible{
	top:0;
	outline:3px solid #fff;
}

/* ---- Botões ---- */
.btn{
	display:inline-block;
	padding:.7em 1.25em;
	background:var(--vc-color-btn-bg);
	color:var(--vc-color-btn-fg);
	border-radius:var(--vc-radius);
	font-weight:600;
	font-size:.95em;
	line-height:1.2;
	transition:background .15s ease,transform .15s ease;
	border:1px solid transparent;
}
.btn:hover{background:var(--vc-color-btn-hover);color:#fff}
.btn--cta{padding:.55em 1.1em;font-size:.9em}

/* ---- Topbar ---- */
.topbar{
	background:var(--vc-color-secondary);
	color:#fff;
	font-size:.85rem;
	padding:.55em 0;
}
.topbar a{color:inherit;opacity:.85}
.topbar a:hover{opacity:1}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.topbar .menu--social{display:flex;gap:14px}

/* ---- Header ---- */
.site-header{
	background:var(--vc-color-header-bg);
	color:var(--vc-color-header-fg);
	border-bottom:1px solid var(--vc-color-border);
	position:relative;
	z-index:50;
}
.site-header.is-sticky{position:sticky;top:0}
.site-header.hide-on-scroll{transition:transform .25s ease}
.site-header.hide-on-scroll.is-hidden{transform:translateY(-100%)}

.site-header__inner{
	display:flex;align-items:center;gap:16px;
	padding:14px 16px;min-height:64px;
}
@media(min-width:768px){.site-header__inner{padding:18px 24px}}

.site-branding .custom-logo,
.site-branding .custom-logo-link img{
	max-width:var(--vc-logo-w);height:var(--vc-logo-h);width:auto;
}
.site-title{
	font-family:var(--vc-font-heading);
	font-weight:800;font-size:1.25rem;
	color:var(--vc-color-secondary);
	letter-spacing:-0.02em;
}

/* Nav */
.site-nav{margin-left:auto}
.menu--primary{display:flex;gap:28px;align-items:center;font-family:var(--vc-font-menu);font-weight:500}
.menu--primary a{padding:8px 0;position:relative;color:var(--vc-color-header-fg)}
.menu--primary a:hover{color:var(--vc-color-primary)}
.menu--primary .current-menu-item>a{color:var(--vc-color-primary)}
.menu--primary li{position:relative}
.menu--primary .sub-menu{
	position:absolute;top:100%;left:0;min-width:200px;
	background:#fff;border:1px solid var(--vc-color-border);
	border-radius:var(--vc-radius);padding:8px;display:none;
	box-shadow:0 8px 24px rgba(10,37,64,.08);
}
.menu--primary li:hover>.sub-menu,
.menu--primary li:focus-within>.sub-menu{display:block}
.menu--primary .sub-menu a{padding:6px 10px;display:block;border-radius:4px}
.menu--primary .sub-menu a:hover{background:var(--vc-color-bg)}

/* Ações do header */
.site-header__actions{display:flex;align-items:center;gap:12px}
.search-toggle{
	width:38px;height:38px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	color:var(--vc-color-header-fg);
	transition:background .15s ease;
}
.search-toggle:hover{background:var(--vc-color-bg)}

/* Hamburger */
.nav-toggle{
	display:none;
	width:40px;height:40px;margin-left:auto;
	flex-direction:column;justify-content:center;gap:5px;align-items:center;
}
.nav-toggle__bar{width:22px;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.nav-toggle.is-open .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0}
.nav-toggle.is-open .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Busca expansível */
.site-search{border-top:1px solid var(--vc-color-border);padding:16px 0;background:var(--vc-color-bg)}
.site-search[hidden]{display:none}
.search-form{display:flex;gap:8px}
.search-form__field{
	flex:1;padding:.7em 1em;
	border:1px solid var(--vc-color-border);
	border-radius:var(--vc-radius);
	background:#fff;color:var(--vc-color-text);
}
.search-form__field:focus{outline:2px solid var(--vc-color-primary);outline-offset:1px}
.search-form__submit{
	padding:.7em 1.2em;
	background:var(--vc-color-btn-bg);color:var(--vc-color-btn-fg);
	border-radius:var(--vc-radius);font-weight:600;
}

/* Variação header-center */
.site-header--logo-center .site-header__inner{flex-direction:column;gap:14px}
.site-header--logo-center .site-branding{margin:0 auto}
.site-header--logo-center .site-nav{margin:0;width:100%}
.site-header--logo-center .menu--primary{justify-content:center}

/* Mobile menu */
@media(max-width:900px){
	.nav-toggle{display:flex}
	.site-nav{
		position:absolute;left:0;right:0;top:100%;
		background:var(--vc-color-header-bg);
		border-top:1px solid var(--vc-color-border);
		padding:20px;display:none;
	}
	.site-nav.is-open{display:block}
	.menu--primary{flex-direction:column;align-items:stretch;gap:4px}
	.menu--primary a{padding:10px 12px;border-radius:6px}
	.menu--primary a:hover{background:var(--vc-color-bg)}
	.menu--primary .sub-menu{
		position:static;box-shadow:none;border:0;padding:0 0 0 12px;
		display:block;background:transparent;
	}
}

/* ---- Ferramenta embutida no post ----
 * Sem padding/margin externos: a ferramenta define seu próprio espaçamento.
 * Usa margin negativo para colapsar qualquer gap herdado de .layout/.container.
 */
.post-tool{
	padding:0;
	margin:0;
	background:transparent;
	border:0;
	line-height:0;                /* remove whitespace de inline elements */
}
.post-tool > *{line-height:normal}
.post-tool__title{
	max-width:var(--vc-container);
	margin:16px auto 8px;
	padding:0 16px;
	font-size:1.1rem;
	color:var(--vc-color-secondary);
	line-height:1.3;
}
.post-tool__body{
	max-width:100%;
	width:100%;
	margin:0;
	padding:0;
	font-size:0;                  /* remove espaço entre iframes/elementos inline-block */
}
.post-tool__body > *{font-size:var(--vc-fs-base-desktop,var(--vc-fs-base))}
.post-tool__body iframe{
	width:100%;
	max-width:100%;
	min-height:clamp(420px,72vh,960px);
	border:0;
	display:block;
	margin:0 auto;
	background:transparent;
}
@media(max-width:768px){
	.post-tool__body iframe{min-height:560px}
}

/* Mata o padding do .layout que vem logo DEPOIS da ferramenta (só no single com ferramenta).
 * Isso evita o "empurrão" que você está vendo. O body ganha a classe quando há ferramenta. */
body.voltcore-has-tool .post-tool{margin:0;padding:0}
body.voltcore-has-tool .layout{padding-top:24px}
body.voltcore-has-tool .site-header{margin-bottom:0}

/* ---- Layout principal (grid content + sidebar) ---- */
.layout{padding-block:40px;display:grid;gap:var(--vc-gap);grid-template-columns:1fr}
.layout > *{min-width:0}
@media(min-width:1000px){
	.layout--sidebar-right{grid-template-columns:minmax(0,1fr) 320px}
	.layout--sidebar-left{grid-template-columns:320px minmax(0,1fr)}
	.layout--sidebar-left .site-main{order:2}
	.layout--sidebar-left .site-sidebar{order:1}
}
.site-main{min-width:0;width:100%}
.site-main--full{grid-column:1/-1;max-width:var(--vc-reading);margin-inline:auto;width:100%}

/* ---- Sidebar ---- */
.site-sidebar.is-sticky{position:sticky;top:88px;align-self:start}
/* ============================================================
 * WIDGETS — design editorial refinado
 * Lista numerada automática via CSS counters.
 * Compatível com: Posts Recentes, Populares, Categorias,
 * Tags, Links e qualquer widget com <ul>.
 * ============================================================ */

.widget {
  background: var(--vc-color-card);
  border: 1px solid var(--vc-color-border);
  border-radius: 12px;
  padding: 22px 22px 18px;
  margin-bottom: 24px;
  overflow: hidden;
}

/* Título do widget — barra âmbar à esquerda */
.widget__title {
  position: relative;
  font-family: var(--vc-font-heading);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--vc-color-secondary);
  margin: 0 0 20px;
  padding: 0 0 14px 14px;
  border-bottom: 1px solid var(--vc-color-border);
}
.widget__title::before {
  content: '';
  position: absolute;
  left: 0; top: 1px; bottom: 3px;
  width: 3px;
  background: var(--vc-color-accent, #F5A623);
  border-radius: 2px;
}

/* ---- Lista numerada com CSS counters ---- */
.widget ul {
  counter-reset: widget-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget ul li {
  counter-increment: widget-counter;
  display: grid;
  grid-template-columns: 36px 1fr;
  align-items: start;
  gap: 0 10px;
  padding: 13px 0;
  border-bottom: 1px solid var(--vc-color-border);
  transition: opacity .18s;
}
.widget ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.widget ul li:first-child { padding-top: 0; }
.widget ul li:hover { opacity: .82; }

/* Número — âmbar nos primeiros 3, dimmed nos demais */
.widget ul li::before {
  content: counter(widget-counter, decimal-leading-zero);
  font-family: var(--vc-font-heading);
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--vc-color-text-soft);
  letter-spacing: -.02em;
  transition: color .18s;
}
.widget ul li:nth-child(1)::before { color: var(--vc-color-accent, #F5A623); }
.widget ul li:nth-child(2)::before { color: var(--vc-color-accent, #F5A623); }
.widget ul li:nth-child(3)::before { color: var(--vc-color-accent, #F5A623); }

/* Conteúdo da li — links e textos */
.widget ul li > * { grid-column: 2; }
.widget ul li > a,
.widget ul li > span { grid-column: 2; }

.widget a {
  display: block;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--vc-color-secondary);
  transition: color .18s;
}
.widget a:hover { color: var(--vc-color-accent, #F5A623); }

/* Tempo de leitura e meta — classe opcional .widget-meta */
.widget .widget-meta,
.widget ul li .post-date,
.widget ul li small,
.widget ul li .widget-time {
  display: block;
  font-size: .76rem;
  color: var(--vc-color-text-soft);
  margin-top: 3px;
  font-weight: 400;
  grid-column: 2;
}

/* ---- Widget de categorias — sem numero, com count ---- */
.widget_categories ul li,
.widget_archive ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 0;
}
.widget_categories ul li::before,
.widget_archive ul li::before { display: none; }
.widget_categories ul li a,
.widget_archive ul li a {
  font-size: .9rem;
  font-weight: 500;
  color: var(--vc-color-text);
  flex: 1;
}
.widget_categories .cat-item-count,
.widget_categories ul li .widget-count {
  font-size: .75rem;
  font-weight: 600;
  color: var(--vc-color-text-soft);
  background: var(--vc-color-bg);
  border: 1px solid var(--vc-color-border);
  border-radius: 99px;
  padding: 1px 8px;
  min-width: 28px;
  text-align: center;
}

/* ---- Widget de tag cloud — pills coloridas com paleta cíclica ---- */
.widget_tag_cloud .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

/* Reset geral: todas as tags compartilham a forma */
.widget_tag_cloud .tagcloud a {
  display: inline-block;
  font-size: .72rem !important;  /* WP sobrescreve font-size inline; !important necessário */
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 99px;
  border: 1.5px solid;
  transition: filter .18s, transform .15s;
  line-height: 1.3;
  white-space: nowrap;
}
.widget_tag_cloud .tagcloud a:hover {
  filter: brightness(1.12);
  transform: translateY(-1px);
}

/* Paleta de 6 cores — nth-child cicla automaticamente */
/* Rosa/Vermelho */
.widget_tag_cloud .tagcloud a:nth-child(6n+1) {
  background: rgba(220,60,100,.10);
  border-color: rgba(220,60,100,.35);
  color: #c0284a;
}
/* Azul */
.widget_tag_cloud .tagcloud a:nth-child(6n+2) {
  background: rgba(30,100,240,.10);
  border-color: rgba(30,100,240,.32);
  color: #1a5ccc;
}
/* Âmbar/Amarelo */
.widget_tag_cloud .tagcloud a:nth-child(6n+3) {
  background: rgba(245,166,35,.12);
  border-color: rgba(245,166,35,.45);
  color: #b86a00;
}
/* Verde */
.widget_tag_cloud .tagcloud a:nth-child(6n+4) {
  background: rgba(14,168,110,.10);
  border-color: rgba(14,168,110,.32);
  color: #0a7a50;
}
/* Roxo */
.widget_tag_cloud .tagcloud a:nth-child(6n+5) {
  background: rgba(120,60,220,.10);
  border-color: rgba(120,60,220,.30);
  color: #6428b4;
}
/* Ciano */
.widget_tag_cloud .tagcloud a:nth-child(6n+6) {
  background: rgba(0,170,200,.10);
  border-color: rgba(0,170,200,.30);
  color: #0080a0;
}

/* Dark mode — fundo mais saturado, texto mais claro */
html[data-theme="dark"] .widget_tag_cloud .tagcloud a:nth-child(6n+1) {
  background: rgba(220,60,100,.15); border-color: rgba(220,60,100,.35); color: #f07090;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud a:nth-child(6n+2) {
  background: rgba(30,100,240,.14); border-color: rgba(30,100,240,.32); color: #6699ff;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud a:nth-child(6n+3) {
  background: rgba(245,166,35,.13); border-color: rgba(245,166,35,.38); color: #F5A623;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud a:nth-child(6n+4) {
  background: rgba(14,168,110,.12); border-color: rgba(14,168,110,.28); color: #3ecf9a;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud a:nth-child(6n+5) {
  background: rgba(120,60,220,.14); border-color: rgba(120,60,220,.28); color: #b48af0;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud a:nth-child(6n+6) {
  background: rgba(0,170,200,.12); border-color: rgba(0,170,200,.26); color: #40d4e8;
}

/* ---- Widget de busca ---- */
.widget_search .search-form { display: flex; gap: 8px; }
.widget_search .search-form__field {
  flex: 1;
  padding: 9px 12px;
  font-size: .9rem;
  border: 1px solid var(--vc-color-border);
  border-radius: var(--vc-radius);
  background: var(--vc-color-bg);
  color: var(--vc-color-text);
  outline: none;
  transition: border-color .18s;
}
.widget_search .search-form__field:focus { border-color: var(--vc-color-accent, #F5A623); }
.widget_search .search-form__submit {
  padding: 9px 14px;
  background: var(--vc-color-accent, #F5A623);
  color: #0B0E14;
  border: none;
  border-radius: var(--vc-radius);
  font-weight: 700;
  cursor: pointer;
  transition: background .18s;
}
.widget_search .search-form__submit:hover { background: #E8911A; }

/* ---- Dark mode widgets ---- */
html[data-theme="dark"] .widget {
  background: #111520;
  border-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .widget__title {
  color: #E8ECF4;
  border-bottom-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .widget ul li { border-bottom-color: rgba(255,255,255,0.06); }
html[data-theme="dark"] .widget a { color: #d8dce8; }
html[data-theme="dark"] .widget a:hover { color: #F5A623; }
html[data-theme="dark"] .widget ul li:nth-child(1)::before,
html[data-theme="dark"] .widget ul li:nth-child(2)::before,
html[data-theme="dark"] .widget ul li:nth-child(3)::before { color: #F5A623; }
html[data-theme="dark"] .widget ul li::before { color: #3a4055; }
html[data-theme="dark"] .widget_categories .cat-item-count,
html[data-theme="dark"] .widget_categories ul li .widget-count {
  background: #1E2433;
  border-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud a {
  background: #1E2433;
  border-color: rgba(255,255,255,0.09);
  color: #8A93A8;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud a:hover { background: #F5A623; border-color: #F5A623; color: #0B0E14; }
html[data-theme="dark"] .widget_search .search-form__field {
  background: #0B0E14;
  border-color: rgba(255,255,255,0.10);
  color: #E8ECF4;
}

/* ---- Breadcrumbs ---- */
.breadcrumbs{
	font-size:.85rem;color:var(--vc-color-text-soft);
	margin-bottom:20px;
}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px}
.breadcrumbs li+li::before{content:"/";margin-right:6px;opacity:.4}
.breadcrumbs a{color:var(--vc-color-text-soft)}
.breadcrumbs a:hover{color:var(--vc-color-primary)}

/* ---- Entry (single/page) ---- */
.entry--single{max-width:var(--vc-reading);margin-inline:auto}
.entry-header{margin-bottom:24px}
.entry-category{
	display:inline-block;margin-bottom:12px;
	font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
	color:var(--vc-color-primary);
}
.entry-category a{color:inherit}
.entry-title{margin-bottom:14px;line-height:1.2}
.entry-meta{
	display:flex;flex-wrap:wrap;gap:14px;
	font-size:.85rem;color:var(--vc-color-text-soft);
}
.entry-meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--vc-color-border)}
.entry-meta a:hover{color:var(--vc-color-primary)}
.entry-thumb{margin:24px 0 32px;border-radius:var(--vc-radius);overflow:hidden}
.entry-thumb img{width:100%;height:auto;object-fit:cover}

/* ============================================================
 * CONTEÚDO DO POST — Tipografia Voltaris
 * Todos os elementos textuais que o editor pode usar no post.
 * ============================================================ */

.entry-content{
	font-family:var(--vc-font-post);
	font-size:var(--vc-fs-post-desktop,var(--vc-fs-post));
	line-height:var(--vc-lh-post);
	color:var(--vc-color-text);
	min-width:0;
	max-width:100%;
}
.entry,
.entry-content > *{min-width:0}
.entry-content > *:first-child{margin-top:0}
.entry-content > *{margin-bottom:0}

/* Títulos internos do post — estilo Voltaris (Aptos Display, letter-spacing apertado) */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	margin:1.7em 0 .65em;
	font-family:var(--vc-font-heading);
	line-height:1.06;
	letter-spacing:-0.04em;
	font-weight:800;
	color:var(--vc-color-secondary);
	scroll-margin-top:112px;
}
.entry-content h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.entry-content h3{font-size:clamp(1.35rem,2.5vw,1.8rem)}
.entry-content h4{font-size:1.18rem}
.entry-content h5{font-size:1.05rem;letter-spacing:-0.02em}
.entry-content h6{font-size:.95rem;letter-spacing:-0.01em;text-transform:uppercase}

/* Parágrafos, listas, células — todos herdam a tipografia do post */
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.entry-content dd,
.entry-content dt{
	color:var(--vc-color-text);
	line-height:inherit;
	font-size:inherit;
	font-family:inherit;
}
.entry-content p{margin:0 0 1.1em}

/* Links */
.entry-content a{
	color:var(--vc-color-primary);
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
	font-weight:500;
}
.entry-content a:hover{color:var(--vc-color-link-hover)}

/* Listas */
.entry-content ul,.entry-content ol{padding-left:1.2rem;margin:1em 0}
.entry-content ul{list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content li{margin-bottom:.55rem}
.entry-content li > ul,
.entry-content li > ol{margin:.4em 0}

/* Description list */
.entry-content dl{margin:1.2em 0}
.entry-content dt{font-weight:700;color:var(--vc-color-secondary)}
.entry-content dd{margin:0 0 .8em 1.2em;color:var(--vc-color-text-soft)}

/* Ênfases */
.entry-content strong,.entry-content b{font-weight:700;color:var(--vc-color-secondary)}
.entry-content em,.entry-content i{font-style:italic}
.entry-content mark{background:rgba(244,181,75,.28);padding:0 .2em;border-radius:3px;color:inherit}
.entry-content small{font-size:.85em;color:var(--vc-color-text-soft)}
.entry-content sub,.entry-content sup{font-size:.72em;line-height:0}
.entry-content abbr[title]{text-decoration:underline dotted;cursor:help}
.entry-content hr{border:0;height:1px;background:var(--vc-color-border);margin:2.2em 0}

/* Citações — estilo Voltaris (gradiente sutil + borda cyan) */
.entry-content blockquote{
	margin:2em 0;
	padding:24px 28px;
	border-radius:22px;
	background:linear-gradient(135deg,rgba(11,102,255,.08),rgba(255,255,255,.9));
	border:1px solid rgba(11,102,255,.16);
	color:var(--vc-color-secondary);
	font-size:1.12rem;
	line-height:1.7;
}
.entry-content blockquote p{margin-bottom:.6em}
.entry-content blockquote p:last-child{margin-bottom:0}
.entry-content blockquote cite{
	display:block;margin-top:.8em;
	font-size:.85rem;font-style:normal;font-weight:600;
	color:var(--vc-color-text-soft);
}
.entry-content blockquote cite::before{content:"— "}

/* Tabelas — estilo Voltaris .article-table */
.entry-content .entry-table-scroll,
.entry-content .wp-block-table{
	display:block;
	width:100%;
	min-width:0;
	max-width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	touch-action:pan-x pinch-zoom;
	overscroll-behavior-x:contain;
}
.entry-content .entry-table-scroll,
.entry-content .wp-block-table{margin:1.8em 0}
.entry-content table,
.entry-content .wp-block-table table{
	width:100%;
	border-collapse:collapse;
	margin:1.8em 0;
	overflow:hidden;
	border-radius:14px;
	background:var(--vc-color-card);
	font-size:.98rem;
	box-shadow:0 4px 16px rgba(10,37,64,.04);
}
.entry-content .entry-table-scroll > table,
.entry-content .wp-block-table table{
	display:table;
	width:-moz-fit-content;
	width:fit-content;
	width:max-content;
	min-width:100%;
	margin:0;
	table-layout:auto;
}
.entry-content th,
.entry-content td{
	padding:14px 18px;
	text-align:left;
	border-bottom:1px solid var(--vc-color-border);
	line-height:1.6;
}
.entry-content th{
	background:rgba(10,37,64,.04);
	font-weight:800;
	font-family:var(--vc-font-heading);
	letter-spacing:-0.01em;
	color:var(--vc-color-secondary);
	font-size:.92rem;
	text-transform:none;
}
.entry-content tbody tr:last-child td{border-bottom:0}
.entry-content tbody tr:hover{background:rgba(11,102,255,.03)}
.entry-content .wp-block-table figcaption{
	margin-top:.6em;font-size:.85rem;color:var(--vc-color-text-soft);text-align:center;
}

/* Código inline */
.entry-content code,
.entry-content kbd,
.entry-content samp{
	font-family:var(--vc-font-mono,ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace);
	font-size:.92em;
	background:rgba(10,37,64,.06);
	color:var(--vc-color-secondary);
	padding:2px 6px;
	border-radius:5px;
	border:1px solid rgba(10,37,64,.08);
}
.entry-content kbd{
	font-weight:700;
	box-shadow:0 1px 0 rgba(10,37,64,.18);
	background:#fff;
}

/* Blocos de código */
.entry-content pre{
	margin:1.8em 0;
	padding:20px 22px;
	background:linear-gradient(135deg,#10202d,#18394e);
	color:#f7fbff;
	border-radius:16px;
	overflow-x:auto;
	font-size:.92rem;
	line-height:1.65;
	font-family:var(--vc-font-mono,ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace);
	box-shadow:0 8px 24px rgba(8,23,33,.18);
}
.entry-content pre code{
	background:transparent;border:0;padding:0;color:inherit;font-size:inherit;
}

/* Imagens e figuras */
.entry-content img,
.entry-content figure{border-radius:14px}
.entry-content figure{margin:1.8em 0}
.entry-content figcaption{
	margin-top:.7em;
	font-size:.88rem;
	color:var(--vc-color-text-soft);
	text-align:center;
	font-style:italic;
}
.entry-content .wp-block-image{margin:1.8em 0}

/* ============================================================
 * CAIXAS ESPECIAIS — use no editor com classe CSS adicional
 * Compatível com Gutenberg "Class adicional" no bloco Grupo.
 * ============================================================ */

.entry-content .content-box,
.entry-content .highlight-box,
.entry-content .warning-box,
.entry-content .tip-box,
.entry-content .info-box,
.entry-content .note-box,
.entry-content .formula-box,
.entry-content .article-cta{
	margin:2em 0;
	padding:22px 26px;
	border-radius:20px;
	border:1px solid var(--vc-color-border);
	line-height:1.75;
}
.entry-content .content-box > :first-child,
.entry-content .highlight-box > :first-child,
.entry-content .warning-box > :first-child,
.entry-content .tip-box > :first-child,
.entry-content .info-box > :first-child,
.entry-content .note-box > :first-child,
.entry-content .formula-box > :first-child,
.entry-content .article-cta > :first-child{margin-top:0}
.entry-content .content-box > :last-child,
.entry-content .highlight-box > :last-child,
.entry-content .warning-box > :last-child,
.entry-content .tip-box > :last-child,
.entry-content .info-box > :last-child,
.entry-content .note-box > :last-child,
.entry-content .formula-box > :last-child,
.entry-content .article-cta > :last-child{margin-bottom:0}

/* Destaque neutro */
.entry-content .content-box,
.entry-content .highlight-box{
	background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(237,243,248,.75));
	border-color:var(--vc-color-border);
}

/* Aviso (âmbar) */
.entry-content .warning-box{
	background:linear-gradient(135deg,rgba(255,245,226,.96),rgba(255,255,255,.94));
	border-color:rgba(244,181,75,.32);
}
.entry-content .warning-box strong:first-child{color:#8a5a10}

/* Dica (verde) */
.entry-content .tip-box{
	background:linear-gradient(135deg,rgba(235,252,247,.96),rgba(255,255,255,.94));
	border-color:rgba(14,168,110,.26);
}
.entry-content .tip-box strong:first-child{color:#0a7a50}

/* Info (azul) */
.entry-content .info-box,
.entry-content .note-box{
	background:linear-gradient(135deg,rgba(226,238,255,.95),rgba(255,255,255,.94));
	border-color:rgba(11,102,255,.22);
}
.entry-content .info-box strong:first-child,
.entry-content .note-box strong:first-child{color:var(--vc-color-primary)}

/* CTA dentro do artigo */
.entry-content .article-cta{
	background:linear-gradient(135deg,rgba(11,102,255,.10),rgba(244,181,75,.10));
	border-color:rgba(11,102,255,.18);
}
.entry-content .article-cta h2,
.entry-content .article-cta h3{margin-top:0}

/* ============================================================
 * FÓRMULAS MATEMÁTICAS — formatação técnica dedicada
 * Suporta: KaTeX (.katex), MathJax (.MathJax), MathML (math),
 * e HTML semântico puro via .formula-box / .math-display / .math-inline.
 * ============================================================ */

/* ============================================================
 * FÓRMULAS — design confortável, legível, elegante.
 * Paleta quente: fundo creme/off-white, acento âmbar,
 * tipografia matemática serifada de alta qualidade.
 * ============================================================ */

/* ------ Fonte matemática compartilhada ------ */
.entry-content .math-display,
.entry-content .math-inline,
.entry-content .formula-box,
.entry-content .katex-display,
.entry-content .katex,
.entry-content .MathJax,
.entry-content .MathJax_Display,
.entry-content mjx-container,
.entry-content math,
.entry-content var {
  font-family: "Cambria Math","Latin Modern Math","STIX Two Math",Cambria,"Times New Roman",Georgia,serif;
}

/* ------ formula-box — bloco com título de contexto ------ */
.entry-content .formula-box {
  margin: 1.8em 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  line-height: inherit;
}
/* Marca d'água sigma decorativa */
.entry-content .formula-box::before {
  content: "Σ";
  position: absolute;
  right: 20px; top: 10px;
  font-size: 72px;
  font-family: "Cambria Math", Cambria, Georgia, serif;
  color: rgba(232,145,26,.07);
  line-height: 1;
  pointer-events: none;
  user-select: none;
}
.entry-content .formula-box * { color: #2a1f00; }
/* Rótulo (primeiro <strong> dentro da box) */
.entry-content .formula-box > strong:first-child,
.entry-content .formula-box > p > strong:first-child {
  display: inline-block;
  margin-bottom: 12px;
  font-family: var(--vc-font-heading);
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #b86a00;
  background: rgba(232,145,26,.12);
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid rgba(232,145,26,.25);
}
.entry-content .formula-box p { margin: 0 0 .55em; font-size: 1.08rem; line-height: 1.75; }
.entry-content .formula-box p:last-child { margin-bottom: 0; }
.entry-content .formula-box code,
.entry-content .formula-box .math-inline {
  background: rgba(232,145,26,.10);
  border: 1px solid rgba(232,145,26,.22);
  color: #7a3a00;
  padding: 1px 6px;
  border-radius: 4px;
}

/* ------ math-display — fórmula isolada em bloco ------ */
.entry-content .math-display,
.entry-content .wp-block-math,
.entry-content math[display="block"] {
  display: block;
  margin: 2em auto;
  padding: 22px 32px;
  text-align: center;
  font-size: 1.28rem;
  line-height: 1.7;
  color: #1a1200;
  background: #fdf8f0;
  border: 1px solid rgba(200,160,60,.20);
  border-radius: 12px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 14px rgba(180,120,20,.06),
    0 1px 3px rgba(0,0,0,.04);
  overflow-x: auto;
  max-width: 100%;
  /* linha de acento inferior suave */
  border-bottom: 3px solid rgba(232,145,26,.35);
}

/* ------ math-inline — fórmula dentro do parágrafo ------ */
.entry-content .math-inline,
.entry-content math:not([display="block"]) {
  display: inline;
  font-size: 1.05em;
  color: #2a1f00;
  background: rgba(232,145,26,.08);
  border-radius: 4px;
  padding: .05em .25em;
}

/* ------ var — variáveis isoladas ------ */
.entry-content var {
  font-style: italic;
  font-weight: 500;
  color: #7a3a00;
  font-size: 1.04em;
}

/* ------ Unidades SI ------ */
.entry-content .unit {
  font-family: var(--vc-font-body);
  font-style: normal;
  font-weight: 600;
  font-size: .92em;
  color: #5a4a00;
  margin-left: .1em;
}

/* ------ Fórmula numerada ------ */
.entry-content .math-display.math-numbered { position: relative; padding-right: 64px; }
.entry-content .math-display.math-numbered::after {
  content: "(" attr(data-num) ")";
  position: absolute;
  right: 18px; top: 50%; transform: translateY(-50%);
  font-family: var(--vc-font-heading);
  font-size: .9rem;
  font-weight: 700;
  color: #b86a00;
  opacity: .7;
}

/* ------ KaTeX / MathJax ------ */
.entry-content .katex-display {
  margin: 2em 0;
  padding: 22px 32px;
  background: #fdf8f0;
  border: 1px solid rgba(200,160,60,.20);
  border-bottom: 3px solid rgba(232,145,26,.35);
  border-radius: 12px;
  overflow-x: auto;
  box-shadow: 0 2px 14px rgba(180,120,20,.06), 0 1px 3px rgba(0,0,0,.04);
}
.entry-content .katex { font-size: 1.15em; }

/* ------ DARK MODE ------ */
html[data-theme="dark"] .entry-content .formula-box {
  background: #1a1408;
  border-color: rgba(245,166,35,.18);
  border-left-color: #F5A623;
  box-shadow: 0 2px 20px rgba(0,0,0,.3);
}
html[data-theme="dark"] .entry-content .formula-box::before { color: rgba(245,166,35,.06); }
html[data-theme="dark"] .entry-content .formula-box * { color: #f0e8d0; }
html[data-theme="dark"] .entry-content .formula-box > strong:first-child,
html[data-theme="dark"] .entry-content .formula-box > p > strong:first-child {
  color: #F5A623;
  background: rgba(245,166,35,.10);
  border-color: rgba(245,166,35,.22);
}
html[data-theme="dark"] .entry-content .formula-box code,
html[data-theme="dark"] .entry-content .formula-box .math-inline {
  background: rgba(245,166,35,.10);
  border-color: rgba(245,166,35,.20);
  color: #f0c060;
}
html[data-theme="dark"] .entry-content .math-display,
html[data-theme="dark"] .entry-content .wp-block-math,
html[data-theme="dark"] .entry-content math[display="block"],
html[data-theme="dark"] .entry-content .katex-display {
  background: #1a1408;
  border-color: rgba(245,166,35,.14);
  border-bottom-color: rgba(245,166,35,.35);
  color: #f0e8d0;
  box-shadow: 0 2px 20px rgba(0,0,0,.3);
}
html[data-theme="dark"] .entry-content .math-inline,
html[data-theme="dark"] .entry-content math:not([display="block"]) {
  color: #f0e8d0;
  background: rgba(245,166,35,.08);
}
html[data-theme="dark"] .entry-content var { color: #f0c060; }
html[data-theme="dark"] .entry-content .unit { color: #c8a840; }
html[data-theme="dark"] .entry-content .math-display.math-numbered::after { color: #F5A623; }

/* Variáveis e unidades em fórmulas — convenção científica */
.entry-content var{
	font-family:"Cambria Math","Latin Modern Math",Cambria,Georgia,serif;
	font-style:italic;
	color:var(--vc-color-secondary);
	font-weight:500;
}

/* Unidades SI destacadas (classe opcional) */
.entry-content .unit{
	font-family:var(--vc-font-body);
	font-style:normal;
	font-weight:600;
	color:var(--vc-color-text-soft);
	margin-left:.15em;
}

/* Formula cleanup: neutral visuals + inline/block support */
.entry-content .formula-box{
	margin:1.8em 0;
	padding:0;
	background:transparent;
	border:0;
	border-radius:0;
	overflow:visible;
	box-shadow:none;
	line-height:inherit;
}
.entry-content .formula-box::before{content:none}
.entry-content .formula-box *{color:inherit}
.entry-content .formula-box > strong:first-child,
.entry-content .formula-box > p > strong:first-child{
	display:block;
	margin:0 0 .65em;
	padding:0;
	font-family:inherit;
	font-size:inherit;
	font-weight:700;
	text-transform:none;
	letter-spacing:0;
	color:inherit;
	background:transparent;
	border:0;
	border-radius:0;
}
.entry-content .formula-box p{
	margin:0 0 .55em;
	font-size:inherit;
	line-height:inherit;
}
.entry-content .formula-box p:last-child{margin-bottom:0}
.entry-content .formula-box code,
.entry-content .formula-box .math-inline,
.entry-content .formula-box .katex,
.entry-content .formula-box .MathJax,
.entry-content .formula-box mjx-container:not([display="true"]),
.entry-content .formula-box math:not([display="block"]){
	background:transparent;
	border:0;
	color:inherit;
	padding:0;
	border-radius:0;
}

.entry-content .math-display,
.entry-content .wp-block-math,
.entry-content math[display="block"],
.entry-content .katex-display,
.entry-content .MathJax_Display,
.entry-content mjx-container[display="true"]{
	display:block;
	margin:1.7em auto;
	padding:0;
	text-align:center;
	font-size:1.28rem;
	line-height:1.7;
	color:inherit;
	background:transparent;
	border:0;
	border-radius:0;
	box-shadow:none;
	overflow-x:auto;
	overflow-y:hidden;
	max-width:100%;
}

.entry-content .math-inline,
.entry-content .katex,
.entry-content .MathJax,
.entry-content mjx-container:not([display="true"]),
.entry-content math:not([display="block"]){
	display:inline-block;
	font-size:1.05em;
	color:inherit;
	background:transparent;
	border:0;
	border-radius:0;
	padding:0;
	vertical-align:-.08em;
	white-space:nowrap;
	max-width:100%;
}

.entry-content .math-display.math-inline-context,
.entry-content .wp-block-math.math-inline-context,
.entry-content .katex-display.math-inline-context,
.entry-content .MathJax_Display.math-inline-context,
.entry-content mjx-container[display="true"].math-inline-context,
.entry-content math[display="block"].math-inline-context{
	display:inline-block;
	width:auto;
	margin:0 .12em;
	text-align:inherit;
	vertical-align:-.08em;
}
.entry-content .katex-display.math-inline-context > .katex{
	display:inline-block;
	text-align:inherit;
}

.entry-content .math-display.math-numbered,
.entry-content .katex-display.math-numbered,
.entry-content .MathJax_Display.math-numbered,
.entry-content mjx-container[display="true"].math-numbered,
.entry-content math[display="block"].math-numbered{
	position:relative;
	padding-right:64px;
}
.entry-content .math-display.math-numbered::after,
.entry-content .katex-display.math-numbered::after,
.entry-content .MathJax_Display.math-numbered::after,
.entry-content mjx-container[display="true"].math-numbered::after,
.entry-content math[display="block"].math-numbered::after{
	content:"(" attr(data-num) ")";
	position:absolute;
	right:18px;
	top:50%;
	transform:translateY(-50%);
	font-family:var(--vc-font-heading);
	font-size:.9rem;
	font-weight:700;
	color:currentColor;
	opacity:.7;
}

.entry-content var,
.entry-content .unit{color:inherit}

html[data-theme="dark"] .entry-content .formula-box{
	background:transparent;
	border-color:transparent;
	box-shadow:none;
}
html[data-theme="dark"] .entry-content .formula-box::before{content:none}
html[data-theme="dark"] .entry-content .formula-box *,
html[data-theme="dark"] .entry-content .formula-box > strong:first-child,
html[data-theme="dark"] .entry-content .formula-box > p > strong:first-child,
html[data-theme="dark"] .entry-content .formula-box code,
html[data-theme="dark"] .entry-content .formula-box .math-inline{
	color:inherit;
	background:transparent;
	border-color:transparent;
}
html[data-theme="dark"] .entry-content .math-display,
html[data-theme="dark"] .entry-content .wp-block-math,
html[data-theme="dark"] .entry-content math[display="block"],
html[data-theme="dark"] .entry-content .katex-display,
html[data-theme="dark"] .entry-content .MathJax_Display,
html[data-theme="dark"] .entry-content mjx-container[display="true"],
html[data-theme="dark"] .entry-content .math-inline,
html[data-theme="dark"] .entry-content .katex,
html[data-theme="dark"] .entry-content .MathJax,
html[data-theme="dark"] .entry-content mjx-container:not([display="true"]),
html[data-theme="dark"] .entry-content math:not([display="block"]),
html[data-theme="dark"] .entry-content var,
html[data-theme="dark"] .entry-content .unit{
	color:inherit;
	background:transparent;
	border-color:transparent;
	box-shadow:none;
}
html[data-theme="dark"] .entry-content .math-display.math-numbered::after,
html[data-theme="dark"] .entry-content .katex-display.math-numbered::after,
html[data-theme="dark"] .entry-content .MathJax_Display.math-numbered::after,
html[data-theme="dark"] .entry-content mjx-container[display="true"].math-numbered::after,
html[data-theme="dark"] .entry-content math[display="block"].math-numbered::after{
	color:currentColor;
}

/* ============================================================
 * Gutenberg — alinhamentos e blocos
 * ============================================================ */
.alignwide{max-width:calc(var(--vc-reading) + 160px);margin-left:calc(50% - min(50vw, calc((var(--vc-reading) + 160px)/2)));margin-right:auto}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}

.entry-tags{margin-top:32px;font-size:.85rem;color:var(--vc-color-text-soft)}
.entry-tags a{margin-right:8px;padding:4px 10px;background:var(--vc-color-bg);border:1px solid var(--vc-color-border);border-radius:999px;color:var(--vc-color-text-soft);display:inline-block}
.entry-tags a:hover{background:var(--vc-color-primary);color:#fff;border-color:var(--vc-color-primary)}

/* Post nav */
.post-nav{
	display:grid;gap:16px;margin:40px 0;
	padding:24px 0;border-top:1px solid var(--vc-color-border);border-bottom:1px solid var(--vc-color-border);
}
@media(min-width:700px){.post-nav{grid-template-columns:1fr 1fr}}
.post-nav a{display:block;padding:10px 0}
.post-nav__next{text-align:right}
.post-nav__label{display:block;font-size:.8rem;color:var(--vc-color-text-soft);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
.post-nav__title{font-weight:600;color:var(--vc-color-secondary)}
.post-nav a:hover .post-nav__title{color:var(--vc-color-primary)}

/* Relacionados */
.related{margin-top:48px}
.related__title{font-size:1.4rem;margin-bottom:20px}
.related__grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

/* ---- Card ---- */
.posts{display:grid;gap:28px}
.posts--grid-3,.posts--grid-2,.posts--grid-4{grid-template-columns:1fr}
@media(min-width:640px){
	.posts--grid-3,.posts--grid-2,.posts--grid-4{grid-template-columns:1fr 1fr}
}
@media(min-width:1000px){
	.posts--grid-3{grid-template-columns:repeat(3,1fr)}
	.posts--grid-4{grid-template-columns:repeat(4,1fr)}
}
.posts--list{grid-template-columns:1fr;gap:20px}
.posts--list .card{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}
.posts--list .card__thumb img{aspect-ratio:3/2;object-fit:cover}
@media(max-width:640px){.posts--list .card{grid-template-columns:1fr}}

/* ---- Layout SPLIT — imagem 50% à esquerda, texto 50% à direita ----
 * Proporção de imagem: 1,6:1 (padrão editorial / landscape).
 * Cada card ocupa 100% da largura do container da home.
 */
.posts--split{grid-template-columns:1fr;gap:32px}
.posts--split .card{
	display:grid;
	grid-template-columns:1fr;
	gap:0;
	align-items:stretch;
	overflow:hidden;
}
@media(min-width:700px){
	.posts--split .card{
		grid-template-columns:1fr 1fr;  /* 50% / 50% */
	}
}
.posts--split .card__thumb{
	display:block;
	overflow:hidden;
	background:var(--vc-color-bg);
	aspect-ratio:1.6/1;                  /* proporção pedida */
}
.posts--split .card__thumb img{
	width:100%;height:100%;
	object-fit:cover;
	aspect-ratio:auto;                   /* sobrescreve default do card padrão */
}
.posts--split .card__body{
	padding:clamp(20px,3vw,36px);
	display:flex;flex-direction:column;justify-content:center;
}
.posts--split .card__title{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.3;margin-bottom:12px}
.posts--split .card__excerpt{font-size:1rem;line-height:1.7;margin-bottom:14px;-webkit-line-clamp:3}
.posts--split .card:hover{transform:none}  /* sem elevação em card grande */

.card{
	background:var(--vc-color-card);
	border:1px solid var(--vc-color-border);
	border-radius:var(--vc-radius);
	overflow:hidden;
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
	display:flex;flex-direction:column;
}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(10,37,64,.08);border-color:transparent}
.card__thumb{display:block;overflow:hidden;background:var(--vc-color-bg)}
.card__thumb img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease}
.card:hover .card__thumb img{transform:scale(1.03)}
.card__body{padding:20px;display:flex;flex-direction:column;flex:1}
.card__category{
	align-self:flex-start;margin-bottom:10px;
	font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
	color:var(--vc-color-primary);
}
.card__title{font-size:1.15rem;line-height:1.35;margin-bottom:10px}
.card__title a{color:var(--vc-color-secondary)}
.card__title a:hover{color:var(--vc-color-primary)}
.card__excerpt{color:var(--vc-color-text-soft);font-size:.95rem;line-height:1.6;margin-bottom:14px;flex:1}
.card__meta{display:flex;gap:14px;font-size:.8rem;color:var(--vc-color-text-soft);margin-top:auto}

/* ---- Hero ---- */
.hero{padding:48px 0 8px}
.hero__card{
	display:grid;gap:28px;grid-template-columns:1fr;align-items:center;
	background:var(--vc-color-card);
	border:1px solid var(--vc-color-border);
	border-radius:calc(var(--vc-radius) * 2);
	overflow:hidden;
}
@media(min-width:900px){.hero__card{grid-template-columns:1.1fr 1fr}}
.hero__thumb{display:block;overflow:hidden}
.hero__thumb img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s ease}
.hero__card:hover .hero__thumb img{transform:scale(1.02)}
.hero__body{padding:32px}
@media(min-width:900px){.hero__body{padding:40px}}
.hero__category{
	display:inline-block;margin-bottom:14px;
	font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
	color:var(--vc-color-primary);
}
.hero__title{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.2;margin-bottom:14px}
.hero__title a{color:var(--vc-color-secondary)}
.hero__title a:hover{color:var(--vc-color-primary)}
.hero__excerpt{color:var(--vc-color-text-soft);font-size:1.05rem;line-height:1.7;margin-bottom:18px}
.hero__link{color:var(--vc-color-primary);font-weight:600}

/* Hero — modo custom (ferramenta/calculadora/HTML livre) */
.hero--custom .hero__custom{
	background:var(--vc-color-card);
	border:1px solid var(--vc-color-border);
	border-radius:calc(var(--vc-radius) * 2);
	padding:clamp(16px,3vw,32px);
}

/* ---- Home block ---- */
.home-block{padding:48px 0}
.home-block__header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--vc-color-border);padding-bottom:12px}
.home-block__title{font-size:1.4rem}
.home-block__more{color:var(--vc-color-primary);font-size:.9rem;font-weight:600;white-space:nowrap}

.home-block--tools .home-block__tools{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.home-block--newsletter{padding:56px 0}
.newsletter{
	max-width:720px;margin:0 auto;text-align:center;
	padding:40px 24px;background:var(--vc-color-card);
	border:1px solid var(--vc-color-border);border-radius:calc(var(--vc-radius) * 2);
}
.newsletter__title{margin-bottom:14px}

/* ---- Paginação ---- */
.navigation.pagination{margin-top:40px}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.page-numbers{
	padding:10px 16px;border:1px solid var(--vc-color-border);border-radius:var(--vc-radius);
	color:var(--vc-color-text);font-weight:500;background:var(--vc-color-card);
}
.page-numbers.current{background:var(--vc-color-primary);color:#fff;border-color:var(--vc-color-primary)}
.page-numbers:not(.current):hover{background:var(--vc-color-bg);border-color:var(--vc-color-primary);color:var(--vc-color-primary)}

/* ---- Archive header ---- */
.archive-header,.page-header{margin-bottom:28px}
.archive-title,.page-title{font-size:2rem;margin-bottom:8px}
.archive-description{color:var(--vc-color-text-soft);max-width:720px}

/* ---- 404 ---- */
.error-404{text-align:center;padding:80px 20px}
.error-404__title{font-size:clamp(4rem,12vw,7rem);margin-bottom:12px;color:var(--vc-color-primary);letter-spacing:-0.02em}
.error-404__text{color:var(--vc-color-text-soft);max-width:520px;margin:0 auto 24px}
.error-404 .search-form{max-width:460px;margin:0 auto 24px}

/* ---- Anúncios ---- */
.ad{
	margin:24px 0;padding:14px;
	background:var(--vc-color-bg);
	border:1px dashed var(--vc-color-border);
	border-radius:var(--vc-radius);
	text-align:center;font-size:.85rem;color:var(--vc-color-text-soft);
}
.ad--in_content{margin:32px 0}
.ad--sidebar{margin-bottom:24px}

/* ---- Comentários ---- */
.comments{margin-top:48px;padding-top:32px;border-top:1px solid var(--vc-color-border)}
.comments__title{font-size:1.3rem;margin-bottom:20px}
.comment-list{margin-bottom:32px}
.comment-list .comment{padding:16px 0;border-bottom:1px solid var(--vc-color-border)}
.comment-list .children{margin-left:24px;margin-top:16px}
.comment-meta{font-size:.85rem;color:var(--vc-color-text-soft);margin-bottom:8px}
.comment-form-comment textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
	width:100%;padding:.6em .8em;border:1px solid var(--vc-color-border);
	border-radius:var(--vc-radius);background:#fff;
}
.comment-form p{margin-bottom:12px}
.form-submit .submit{
	padding:.7em 1.4em;background:var(--vc-color-btn-bg);color:var(--vc-color-btn-fg);
	border-radius:var(--vc-radius);font-weight:600;border:0;cursor:pointer;
}

/* ---- Footer ---- */
.site-footer{background:var(--vc-color-footer-bg);color:var(--vc-color-footer-fg);margin-top:80px}
.site-footer a{color:#fff;opacity:.85}
.site-footer a:hover{opacity:1;color:var(--vc-color-accent)}
.site-footer__widgets{padding:56px 0 24px}
.site-footer__grid{display:grid;gap:40px;grid-template-columns:1fr}
@media(min-width:700px){
	.cols-2{grid-template-columns:repeat(2,1fr)}
	.cols-3{grid-template-columns:1.3fr 1fr 1fr}
	.cols-4{grid-template-columns:1.3fr 1fr 1fr 1fr}
}
.site-footer .widget{background:transparent;border:0;padding:0;margin-bottom:0}
.site-footer .widget__title{color:#fff;font-size:.85rem;margin-bottom:16px}
.site-footer .widget ul li{border-color:rgba(255,255,255,.08)}
.footer-logo img{max-width:160px;margin-bottom:16px}
.footer-logo--text{font-family:var(--vc-font-heading);font-size:1.4rem;font-weight:800;color:#fff;display:block;margin-bottom:14px}
.site-footer__text{font-size:.9rem;opacity:.8;line-height:1.7;max-width:400px}

.site-footer__bottom{background:rgba(0,0,0,.15);padding:20px 0;font-size:.85rem}
.site-footer__bottom-inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.menu--footer,.menu--social{display:flex;flex-wrap:wrap;gap:18px}

/* ---- Tipografia responsiva fina ---- */
@media(max-width:600px){
	:root{--vc-fs-h1:28px;--vc-fs-h2:22px;--vc-fs-h3:19px}
	.entry-content h2{font-size:1.35em}
	.entry-content h3{font-size:1.15em}
}

/* ---- Acessibilidade: foco visível ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{
	outline:2px solid var(--vc-color-primary);
	outline-offset:2px;border-radius:3px;
}

/* ---- Modo boxed ---- */
body.voltcore-boxed .site-header,
body.voltcore-boxed .front-page,
body.voltcore-boxed .layout,
body.voltcore-boxed .site-footer{max-width:var(--vc-container);margin-inline:auto;box-shadow:0 0 40px rgba(0,0,0,.04)}

/* ---- Impressão ---- */
@media print{
	.site-header,.site-footer,.site-sidebar,.post-nav,.related,.ad,.post-tool{display:none!important}
	body{color:#000;background:#fff}
	.entry-content{font-size:12pt}
}


/* ============================================================
 * DARK MODE + HOME EDITORIAL — VoltCore
 *
 * Arquitetura:
 *  • :root  → light defaults para --hd-* (home layout)
 *  • html[data-theme="dark"] → dark overrides para --vc-* e --hd-*
 *  • .hd-* classes usam --hd-* → adaptam em ambos os modos
 *  • body.dark-transitioning → transição suave ao trocar tema
 * ============================================================ */

/* ---- Light defaults para o layout editorial da home ---- */
:root {
  --hd-bg:        #f2f4f7;
  --hd-bg2:       #ffffff;
  --hd-bg3:       #e8ebf0;
  --hd-border:    rgba(0,0,0,0.08);
  --hd-border2:   rgba(0,0,0,0.14);
  --hd-accent:    #F5A623;
  --hd-accent2:   #E8911A;
  --hd-text:      #0a2540;
  --hd-muted:     #5a6270;
  --hd-dim:       #9aa3b0;
  --hd-tag-bg:    rgba(245,166,35,0.10);
  --hd-tag-text:  #7a3800;
  --hd-font-head: 'Barlow Condensed', sans-serif;
  --hd-font-body: 'Barlow', sans-serif;
}

/* ---- Dark mode: overrides globais ---- */
html[data-theme="dark"] {
  /* Vars do tema base (--vc-*) */
  --vc-color-bg:          #0B0E14;
  --vc-color-card:        #111520;
  --vc-color-text:        #d8dce8;
  --vc-color-text-soft:   #8A93A8;
  --vc-color-secondary:   #e8ecf4;
  --vc-color-link:        #F5A623;
  --vc-color-link-hover:  #E8911A;
  --vc-color-border:      rgba(255,255,255,0.08);
  --vc-color-header-bg:   #0d1018;
  --vc-color-header-fg:   #d8dce8;
  --vc-color-footer-bg:   #0d1018;
  --vc-color-footer-fg:   #d8dce8;
  --vc-color-btn-bg:      #F5A623;
  --vc-color-btn-fg:      #0B0E14;
  --vc-color-btn-hover:   #E8911A;
  --vc-color-accent:      #F5A623;
  /* Vars do layout editorial (--hd-*) */
  --hd-bg:        #0B0E14;
  --hd-bg2:       #111520;
  --hd-bg3:       #181D28;
  --hd-border:    rgba(255,255,255,0.07);
  --hd-border2:   rgba(255,255,255,0.13);
  --hd-text:      #E8ECF4;
  --hd-muted:     #8A93A8;
  --hd-dim:       #5C6478;
  --hd-tag-bg:    rgba(245,166,35,0.12);
  --hd-tag-text:  #F5A623;
}

/* Transição suave ao trocar tema */
body.theme-transitioning,
body.theme-transitioning *,
body.theme-transitioning *::before,
body.theme-transitioning *::after {
  transition:
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.15s ease,
    box-shadow 0.22s ease !important;
}

/* ---- Dark mode: elemento a elemento ---- */
html[data-theme="dark"] body { background: var(--vc-color-bg); }

html[data-theme="dark"] .site-header {
  background: rgba(13,16,24,0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .site-title { color: var(--vc-color-secondary); }
html[data-theme="dark"] .menu--primary a { color: rgba(216,220,232,0.75); }
html[data-theme="dark"] .menu--primary a:hover,
html[data-theme="dark"] .menu--primary .current-menu-item > a { color: var(--hd-accent); }
html[data-theme="dark"] .menu--primary .sub-menu {
  background: #181D28;
  border-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .menu--primary .sub-menu a:hover { background: #1E2433; }
html[data-theme="dark"] .search-toggle { color: var(--vc-color-secondary); }
html[data-theme="dark"] .search-toggle:hover { background: #1E2433; }
html[data-theme="dark"] .site-search { background: #0d1018; border-top-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .search-form__field { background: #0B0E14; border-color: rgba(255,255,255,0.12); color: var(--vc-color-secondary); }
html[data-theme="dark"] .nav-toggle__bar { background: var(--vc-color-secondary); }
html[data-theme="dark"] .site-nav { background: #0d1018; border-top-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .menu--primary a:hover { background: #1E2433; }

html[data-theme="dark"] .card {
  background: var(--vc-color-card);
  border-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .card:hover {
  border-color: rgba(255,255,255,0.14);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .card__title a { color: var(--vc-color-secondary); }

html[data-theme="dark"] .hero__card {
  background: #111520;
  border-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .home-block__header { border-bottom-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .home-block__title { color: var(--vc-color-secondary); }

/* widget dark mode — ver bloco de widgets acima */

html[data-theme="dark"] .entry-content blockquote {
  background: linear-gradient(135deg,rgba(245,166,35,.07),rgba(30,36,51,.9));
  border-color: rgba(245,166,35,0.2);
}
html[data-theme="dark"] .entry-content pre {
  background: linear-gradient(135deg,#080c10,#10182a);
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .entry-content code,
html[data-theme="dark"] .entry-content kbd,
html[data-theme="dark"] .entry-content samp {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.1);
  color: #e8ecf4;
}
html[data-theme="dark"] .entry-content table,
html[data-theme="dark"] .entry-content .wp-block-table table { background: #111520; }
html[data-theme="dark"] .entry-content th { background: rgba(255,255,255,0.04); color: var(--vc-color-secondary); }
html[data-theme="dark"] .entry-content td { border-bottom-color: rgba(255,255,255,0.07); }
html[data-theme="dark"] .entry-content tbody tr:hover { background: rgba(245,166,35,0.04); }
html[data-theme="dark"] .entry-content .content-box,
html[data-theme="dark"] .entry-content .highlight-box { background: linear-gradient(135deg,#151b26,#1a2133); border-color: rgba(255,255,255,0.09); }
html[data-theme="dark"] .entry-content .warning-box { background: linear-gradient(135deg,rgba(245,166,35,.08),#151b26); border-color: rgba(245,166,35,.25); }
html[data-theme="dark"] .entry-content .tip-box { background: linear-gradient(135deg,rgba(14,168,110,.07),#151b26); border-color: rgba(14,168,110,.2); }
html[data-theme="dark"] .entry-content .info-box,
html[data-theme="dark"] .entry-content .note-box { background: linear-gradient(135deg,rgba(11,102,255,.07),#151b26); border-color: rgba(11,102,255,.18); }
/* math-display dark mode — coberto no bloco de fórmulas acima */

html[data-theme="dark"] .entry-tags a { background: #111520; border-color: rgba(255,255,255,0.1); color: var(--vc-color-text-soft); }
html[data-theme="dark"] .post-nav { border-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .page-numbers { background: #111520; border-color: rgba(255,255,255,0.1); }

html[data-theme="dark"] .comment-form-comment textarea,
html[data-theme="dark"] .comment-form input[type="text"],
html[data-theme="dark"] .comment-form input[type="email"],
html[data-theme="dark"] .comment-form input[type="url"] { background: #111520; border-color: rgba(255,255,255,0.1); color: var(--vc-color-secondary); }

html[data-theme="dark"] .newsletter { background: #111520; border-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .ad { background: #111520; border-color: rgba(255,255,255,0.08); }
html[data-theme="dark"] .breadcrumbs { color: var(--vc-color-text-soft); }

html[data-theme="dark"] ::selection { background: var(--hd-accent); color: #0B0E14; }

/* ---- Botão toggle tema + controles de fonte ---- */
.theme-toggle,
.font-size-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--vc-color-border);
  color: var(--vc-color-header-fg);
  background: transparent;
  cursor: pointer;
  transition: background .18s, border-color .18s, color .18s;
  flex-shrink: 0;
}
.theme-toggle:hover,
.font-size-btn:hover { background: var(--vc-color-bg); border-color: var(--vc-color-primary); color: var(--vc-color-primary); }
.theme-toggle svg { pointer-events: none; }
.theme-toggle .icon-sun  { display: none; }
.theme-toggle .icon-moon { display: block; }
html[data-theme="dark"] .theme-toggle .icon-sun  { display: block; }
html[data-theme="dark"] .theme-toggle .icon-moon { display: none; }

.font-size-controls {
  display: flex;
  align-items: center;
  gap: 2px;
  border: 1px solid var(--vc-color-border);
  border-radius: 99px;
  padding: 0 4px;
  height: 36px;
  position: relative;
}
.font-size-controls::after {
  content: attr(title);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--vc-color-secondary);
  color: var(--vc-color-bg);
  font-size: 11px;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s;
}
.font-size-controls:hover::after { opacity: 1; }
.font-size-btn { width: 28px; height: 28px; border: none; border-radius: 50%; font-weight: 700; line-height: 1; }
.font-size-btn:hover { border: none; }
#fs-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--vc-color-text-soft);
  min-width: 28px;
  text-align: center;
  user-select: none;
  pointer-events: none;
}

@media(max-width:600px){
  .font-size-controls { display: none; }
}

/* ============================================================
 * HOME EDITORIAL LAYOUT — .hd-* classes
 * Usam --hd-* que adaptam em light e dark automaticamente.
 * ============================================================ */

.front-page { overflow-x: hidden; }

/* ---- HERO ---- */
.hd-hero { padding: 56px 0 48px; border-bottom: 1px solid var(--hd-border); }
.hd-hero__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.hd-hero__label { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.hd-hero__label::after { content:''; flex:1; height:1px; background:var(--hd-border2); max-width:56px; }
.hd-badge { font-family:var(--hd-font-head); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#7a3800; }
html[data-theme="dark"] .hd-badge { color:var(--hd-accent); }
.hd-tag {
  display:inline-block; font-family:var(--hd-font-head); font-size:11px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; padding:3px 10px; border-radius:3px;
  background:var(--hd-tag-bg); color:var(--hd-tag-text); border:1px solid rgba(245,166,35,0.22);
  transition:background .2s;
}
.hd-tag:hover { background:rgba(245,166,35,0.18); color:var(--hd-tag-text); }
.hd-hero__title {
  font-family:var(--hd-font-head); font-size:clamp(34px,4.2vw,54px); font-weight:800;
  line-height:1.06; letter-spacing:-0.02em; color:var(--hd-text); margin-bottom:18px;
}
.hd-hero__title em { color:var(--hd-accent); font-style:normal; }
.hd-hero__excerpt { font-size:16px; color:var(--hd-muted); line-height:1.75; margin-bottom:28px; max-width:480px; }
.hd-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:12px; color:var(--hd-muted); margin-bottom:0; }
.hd-meta__sep { color:var(--hd-dim); }
.hd-cta {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--hd-accent); color:#0B0E14; font-family:var(--hd-font-head);
  font-size:14px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  padding:12px 24px; border-radius:6px; transition:background .2s, gap .2s;
}
.hd-cta:hover { background:var(--hd-accent2); color:#0B0E14; gap:14px; }
.hd-hero__image {
  position:relative; border-radius:10px; overflow:hidden; aspect-ratio:16/10;
  background:var(--hd-bg3); border:1px solid var(--hd-border2);
  display:flex; align-items:center; justify-content:center;
  contain:layout;
}
.hd-hero__image img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.hd-hero__image:hover img { transform:scale(1.03); }
.hd-hero__image .no-thumb { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:var(--hd-bg3); }
.hd-hero__image .no-thumb svg { opacity:.1; }

/* ---- CATBAR ---- */
.hd-catbar { padding:16px 0; border-bottom:1px solid var(--hd-border); overflow-x:auto; scrollbar-width:none; }
.hd-catbar::-webkit-scrollbar { display:none; }
.hd-catbar__list { display:flex; align-items:center; gap:8px; white-space:nowrap; list-style:none; }
.hd-catbar__list li a {
  font-family:var(--hd-font-body); font-size:13px; font-weight:500; color:var(--hd-muted);
  padding:6px 14px; border-radius:99px; border:1px solid var(--hd-border); transition:all .2s; display:block;
}
.hd-catbar__list li a:hover { color:var(--hd-text); border-color:var(--hd-border2); }
.hd-catbar__list li.current-cat a,
.hd-catbar__list li.all a { background:var(--hd-accent); color:#0B0E14; border-color:var(--hd-accent); font-weight:700; }

/* ---- Catbar colorida (ativa quando home_catbar_colored = true) ---- */

/* Paleta de 8 cores — cada .hd-cat-c{n} define cor de fundo e texto do botão.
 * Em modo idle: fundo translúcido + borda colorida + texto colorido.
 * No hover e quando ativo (current-cat): fundo sólido + texto branco/escuro.
 * As cores respeitam light e dark mode via opacidade e var(). */

.hd-catbar--colored .hd-catbar__list li a { border-color: transparent; }

/* C1 — Âmbar (accent do tema) */
.hd-catbar--colored .hd-cat-c1          { background:rgba(245,166,35,.12); color:#b86a00; border-color:rgba(245,166,35,.35); }
.hd-catbar--colored .hd-cat-c1:hover,
.hd-catbar--colored li.current-cat .hd-cat-c1 { background:#F5A623; color:#0B0E14; border-color:#F5A623; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c1        { color:#F5A623; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c1:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c1 { color:#0B0E14; }

/* C2 — Azul */
.hd-catbar--colored .hd-cat-c2          { background:rgba(11,102,255,.10); color:#0b50c8; border-color:rgba(11,102,255,.30); }
.hd-catbar--colored .hd-cat-c2:hover,
.hd-catbar--colored li.current-cat .hd-cat-c2 { background:#0b66ff; color:#fff; border-color:#0b66ff; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c2        { color:#5b9bff; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c2:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c2 { color:#fff; }

/* C3 — Verde */
.hd-catbar--colored .hd-cat-c3          { background:rgba(14,168,110,.10); color:#0a7a50; border-color:rgba(14,168,110,.30); }
.hd-catbar--colored .hd-cat-c3:hover,
.hd-catbar--colored li.current-cat .hd-cat-c3 { background:#0ea86e; color:#fff; border-color:#0ea86e; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c3        { color:#3ecf9a; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c3:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c3 { color:#fff; }

/* C4 — Vermelho/Coral */
.hd-catbar--colored .hd-cat-c4          { background:rgba(220,60,60,.10); color:#b83030; border-color:rgba(220,60,60,.28); }
.hd-catbar--colored .hd-cat-c4:hover,
.hd-catbar--colored li.current-cat .hd-cat-c4 { background:#dc3c3c; color:#fff; border-color:#dc3c3c; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c4        { color:#f07070; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c4:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c4 { color:#fff; }

/* C5 — Roxo */
.hd-catbar--colored .hd-cat-c5          { background:rgba(120,60,220,.10); color:#6428b4; border-color:rgba(120,60,220,.28); }
.hd-catbar--colored .hd-cat-c5:hover,
.hd-catbar--colored li.current-cat .hd-cat-c5 { background:#7840dc; color:#fff; border-color:#7840dc; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c5        { color:#b48af0; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c5:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c5 { color:#fff; }

/* C6 — Ciano/Teal */
.hd-catbar--colored .hd-cat-c6          { background:rgba(0,178,200,.10); color:#0080a0; border-color:rgba(0,178,200,.28); }
.hd-catbar--colored .hd-cat-c6:hover,
.hd-catbar--colored li.current-cat .hd-cat-c6 { background:#00b2c8; color:#fff; border-color:#00b2c8; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c6        { color:#40d4e8; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c6:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c6 { color:#0a2540; }

/* C7 — Rosa/Pink */
.hd-catbar--colored .hd-cat-c7          { background:rgba(220,60,150,.10); color:#a82870; border-color:rgba(220,60,150,.28); }
.hd-catbar--colored .hd-cat-c7:hover,
.hd-catbar--colored li.current-cat .hd-cat-c7 { background:#dc3c96; color:#fff; border-color:#dc3c96; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c7        { color:#f07abf; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c7:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c7 { color:#fff; }

/* C8 — Laranja escuro */
.hd-catbar--colored .hd-cat-c8          { background:rgba(230,110,20,.10); color:#b85000; border-color:rgba(230,110,20,.28); }
.hd-catbar--colored .hd-cat-c8:hover,
.hd-catbar--colored li.current-cat .hd-cat-c8 { background:#e66e14; color:#fff; border-color:#e66e14; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c8        { color:#f0a060; }
html[data-theme="dark"] .hd-catbar--colored .hd-cat-c8:hover,
html[data-theme="dark"] .hd-catbar--colored li.current-cat .hd-cat-c8 { color:#fff; }

/* ---- SECTION HEAD ---- */
.hd-section-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:28px; padding-bottom:14px; border-bottom:1px solid var(--hd-border); }
.hd-section-head h2 { font-family:var(--hd-font-head); font-size:22px; font-weight:800; letter-spacing:-.01em; color:var(--hd-text); }
.hd-section-head h2 span { color:#7a3800; }
html[data-theme="dark"] .hd-section-head h2 span { color:var(--hd-accent); }
.hd-see-all { font-size:13px; font-weight:700; color:#7a3800; display:flex; align-items:center; gap:5px; font-family:var(--hd-font-head); letter-spacing:.04em; text-transform:uppercase; transition:gap .2s; }
.hd-see-all:hover { gap:8px; color:#5a2800; }
html[data-theme="dark"] .hd-see-all { color:var(--hd-accent); }
html[data-theme="dark"] .hd-see-all:hover { color:var(--hd-accent2); }

/* ---- GRID SECTION ---- */
.hd-grid-section { padding:48px 0; }
.hd-posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }

/* ---- CARD ---- */
.hd-card { background:var(--hd-bg2); border:1px solid var(--hd-border); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; transition:border-color .25s, transform .25s, box-shadow .25s; }
.hd-card:hover { border-color:var(--hd-border2); transform:translateY(-3px); box-shadow:0 12px 32px rgba(0,0,0,0.1); }
html[data-theme="dark"] .hd-card:hover { box-shadow:0 12px 32px rgba(0,0,0,0.35); }
.hd-card__thumb { aspect-ratio:16/9; background:var(--hd-bg3); overflow:hidden; position:relative; flex-shrink:0; display:flex; align-items:center; justify-content:center; contain:strict; }
.hd-card__thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.hd-card:hover .hd-card__thumb img { transform:scale(1.05); }
.hd-card__thumb svg { opacity:.1; }
.hd-card__body { padding:18px 20px 22px; display:flex; flex-direction:column; flex:1; gap:9px; }
.hd-card__title { font-family:var(--hd-font-head); font-size:18px; font-weight:700; line-height:1.25; letter-spacing:-.01em; color:var(--hd-text); }
.hd-card__title a { color:inherit; transition:color .2s; }
.hd-card__title a:hover { color:var(--hd-accent); }
.hd-card__excerpt { font-size:13px; color:var(--hd-muted); line-height:1.65; flex:1; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.hd-card__footer { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--hd-border); margin-top:auto; }
.hd-read-link { font-size:11px; font-weight:700; color:#7a3800; display:flex; align-items:center; gap:5px; font-family:var(--hd-font-head); letter-spacing:.06em; text-transform:uppercase; transition:gap .2s; }
.hd-read-link:hover { gap:8px; color:#5a2800; }
html[data-theme="dark"] .hd-read-link { color:var(--hd-accent); }
html[data-theme="dark"] .hd-read-link:hover { color:var(--hd-accent2); }

/* ---- FEATURED 1+2 ---- */
.hd-featured-section { padding:0 0 56px; border-top:1px solid var(--hd-border); padding-top:48px; }
.hd-featured-layout { display:grid; grid-template-columns:2fr 1fr; gap:24px; align-items:start; }
.hd-card-large { background:var(--hd-bg2); border:1px solid var(--hd-border); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; transition:border-color .25s; }
.hd-card-large:hover { border-color:var(--hd-border2); }
.hd-card-large .hd-card__thumb { aspect-ratio:16/8; }
.hd-card-large .hd-card__body { padding:22px 24px 26px; display:block; }
.hd-card-large .hd-card__title { font-size:24px; display:block; margin-bottom:10px; }
.hd-card-large .hd-card__excerpt { -webkit-line-clamp:4; font-size:14px; flex:none; display:-webkit-box; margin-bottom:0; }
.hd-card-large .hd-tag { display:inline-block; margin-bottom:12px; }
.hd-card-large .hd-card__footer { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--hd-border); margin-top:14px; }
.hd-stack { display:flex; flex-direction:column; gap:18px; align-items:stretch; }
.hd-card-mini { background:var(--hd-bg2); border:1px solid var(--hd-border); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; flex:1; transition:border-color .25s; }
.hd-card-mini:hover { border-color:var(--hd-border2); }
.hd-card-mini .hd-card__thumb { aspect-ratio:16/7; }
.hd-card-mini .hd-card__body { padding:14px 16px 18px; gap:8px; }
.hd-card-mini .hd-card__title { font-size:15px; }
.hd-card-mini .hd-card__excerpt { -webkit-line-clamp:2; font-size:12.5px; }

/* ---- NEWSLETTER BANNER ---- */
.hd-newsletter-section { padding:0 0 56px; }
.hd-newsletter {
  background:var(--hd-bg3); border:1px solid var(--hd-border2); border-radius:10px;
  padding:44px 52px; display:grid; grid-template-columns:1fr auto; align-items:center;
  gap:36px; position:relative; overflow:hidden;
}
.hd-newsletter::before { content:''; position:absolute; left:-70px; top:-70px; width:250px; height:250px; background:radial-gradient(circle,rgba(245,166,35,0.08) 0%,transparent 70%); pointer-events:none; }
.hd-newsletter__title { font-family:var(--hd-font-head); font-size:26px; font-weight:800; line-height:1.1; letter-spacing:-.02em; color:var(--hd-text); margin-bottom:7px; }
.hd-newsletter__title span { color:var(--hd-accent); }
.hd-newsletter__sub { font-size:13px; color:var(--hd-muted); }
.hd-newsletter__form { display:flex; gap:10px; align-items:center; }
.hd-newsletter__form input { background:var(--hd-bg); border:1px solid var(--hd-border2); border-radius:6px; padding:11px 16px; font-size:14px; color:var(--hd-text); width:240px; outline:none; transition:border-color .2s; font-family:var(--hd-font-body); }
.hd-newsletter__form input::placeholder { color:var(--hd-dim); }
.hd-newsletter__form input:focus { border-color:var(--hd-accent); }
.hd-newsletter__form button { background:var(--hd-accent); color:#0B0E14; border:none; border-radius:6px; padding:11px 20px; font-family:var(--hd-font-head); font-size:14px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; transition:background .2s; white-space:nowrap; }
.hd-newsletter__form button:hover { background:var(--hd-accent2); }

/* Formulário nativo da newsletter (sem embed de provedor) */
.hd-newsletter__native-form { display:flex; gap:10px; align-items:center; }
.hd-newsletter__native-form input {
  background:var(--hd-bg); border:1px solid var(--hd-border2); border-radius:6px;
  padding:11px 16px; font-size:14px; color:var(--hd-text); width:240px; outline:none;
  transition:border-color .2s; font-family:var(--hd-font-body);
}
.hd-newsletter__native-form input::placeholder { color:var(--hd-dim); }
.hd-newsletter__native-form input:focus { border-color:var(--hd-accent); }
.hd-newsletter__native-form button {
  background:var(--hd-accent); color:#0B0E14; border:none; border-radius:6px;
  padding:11px 20px; font-family:var(--hd-font-head); font-size:14px; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; cursor:pointer; transition:background .2s; white-space:nowrap;
}
.hd-newsletter__native-form button:hover { background:var(--hd-accent2); }
@media(max-width:768px){
  .hd-newsletter__native-form { flex-direction:column; align-items:stretch; }
  .hd-newsletter__native-form input { width:100%; }
}

/* ---- LISTA DE POSTS ---- */
.hd-list-section { padding:0 0 64px; }
.hd-list-item { display:grid; grid-template-columns:112px 1fr; gap:18px; padding:20px 0; border-bottom:1px solid var(--hd-border); align-items:start; transition:opacity .2s; }
.hd-list-item:first-child { border-top:1px solid var(--hd-border); }
.hd-list-item:hover { opacity:.82; }
.hd-list-thumb { aspect-ratio:4/3; border-radius:6px; overflow:hidden; background:var(--hd-bg3); flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.hd-list-thumb img { width:100%; height:100%; object-fit:cover; }
.hd-list-thumb svg { opacity:.1; }
.hd-list-body { display:flex; flex-direction:column; gap:7px; }
.hd-list-title { font-family:var(--hd-font-head); font-size:17px; font-weight:700; line-height:1.25; letter-spacing:-.01em; color:var(--hd-text); transition:color .2s; }
.hd-list-item:hover .hd-list-title { color:var(--hd-accent); }
.hd-list-excerpt { font-size:12.5px; color:var(--hd-muted); line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ---- RESPONSIVE ---- */
@media(max-width:1024px){
  .hd-posts-grid { grid-template-columns:repeat(2,1fr); }
  .hd-featured-layout { grid-template-columns:1fr; }
  .hd-stack { flex-direction:row; }
}
@media(max-width:768px){
  .hd-hero__grid { grid-template-columns:1fr; gap:32px; }
  .hd-hero__image { order:-1; }
  .hd-posts-grid { grid-template-columns:1fr; }
  .hd-stack { flex-direction:column; }
  .hd-newsletter { grid-template-columns:1fr; gap:22px; padding:28px 24px; }
  .hd-newsletter__form { flex-direction:column; align-items:stretch; }
  .hd-newsletter__form input { width:100%; }
  .hd-featured-layout { grid-template-columns:1fr; }
}
@media(max-width:480px){
  .hd-posts-grid { grid-template-columns:1fr; gap:16px; }
  .hd-list-item { grid-template-columns:88px 1fr; }
}

/* ============================================================
 * CONTACT FORM 7 — Estilo VoltCore
 * Funciona em light e dark mode via --vc-* vars.
 * Cobre: inputs, textarea, select, radio, checkbox, submit,
 * mensagens de validação e resposta.
 * ============================================================ */

/* ---- Wrapper e grupos de campo ---- */
.wpcf7 { margin: 0; }
.wpcf7 form { display: flex; flex-direction: column; gap: 0; }
.wpcf7 p { margin: 0 0 20px; }
.wpcf7 p:last-of-type { margin-bottom: 0; }

/* Label flutuante leve */
.wpcf7 label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--vc-color-text-soft);
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}

/* ---- Campos de texto, e-mail, url, tel, número, data ---- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 input[type="search"],
.wpcf7 textarea,
.wpcf7 select {
  display: block;
  width: 100%;
  padding: 12px 14px;
  font-family: var(--vc-font-body);
  font-size: 15px;
  font-weight: 400;
  color: var(--vc-color-secondary);
  background: var(--vc-color-bg);
  border: 1.5px solid var(--vc-color-border);
  border-radius: var(--vc-radius);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  line-height: 1.5;
}

.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 input[type="url"]::placeholder,
.wpcf7 input[type="number"]::placeholder,
.wpcf7 textarea::placeholder {
  color: var(--vc-color-text-soft);
  opacity: 0.65;
}

/* Hover */
.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 input[type="tel"]:hover,
.wpcf7 input[type="url"]:hover,
.wpcf7 input[type="number"]:hover,
.wpcf7 textarea:hover,
.wpcf7 select:hover {
  border-color: rgba(var(--vc-color-primary), 0.4);
  border-color: color-mix(in srgb, var(--vc-color-primary) 45%, var(--vc-color-border));
}

/* Focus — acento âmbar/accent do tema */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: var(--vc-color-primary);
  box-shadow: 0 0 0 3px rgba(11,102,255,.10);
  background: var(--vc-color-bg);
}

/* Estado inválido (CF7 adiciona .wpcf7-not-valid) */
.wpcf7 .wpcf7-not-valid {
  border-color: #dc3c3c !important;
  box-shadow: 0 0 0 3px rgba(220,60,60,.10) !important;
}
.wpcf7 .wpcf7-not-valid-tip {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #dc3c3c;
  font-weight: 500;
}

/* Textarea */
.wpcf7 textarea {
  min-height: 140px;
  resize: vertical;
  line-height: 1.65;
}

/* Select — seta customizada */
.wpcf7 select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a6270' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}

/* ---- Radio e Checkbox ---- */
.wpcf7 .wpcf7-list-item { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
.wpcf7 .wpcf7-list-item:last-child { margin-bottom: 0; }
.wpcf7 .wpcf7-list-item label { margin-bottom: 0; font-weight: 400; font-size: 14px; color: var(--vc-color-text); cursor: pointer; }

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 1.5px solid var(--vc-color-border);
  background: var(--vc-color-bg);
  cursor: pointer;
  transition: border-color .15s, background .15s;
  display: grid;
  place-content: center;
}
.wpcf7 input[type="radio"]  { border-radius: 50%; }
.wpcf7 input[type="checkbox"] { border-radius: 4px; }

.wpcf7 input[type="radio"]::before {
  content: '';
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--vc-color-primary);
  transform: scale(0);
  transition: transform .15s ease;
}
.wpcf7 input[type="checkbox"]::before {
  content: '';
  width: 9px; height: 7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: 0;
  transition: opacity .12s;
}
.wpcf7 input[type="radio"]:checked { border-color: var(--vc-color-primary); }
.wpcf7 input[type="radio"]:checked::before { transform: scale(1); }
.wpcf7 input[type="checkbox"]:checked { background: var(--vc-color-primary); border-color: var(--vc-color-primary); }
.wpcf7 input[type="checkbox"]:checked::before { opacity: 1; }

/* ---- Botão de envio ---- */
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 32px;
  background: var(--vc-color-btn-bg);
  color: var(--vc-color-btn-fg);
  font-family: var(--vc-font-heading);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.03em;
  border: none;
  border-radius: var(--vc-radius);
  cursor: pointer;
  transition: background .18s ease, transform .15s ease, box-shadow .18s ease;
  width: auto;
  min-width: 140px;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover {
  background: var(--vc-color-btn-hover);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(11,102,255,.20);
}
.wpcf7 input[type="submit"]:active,
.wpcf7 button[type="submit"]:active {
  transform: translateY(0);
  box-shadow: none;
}

/* Estado de carregando (CF7 spinner) */
.wpcf7 .wpcf7-spinner {
  vertical-align: middle;
  margin-left: 8px;
  background-color: var(--vc-color-primary);
  opacity: 0.75;
}

/* ---- Mensagens de resposta ---- */
.wpcf7 .wpcf7-response-output {
  margin: 20px 0 0;
  padding: 14px 18px;
  border-radius: var(--vc-radius);
  font-size: 14px;
  font-weight: 500;
  border: 1.5px solid;
  line-height: 1.5;
}
/* Sucesso */
.wpcf7 .wpcf7-mail-sent-ok {
  background: rgba(14,168,110,.08);
  border-color: rgba(14,168,110,.30);
  color: #0a7a50;
}
/* Erro */
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-aborted {
  background: rgba(220,60,60,.08);
  border-color: rgba(220,60,60,.28);
  color: #b83030;
}
/* Spam */
.wpcf7 .wpcf7-spam-blocked {
  background: rgba(245,166,35,.08);
  border-color: rgba(245,166,35,.28);
  color: #b86a00;
}
/* Validação */
.wpcf7 .wpcf7-validation-errors {
  background: rgba(245,166,35,.08);
  border-color: rgba(245,166,35,.28);
  color: #b86a00;
}

/* ---- Dark mode ---- */
html[data-theme="dark"] .wpcf7 input[type="text"],
html[data-theme="dark"] .wpcf7 input[type="email"],
html[data-theme="dark"] .wpcf7 input[type="tel"],
html[data-theme="dark"] .wpcf7 input[type="url"],
html[data-theme="dark"] .wpcf7 input[type="number"],
html[data-theme="dark"] .wpcf7 input[type="date"],
html[data-theme="dark"] .wpcf7 textarea,
html[data-theme="dark"] .wpcf7 select {
  background: #111520;
  border-color: rgba(255,255,255,0.10);
  color: #E8ECF4;
}
html[data-theme="dark"] .wpcf7 input:focus,
html[data-theme="dark"] .wpcf7 textarea:focus,
html[data-theme="dark"] .wpcf7 select:focus {
  border-color: #F5A623;
  box-shadow: 0 0 0 3px rgba(245,166,35,.12);
}
html[data-theme="dark"] .wpcf7 input[type="radio"],
html[data-theme="dark"] .wpcf7 input[type="checkbox"] {
  background: #111520;
  border-color: rgba(255,255,255,0.14);
}
html[data-theme="dark"] .wpcf7 input[type="radio"]:checked { border-color: #F5A623; }
html[data-theme="dark"] .wpcf7 input[type="radio"]::before { background: #F5A623; }
html[data-theme="dark"] .wpcf7 input[type="checkbox"]:checked { background: #F5A623; border-color: #F5A623; }
html[data-theme="dark"] .wpcf7 input[type="submit"],
html[data-theme="dark"] .wpcf7 button[type="submit"] {
  background: #F5A623;
  color: #0B0E14;
}
html[data-theme="dark"] .wpcf7 input[type="submit"]:hover,
html[data-theme="dark"] .wpcf7 button[type="submit"]:hover {
  background: #E8911A;
  box-shadow: 0 6px 18px rgba(245,166,35,.25);
}
html[data-theme="dark"] .wpcf7 .wpcf7-mail-sent-ok  { background:rgba(14,168,110,.10); color:#3ecf9a; border-color:rgba(14,168,110,.25); }
html[data-theme="dark"] .wpcf7 .wpcf7-mail-sent-ng,
html[data-theme="dark"] .wpcf7 .wpcf7-aborted       { background:rgba(220,60,60,.10);  color:#f07070; border-color:rgba(220,60,60,.22); }
html[data-theme="dark"] .wpcf7 .wpcf7-validation-errors,
html[data-theme="dark"] .wpcf7 .wpcf7-spam-blocked  { background:rgba(245,166,35,.10); color:#F5A623; border-color:rgba(245,166,35,.25); }
html[data-theme="dark"] .wpcf7 select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A93A8' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
html[data-theme="dark"] .wpcf7 .wpcf7-not-valid { border-color: #f07070 !important; box-shadow: 0 0 0 3px rgba(240,112,112,.12) !important; }
html[data-theme="dark"] .wpcf7 .wpcf7-not-valid-tip { color: #f07070; }