/*
 * Peças de venda (config/venda.php): telas do painel montadas em HTML, dores, "do dado à venda" e a calculadora.
 * Carregado depois do home.css e do blog.css. Só var(--lp-*). Telas usam a fonte do app (--lp-f-app, Inter).
 * Celular: uma coluna. 768px ou mais: duas colunas nas grades. 1000px ou mais: o topo em duas colunas.
 */

/* ---------- Topo de venda ---------- */

.vd-hero {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-5);
	padding-top: var(--lp-esp-5);
	padding-bottom: var(--lp-esp-6);
}

.vd-hero-txt {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-3);
}

.vd-sobre {
	font-family: var(--lp-f-mono);
	font-size: var(--lp-t-mono-p);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lp-azul-hover);
}

.vd-h1 {
	margin: 0;
	font-family: var(--lp-f-display);
	font-weight: 400;
	font-size: var(--lp-t-faixa-m);
	line-height: 1.02;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.vd-h1 em,
.vd-h2 em {
	font-family: var(--lp-f-serif);
	font-style: italic;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.vd-lead {
	font-size: var(--lp-t-texto);
	line-height: 1.5;
	color: var(--lp-tinta-2);
}

.vd-acoes {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lp-esp-2);
}

.vd-acoes .lp-btn {
	white-space: normal;
	text-align: center;
}

.vd-acoes .vd-btn-2 {
	display: none;
}

.vd-hero-cenas {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-3);
}

/* ---------- Seções ---------- */

.vd-sec {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-4);
	padding-top: var(--lp-esp-6);
	padding-bottom: var(--lp-esp-6);
}

.vd-cabeca {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-2);
	max-width: var(--lp-largura-cabeca);
}

.vd-h2 {
	margin: 0;
	font-family: var(--lp-f-display);
	font-weight: 400;
	font-size: var(--lp-t-h2-m);
	line-height: 1.08;
	letter-spacing: -0.03em;
}

.vd-h2--claro {
	color: var(--lp-branco);
}

.vd-h2--claro em {
	color: var(--lp-azul-claro);
}

.vd-faixa-creme {
	background: var(--lp-creme);
}

.vd-grade {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--lp-esp-3);
}

.vd-legenda {
	font-size: var(--lp-t-nota);
	color: var(--lp-suave);
}

/* ---------- Dores ---------- */

.vd-dores {
	background: var(--lp-escuro);
	color: var(--lp-papel);
}

.vd-dores-lista {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--lp-esp-3);
}

.vd-dores-lista li {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-1);
	padding: var(--lp-margem-m);
	border-radius: var(--lp-raio-m);
	background: var(--lp-escuro-card);
}

.vd-aspas {
	font-family: var(--lp-f-serif);
	font-size: var(--lp-t-h2);
	line-height: 1;
	color: var(--lp-azul-claro);
}

.vd-dores-lista b {
	font-size: var(--lp-t-leitura);
	line-height: 1.3;
	color: var(--lp-branco);
}

.vd-dores-lista li > span:last-child {
	font-size: var(--lp-t-meta);
	line-height: 1.55;
	color: var(--lp-sobre-escuro);
}

/* ---------- Telas do painel ---------- */

.vd-cena {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-3);
	padding: var(--lp-esp-4);
	border: 1px solid var(--lp-linha-2);
	border-radius: var(--lp-raio-m);
	background: var(--lp-branco);
	box-shadow: var(--lp-sombra-menu);
	font-family: var(--lp-f-app);
	color: var(--lp-tinta);
}

.vd-cena--escura {
	border-color: transparent;
	background: var(--lp-escuro);
	color: var(--lp-branco);
}

.vd-cena-topo {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--lp-esp-1) var(--lp-esp-2);
}

.vd-cena-topo > div {
	flex: 1 1 60%;
	min-width: 0;
}

.vd-rotulo {
	font-size: var(--lp-t-nota);
	color: var(--lp-suave);
}

.vd-cena--escura .vd-rotulo {
	color: var(--lp-sobre-escuro-2);
}

.vd-titulo {
	font-size: var(--lp-t-texto);
	font-weight: 700;
	letter-spacing: -0.02em;
}

.vd-selo {
	flex: none;
	padding: var(--lp-esp-0) var(--lp-esp-2);
	border-radius: var(--lp-raio-pilula);
	background: var(--lp-azul-palido);
	font-size: var(--lp-t-nota);
	font-weight: 700;
	color: var(--lp-azul-hover);
}

.vd-exemplo {
	flex: none;
	font-size: var(--lp-t-nota);
	color: var(--lp-suave);
}

.vd-exemplo--claro {
	color: var(--lp-azul-palido);
}

.vd-cena--escura .vd-exemplo {
	color: var(--lp-sobre-escuro-2);
}

.vd-nota {
	font-size: var(--lp-t-nota);
	line-height: 1.5;
	color: var(--lp-suave);
}

/* Curva ABC */
.vd-abc {
	display: flex;
	min-height: var(--lp-esp-6);
	overflow: hidden;
	border-radius: var(--lp-esp-1);
	font-size: var(--lp-t-nota);
	font-weight: 700;
	color: var(--lp-branco);
}

.vd-abc span {
	display: flex;
	align-items: center;
	padding: 0 var(--lp-esp-2);
	white-space: nowrap;
	overflow: hidden;
}

.vd-abc-a {
	background: var(--lp-azul);
}

.vd-abc-b {
	justify-content: center;
	background: var(--lp-azul-claro);
}

.vd-abc-c {
	background: var(--lp-azul-palido);
}

.vd-kpis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--lp-esp-2);
	font-size: var(--lp-t-nota);
	line-height: 1.35;
	color: var(--lp-suave);
}

.vd-kpis b {
	display: block;
	font-size: var(--lp-t-leitura);
	letter-spacing: -0.02em;
	color: var(--lp-tinta);
}

/* Lista de quem parou */
.vd-grande {
	display: flex;
	align-items: baseline;
	gap: var(--lp-esp-2);
	font-size: var(--lp-t-meta);
	line-height: 1.3;
	color: var(--lp-tinta-2);
}

.vd-cena--escura .vd-grande {
	color: var(--lp-sobre-escuro);
}

.vd-grande-n {
	flex: none;
	font-size: var(--lp-t-h2);
	font-weight: 800;
	letter-spacing: -0.045em;
	color: var(--lp-alerta);
}

.vd-grande-n--claro {
	color: var(--lp-branco);
}

.vd-linhas {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--lp-t-meta);
}

.vd-linhas li {
	display: flex;
	justify-content: space-between;
	gap: var(--lp-esp-2);
	padding: var(--lp-esp-1) 0;
	border-bottom: 1px solid var(--lp-linha-4);
}

.vd-linhas li > b {
	white-space: nowrap;
}

.vd-linhas li:last-child {
	border-bottom: 0;
}

.vd-botao {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: var(--lp-toque);
	border-radius: var(--lp-esp-2);
	background: var(--lp-azul);
	font-size: var(--lp-t-meta);
	font-weight: 700;
	color: var(--lp-branco);
	text-align: center;
}

/* Recompra */
.vd-barras {
	display: flex;
	align-items: flex-end;
	gap: var(--lp-esp-1);
	height: calc(var(--lp-esp-7) * 2);
	border-bottom: 1px solid var(--lp-linha-2);
}

.vd-barra {
	flex: 1;
	border-radius: var(--lp-esp-0) var(--lp-esp-0) 0 0;
	background: var(--lp-azul-palido);
}

.vd-barra--ponto {
	background: var(--lp-azul);
}

.vd-barra--passou {
	background: var(--lp-rosa);
}

.vd-rodape {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--lp-esp-1);
	font-size: var(--lp-t-nota);
	color: var(--lp-suave);
}

.vd-rodape b {
	color: var(--lp-tinta);
}

.vd-rodape .vd-alerta {
	color: var(--lp-alerta);
}

/* Linha do tempo */
.vd-linha {
	display: grid;
	grid-template-columns: minmax(calc(var(--lp-esp-7) * 1.3), 1.4fr) repeat(var(--vd-meses, 8), minmax(0, 1fr));
	gap: var(--lp-esp-0);
	align-items: center;
	font-size: var(--lp-t-nota);
}

.vd-linha-mes {
	text-align: center;
	color: var(--lp-suave);
}

.vd-linha-nome {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vd-celula {
	height: var(--lp-esp-4);
	border-radius: var(--lp-esp-0);
}

.vd-celula--forte {
	background: var(--lp-azul);
}

.vd-celula--media {
	background: var(--lp-azul-claro);
}

.vd-celula--vazia {
	background: var(--lp-creme);
}

.vd-celula--parou {
	background: var(--lp-alerta-fundo);
}

/* Cohort */
.vd-cohort {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: var(--lp-esp-0);
}

.vd-cohort span {
	height: var(--lp-esp-4);
	border-radius: var(--lp-esp-0);
	background: var(--lp-azul);
}

.vd-cohort .vd-cohort-vazio {
	background: var(--lp-escuro-card);
}

/* Dois números */
.vd-par {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--lp-esp-2);
}

.vd-par > div {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-0);
	padding: var(--lp-esp-3);
	border-radius: var(--lp-esp-2);
	font-size: var(--lp-t-nota);
	color: var(--lp-tinta-2);
}

.vd-par b {
	font-size: var(--lp-t-h3);
	letter-spacing: -0.04em;
	color: var(--lp-tinta);
}

.vd-par-a {
	background: var(--lp-azul-palido);
}

.vd-par-a b {
	color: var(--lp-azul-hover);
}

.vd-par-b {
	background: var(--lp-creme);
}

/* Conversa */
.vd-conversa {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--lp-esp-2);
}

.vd-msgs {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-1);
}

.vd-msg {
	max-width: 85%;
	padding: var(--lp-esp-1) var(--lp-esp-2);
	border-radius: var(--lp-esp-2);
	font-size: var(--lp-t-meta);
	line-height: 1.45;
}

.vd-msg--ela {
	align-self: flex-start;
	background: var(--lp-creme);
}

.vd-msg--loja {
	align-self: flex-end;
	background: var(--lp-balao);
}

.vd-pedido {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-0);
	padding: var(--lp-esp-2);
	border-radius: var(--lp-esp-2);
	background: var(--lp-azul-palido);
	font-size: var(--lp-t-nota);
	color: var(--lp-tinta-2);
}

.vd-pedido b {
	font-size: var(--lp-t-meta);
	color: var(--lp-azul-hover);
}

/* Campanha */
.vd-campanha {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--lp-esp-2);
}

.vd-campanha > div {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-0);
	padding: var(--lp-esp-3);
	border-radius: var(--lp-esp-2);
	font-size: var(--lp-t-nota);
}

.vd-campanha-v {
	grid-column: 1 / -1;
	background: var(--lp-azul);
	color: var(--lp-azul-palido);
}

.vd-campanha-v b {
	font-size: var(--lp-t-h2);
	letter-spacing: -0.04em;
	color: var(--lp-branco);
}

.vd-campanha-k {
	border: 1px solid var(--lp-linha-2);
	color: var(--lp-suave);
}

.vd-campanha-k b {
	font-size: var(--lp-t-leitura);
	color: var(--lp-tinta);
}

/* ---------- Do dado à venda ---------- */

.vd-passos {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--lp-esp-3);
}

.vd-passo {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-2);
	padding: var(--lp-margem-m);
	border-radius: var(--lp-raio-m);
	background: var(--lp-branco);
	font-family: var(--lp-f-app);
}

.vd-passo--azul {
	background: var(--lp-azul);
	color: var(--lp-branco);
}

.vd-passo-n {
	font-family: var(--lp-f-display);
	font-size: var(--lp-t-h3);
	color: var(--lp-azul);
}

.vd-passo--azul .vd-passo-n {
	color: var(--lp-branco);
}

.vd-passo-p {
	font-size: var(--lp-t-meta);
	line-height: 1.5;
	color: var(--lp-suave);
}

.vd-passo--azul .vd-passo-p {
	color: var(--lp-azul-palido);
}

.vd-pedido-ia {
	padding: var(--lp-esp-2) var(--lp-esp-3);
	border-radius: var(--lp-esp-2);
	background: var(--lp-creme);
	font-size: var(--lp-t-meta);
	line-height: 1.5;
}

.vd-balao {
	padding: var(--lp-esp-2) var(--lp-esp-3);
	border-radius: var(--lp-esp-2);
	background: var(--lp-balao);
	font-size: var(--lp-t-meta);
	line-height: 1.5;
}

.vd-passo-linha {
	display: flex;
	justify-content: space-between;
	font-size: var(--lp-t-meta);
}

.vd-passo-linha span {
	color: var(--lp-suave);
}

.vd-passo-v {
	font-size: var(--lp-t-h2);
	letter-spacing: -0.04em;
}

.vd-passo-kpis {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--lp-esp-2);
	font-size: var(--lp-t-nota);
	color: var(--lp-azul-palido);
}

.vd-passo-kpis b {
	display: block;
	font-size: var(--lp-t-leitura);
	color: var(--lp-branco);
}

/* ---------- Calculadora ---------- */

.vd-calc {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--lp-raio-m);
	background: var(--lp-branco);
}

.vd-calc-entradas,
.vd-calc-resultado {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-3);
	padding: var(--lp-margem-m);
}

.vd-h2--m {
	font-size: var(--lp-t-h2-m);
}

.vd-campo {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-0);
}

.vd-campo label {
	font-weight: 700;
}

.vd-campo span {
	font-size: var(--lp-t-nota);
	color: var(--lp-suave);
}

.vd-campo input {
	box-sizing: border-box;
	width: 100%;
	min-height: var(--lp-esp-6);
	margin-top: var(--lp-esp-1);
	padding: 0 var(--lp-esp-3);
	border: 1.5px solid var(--lp-linha-3);
	border-radius: var(--lp-esp-2);
	background: var(--lp-branco);
	color: var(--lp-tinta);
	font-family: var(--lp-f-texto);
	font-size: var(--lp-t-leitura);
	font-weight: 600;
}

.vd-campo input:focus-visible {
	border-color: var(--lp-azul);
	outline: 2px solid var(--lp-azul);
	outline-offset: 1px;
}

.vd-calc-resultado {
	justify-content: center;
	background: var(--lp-escuro);
	color: var(--lp-papel);
}

.vd-calc-total {
	font-family: var(--lp-f-display);
	font-size: var(--lp-t-h1-lista);
	line-height: 0.95;
	letter-spacing: -0.05em;
	color: var(--lp-branco);
	overflow-wrap: anywhere;
}

.vd-calc-conta {
	font-size: var(--lp-t-texto);
	line-height: 1.5;
}

.vd-calc-custo {
	font-size: var(--lp-t-meta);
	line-height: 1.5;
	color: var(--lp-sobre-escuro-2);
}

.vd-calc-btn {
	white-space: normal;
	text-align: center;
}

/* ---------- Tablet: 768px ou mais ---------- */

/* ---------- Video commerce: a loja com a bolha, o vídeo aberto e o painel ---------- */

.vd-loja {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--lp-esp-3);
}

.vd-loja-foto {
	position: relative;
	aspect-ratio: 3 / 4;
	border-radius: var(--lp-esp-2);
	background: linear-gradient(160deg, var(--lp-creme), var(--lp-mk-fundo));
}

.vd-loja-info {
	display: flex;
	flex-direction: column;
	gap: var(--lp-esp-1);
	font-size: var(--lp-t-meta);
}

.vd-loja-info b {
	font-size: var(--lp-t-texto);
	line-height: 1.25;
}

.vd-loja-tam {
	display: flex;
	gap: var(--lp-esp-1);
}

.vd-loja-tam i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--lp-esp-5);
	height: var(--lp-esp-5);
	border: 1px solid var(--lp-linha-3);
	border-radius: var(--lp-esp-1);
	font-size: var(--lp-t-nota);
	font-style: normal;
}

.vd-loja-btn {
	margin-top: auto;
	padding: var(--lp-esp-1);
	border-radius: var(--lp-esp-1);
	background: var(--lp-tinta);
	font-weight: 700;
	color: var(--lp-branco);
	text-align: center;
}

/* A bolha: miniatura do vídeo em círculo, no canto da página, com a legenda ao lado */
.vd-bolha {
	position: absolute;
	left: var(--lp-esp-2);
	bottom: var(--lp-esp-2);
	display: flex;
	align-items: center;
	gap: var(--lp-esp-1);
}

.vd-bolha-video {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--lp-bolha);
	height: var(--lp-bolha);
	border: 3px solid var(--lp-azul);
	border-radius: 50%;
	background: linear-gradient(200deg, var(--lp-azul-claro), var(--lp-escuro-card));
	box-shadow: var(--lp-sombra-flut);
}

.vd-play {
	width: 0;
	height: 0;
	margin-left: var(--lp-esp-0);
	border-top: var(--lp-esp-1) solid transparent;
	border-bottom: var(--lp-esp-1) solid transparent;
	border-left: var(--lp-esp-2) solid var(--lp-branco);
}

.vd-bolha-txt {
	white-space: nowrap;
	padding: var(--lp-esp-0) var(--lp-esp-2);
	border-radius: var(--lp-raio-pilula);
	background: var(--lp-escuro);
	font-size: var(--lp-t-nota);
	font-weight: 600;
	color: var(--lp-branco);
}

/* O vídeo aberto: tela vertical de celular */
.vd-player {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: var(--lp-esp-1);
	width: 100%;
	max-width: var(--lp-player-largura);
	aspect-ratio: 9 / 16;
	margin: 0 auto;
	padding: var(--lp-esp-3);
	border-radius: var(--lp-raio-card);
	background:
		linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--lp-escuro) 85%, transparent)),
		linear-gradient(160deg, var(--lp-azul-claro), var(--lp-mk-fundo) 55%, var(--lp-escuro-card));
	box-shadow: var(--lp-sombra-menu);
	font-family: var(--lp-f-app);
	color: var(--lp-branco);
	position: relative;
}

.vd-player-barras {
	position: absolute;
	top: var(--lp-esp-3);
	right: var(--lp-esp-3);
	left: var(--lp-esp-3);
	display: flex;
	gap: var(--lp-esp-0);
}

.vd-player-barras i {
	flex: 1;
	height: 3px;
	border-radius: var(--lp-raio-pilula);
	background: var(--lp-branco-22);
}

.vd-player-barras .is-cheia {
	background: var(--lp-branco);
}

.vd-player-barras .is-meio {
	background: linear-gradient(90deg, var(--lp-branco) 55%, var(--lp-branco-22) 55%);
}

.vd-player-legenda {
	align-self: flex-start;
	margin-bottom: auto;
	margin-top: var(--lp-esp-4);
	padding: var(--lp-esp-0) var(--lp-esp-2);
	border-radius: var(--lp-raio-pilula);
	background: color-mix(in srgb, var(--lp-escuro) 60%, transparent);
	font-size: var(--lp-t-nota);
	font-weight: 600;
}

.vd-player-produto {
	display: flex;
	align-items: center;
	gap: var(--lp-esp-2);
	padding: var(--lp-esp-1);
	border-radius: var(--lp-esp-2);
	background: var(--lp-branco);
	font-size: var(--lp-t-nota);
	color: var(--lp-suave);
}

.vd-player-produto b {
	display: block;
	font-size: var(--lp-t-meta);
	color: var(--lp-tinta);
}

.vd-player-mini {
	flex: none;
	width: var(--lp-esp-6);
	height: var(--lp-esp-6);
	border-radius: var(--lp-esp-1);
	background: linear-gradient(160deg, var(--lp-creme), var(--lp-mk-fundo));
}

.vd-player-btn {
	padding: var(--lp-esp-1);
	border-radius: var(--lp-esp-2);
	background: var(--lp-azul);
	font-size: var(--lp-t-meta);
	font-weight: 700;
	text-align: center;
}

.vd-player-btn--wa {
	background: var(--lp-whats);
}

.vd-grande-n--azul {
	color: var(--lp-azul);
}

/* Player ao lado de uma cena mais baixa: cada uma na sua altura */
.vd-grade--meio {
	align-items: center;
}

/* Quadros reais do vídeo: cobrem a área do desenho; o degradê do player fica por cima para o texto ler bem */
.vd-loja-foto,
.vd-bolha-video,
.vd-player-mini {
	overflow: hidden;
}

.vd-loja-foto > img,
.vd-bolha-video > img,
.vd-player-mini > img,
.vd-player-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vd-bolha-video {
	position: relative;
}

.vd-bolha-video > img {
	position: absolute;
	inset: 0;
}

.vd-play {
	position: relative;
}

.vd-player {
	overflow: hidden;
	isolation: isolate;
}

.vd-player-img {
	position: absolute;
	inset: 0;
	z-index: -2;
}

.vd-player::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, color-mix(in srgb, var(--lp-escuro) 35%, transparent), transparent 25%, transparent 50%, color-mix(in srgb, var(--lp-escuro) 85%, transparent));
}

/* Resultado dos vídeos: tabela de 4 colunas */
.vd-videos {
	display: grid;
	grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
	gap: var(--lp-esp-2) var(--lp-esp-1);
	align-items: baseline;
	font-size: var(--lp-t-nota);
}

.vd-videos > span:nth-child(-n + 4) {
	color: var(--lp-suave);
}

.vd-videos b {
	font-size: var(--lp-t-meta);
}

.vd-videos .vd-videos-v {
	color: var(--lp-ok);
}

@media (min-width: 768px) {
	.vd-hero {
		padding-top: var(--lp-esp-6);
		padding-bottom: var(--lp-esp-7);
	}

	.vd-h1 {
		font-size: var(--lp-t-h1-lista);
		line-height: 1;
		letter-spacing: -0.04em;
	}

	.vd-lead {
		font-size: var(--lp-t-sub);
	}

	.vd-acoes .vd-btn-2 {
		display: inline-flex;
	}

	.vd-hero-cenas {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
	}

	.vd-sec {
		gap: var(--lp-esp-5);
		padding-top: var(--lp-esp-7);
		padding-bottom: var(--lp-esp-7);
	}

	.vd-h2 {
		font-size: var(--lp-t-h2);
	}

	.vd-grade,
	.vd-dores-lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--lp-esp-4);
	}

	.vd-dores-lista li,
	.vd-passo {
		padding: var(--lp-esp-5);
		border-radius: var(--lp-raio-card);
	}

	.vd-cena {
		border-radius: var(--lp-raio-card);
	}

	.vd-conversa {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.vd-calc {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		border-radius: var(--lp-raio-card);
	}

	.vd-calc-entradas,
	.vd-calc-resultado {
		padding: var(--lp-esp-6);
	}

	.vd-calc-total {
		font-size: var(--lp-t-calc);
	}

	.vd-calc-btn {
		align-self: flex-start;
	}
}

/* ---------- Desktop: 1000px ou mais ---------- */

@media (min-width: 1000px) {
	.vd-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: center;
		gap: var(--lp-esp-6);
	}

	.vd-hero-cenas {
		grid-template-columns: minmax(0, 1fr);
	}

	.vd-hero-cenas .vd-cena--lista {
		width: 80%;
		margin-top: calc(var(--lp-esp-6) * -1);
		margin-left: auto;
	}

	.vd-dores-lista,
	.vd-passos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}