/* ==========================================================================
   VESER — Páginas de produto (Fase II)
   Carregado apenas em páginas com _veser_page_type = produto (e no editor).
   Somente complementos ao Design System; cores via variáveis de veser.css.
   ========================================================================== */

/* Âncoras (#conversa, #coberturas) param abaixo do header fixo */
.veser-product [id] { scroll-margin-top: calc(var(--veser-header-offset) + 96px); }
@media (prefers-reduced-motion: no-preference) {
	html:has(.veser-product) { scroll-behavior: smooth; }
}

/* Eyebrow — identifica produto e seções; caixa alta só visual */
.veser-eyebrow .elementor-heading-title {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 600;
}

/* Hero de produto */
.veser-product-hero__title .elementor-heading-title { max-width: 14em; }
/* Linha de leitura do texto do hero (~65–70 caracteres no desktop) */
.veser-product-hero .veser-hero__content .veser-lead,
.veser-product-hero .veser-hero__content .veser-prose { max-width: 34rem; }

/* 03 — Coberturas: grade editorial com fio Petrol Blue (não são cards) */
.veser-feature .elementor-widget-text-editor p,
.veser-factor .elementor-widget-text-editor p,
.veser-situation .elementor-widget-text-editor p { margin: 0; }
.veser-note {
	border-left: 2px solid var(--veser-petrol);
	padding-left: 20px;
}
.veser-note p { margin: 0; }

/* 05 — Critérios em lista de definição */
.veser-def-list { border-bottom: 1px solid var(--veser-mist); }
.veser-def-row p { margin: 0; }
.veser-pullquote {
	max-width: 30em;
	border-left: 2px solid var(--veser-petrol);
	padding-left: 28px;
}
.veser-pullquote p { margin: 0; }
@media (max-width: 767px) {
	.veser-pullquote { padding-left: 20px; }
}

/* 09 — Destaques */
.veser-highlight p { margin: 0; }
.veser-highlight strong { font-weight: 600; }
.veser-highlight-grid > :last-child .elementor-widget-text-editor { color: var(--veser-petrol) !important; }

/* Formulário */
.veser-form-hint p,
.veser-form-privacy p { margin: 0; }
.veser-form-privacy a { color: var(--veser-petrol); text-decoration: underline; text-underline-offset: .25em; }
.veser-form .elementor-field-required .elementor-field-label::after { color: var(--veser-slate); }
.veser-form .elementor-button {
	min-height: 52px;
	border-radius: 4px;
	transition: background-color .25s var(--veser-ease);
}
.veser-form .elementor-message { font-size: 15px; margin-top: 12px; }
.veser-form .elementor-message-success { color: var(--veser-deep-petrol); font-weight: 600; }

/* FAQ — accordion nativo do Elementor */
.veser-faq .elementor-accordion-item {
	border-left: 0 !important;
	border-right: 0 !important;
}
.veser-faq .elementor-accordion-item + .elementor-accordion-item { border-top-width: 0; }
.veser-faq .elementor-tab-title { cursor: pointer; }
.veser-faq .elementor-tab-title:focus-visible { outline: 2px solid var(--veser-deep-petrol); outline-offset: 2px; }
.veser-faq .elementor-tab-content p { margin: 0 0 .75em; }
.veser-faq .elementor-tab-content p:last-child { margin-bottom: 0; }

/* Assinatura editorial no fechamento */
.veser-signature p { margin: 0; }

/* ==========================================================================
   Seguro Vida (Fase III) — complementos mínimos, mesmas variáveis do sistema
   ========================================================================== */
/* Etapa com dois parágrafos (05 — Acompanhamos) */
.veser-step__text p + p { margin-top: .5em; }

/* Frases de destaque em escala de título, marcadas como parágrafo */
.veser-statement-xl p,
.veser-quote-xl p { margin: 0; }
.veser-quote-xl {
	border-left: 2px solid var(--veser-petrol);
	padding-left: 28px;
}
@media (max-width: 767px) {
	.veser-quote-xl { padding-left: 20px; }
}

/* Lista de perguntas (Antes da cotação…) */
.veser-question-list { border-bottom: 1px solid var(--veser-slate); }
.veser-question p { margin: 0; }

/* Hero editorial de Vida: texto em duas colunas + fotografia panorâmica */
.veser-media--wide img { aspect-ratio: 16 / 9; }
@media (max-width: 767px) {
	.veser-media--wide img { aspect-ratio: 4 / 3; }
}
.veser-product-hero--editorial .veser-hero__aside .veser-prose p,
.veser-product-hero--editorial .veser-hero__aside .veser-lead p { max-width: 34rem; }

/* Coluna editorial estreita (Você não precisa chegar sabendo…) */
.veser-narrow { max-width: 760px; }

/* Orientação de dados sensíveis no formulário */
.veser-form-sensitive p { margin: 0; }
.veser-microcopy em { font-style: italic; }

/* ==========================================================================
   Seguro Vida — Rodada 03 (polimento). Escopo restrito às classes de Vida.
   ========================================================================== */
/* Hero: eyebrow → título → frase principal → complemento → ações; foto separada do texto */
.veser-product-hero--editorial .veser-media--wide { margin-top: 40px; }
.veser-product-hero--editorial .veser-hero__complement p:first-child { color: var(--veser-graphite); }

/* Territórios de proteção: títulos como pontos de entrada para leitura rápida */
.veser-need .elementor-heading-title { font-weight: 600; }

@media (max-width: 767px) {
	.veser-product-hero--editorial .veser-media--wide { margin-top: 24px; }
	.veser-product--vida .veser-hero__aside { padding-top: 8px; }
	.veser-product--vida .veser-product-hero__title .elementor-heading-title { line-height: 1.12; }
	/* Título longo da seção de territórios: escala levemente menor para respirar */
	.veser-product--vida .veser-life-needs .veser-measure-title .elementor-heading-title {
		font-size: 29px;
		line-height: 1.15;
	}
}

/* Plano de Saúde Empresarial — respiro entre as duas linhas da microcopy do hero (ajuste técnico mínimo) */
.veser-pse-first-talk p + p { margin-top: .5em; }