/* ========================================
   VARIÁVEIS E RESET GLOBAL
======================================== */
:root {
	--brand-blue: #032137;
	--white: #ffffff;
	--gold: #FFD700;
	--red: #D70C0C;
	--green: #00810F;
	--container-max: 980px;
}

* {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
}

body {
	margin: 0;
	font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	background: var(--white); /* Página em branco por padrão */
	color: var(--brand-blue);
	/* Layout vertical contínuo: não usar flex centering na raíz para evitar áreas de scroll internas */
	display: block;
	min-height: 100vh;
}


/* ========================================
   LAYOUT PRINCIPAL
======================================== */
.blue-hero {
	background: var(--brand-blue);
	padding: 0;
	/* permitir que o conteúdo role na página normalmente (sem criar um scroll interno) */
	overflow: visible;
	width: 100%;
}

/* caso-real tem seu próprio background (branco) - sobrescreve se recebeu a classe genérica */
.caso-real-background {
	background: var(--white);
	color: var(--brand-blue);
}

/* linha dourada separadora (Figma: outline dourado) */
.gold-line {
	width: 100%;
	height: 1px;
	background: var(--gold);
	margin: 30px 0 0 0;
	box-sizing: border-box;
}

.lp-section {
	width: 100%;
	box-sizing: border-box;
}

/* REMOVER regra genérica - criar classes específicas para cada container */


/* ========================================
   HEADER / MENU (mobile-first)
   - mobile: fixed header, logo left, CTA right (colados nas bordas)
   - desktop (min-width:481px): static header, content centered, same visual size
======================================== */
.lp-header {
	position: fixed;
	top: 0 !important;
	left: 0;
	right: 0;
	z-index: 900;
	background: var(--brand-blue); /* fundo sólido azul para visibilidade */
	transform: translateZ(0); /* force GPU acceleration and prevent any movement */
	backface-visibility: hidden; /* prevent flickering */
}

/* immediate sibling spacing to avoid content hidden under fixed header on mobile */
.lp-header + .blue-hero {
	margin-top: 60px; /* Reduzido de 90px para 60px */
}

.Rectangle10 {
	width: 100%;
	max-width: none; /* full width para preencher toda a tela */
	margin: 0;
	height: 60px; /* Reduzido de 90px para 60px */
	background: var(--brand-blue);
	border-radius: 0;
	position: relative;
	display: flex;
	align-items: flex-end; /* alinhar logo e CTA no fundo (evita câmera do iPhone) */
	justify-content: space-between;
	padding: 0 15px 8px; /* Reduzido padding */
	box-sizing: border-box;
}

.Vector img {
	width: 65px; /* Reduzido de 79px */
	height: 31px; /* Reduzido de 38px */
	display: block;
}

/* Removido media query que tornava header static no desktop - header deve ser fixed sempre */

.cta-button {
	padding: 5px 10px; /* Reduzido de 15px para 10px lateralmente */
	background: white;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	
	/* Adiciona animação de pulsação */
	animation: pulseGlow 2s ease-in-out infinite;
	
	/* Evita deslocamento durante o scale */
	transform-origin: right center;
	will-change: transform	;
	backface-visibility: hidden;
}

.QueroMeuNatalPagoPeloSol {
	text-align: center;
	color: #032137;
	font-size: 10px;
	font-family: Poppins;
	font-weight: 600;
	line-height: 24px;
	white-space: nowrap;
}


/* ========================================
   HEADLINE SECTION
======================================== */
.lp-headline {
	padding: 15px 0 10px; /* Reduzido de 30px 0 20px */
}

.InstaleSeuSistemaDeEnergiaSolarAgoraEGanhe {
	width: 100%;
	max-width: none; /* remover limite para preencher a tela */
	margin: 0 auto;
	padding: 0 15px; /* Reduzido de 20px */
	text-align: center;
	box-sizing: border-box;
}

.headline-bold {
	color: rgba(255, 254.99, 254.98, 0.90);
	font-size: 20px; /* Reduzido de 24px */
	font-family: Poppins;
	font-weight: 700;
	line-height: 26px; /* Ajustado proporcionalmente */
	word-wrap: break-word;
}

.headline-space {
	color: rgba(255, 254.99, 254.98, 0.90);
	font-size: 20px; /* Reduzido de 24px */
	font-family: Poppins;
	font-weight: 400;
	line-height: 26px; /* Ajustado proporcionalmente */
	word-wrap: break-word;
}

.headline-normal {
	color: rgba(255, 254.99, 254.98, 0.90);
	font-size: 18px; /* Reduzido de 22px */
	font-family: Poppins;
	font-weight: 400;
	line-height: 26px; /* Ajustado proporcionalmente */
	word-wrap: break-word;
}

.headline-subheadline {
	width: 100%;
	max-width: none;
	margin: 15px auto 0;
	padding: 0 15px;
	text-align: center;
	box-sizing: border-box;
	color: var(--gold);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 600;
	line-height: 24px;
	word-wrap: break-word;
}


/* ========================================
   VIDEO SECTION
======================================== */
.lp-video {
	padding: 10px 0 15px; /* Reduzido de 20px 0 30px */
}

/* ========================================
   5. VIDEO SECTION
======================================== */
.VSL {
	width: 100%;
	max-width: 100%; /* Mobile: ocupa largura disponível */
	margin: 0 auto;
	padding: 0 15px; /* Reduzido de 20px */
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-wrapper {
	position: relative;
	width: 100%;
	max-width: 100%; /* LARGURA TOTAL */
	padding-top: 56.25%; /* FORÇADO 16:9 HORIZONTAL */
	margin: 0 auto;
	overflow: hidden;
	border-radius: 8px; /* Reduzido de 12px */
}

.video-wrapper iframe {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain; /* Mantém proporção, sem cortar - igual YouTube */
}


/* ========================================
   PROMO TEXT SECTION
======================================== */
.lp-promo {
	padding: 10px 0 15px; /* Reduzido de 20px 0 30px */
}

.RecebaSuaSimulaOGratuitaEVejaComoAEnergiaSolarPodeSerOMelhorPresenteDeNatalParaSuaCasaEncerramosOAnoComAMelhorCondiODaOlimpoEnergiaVLidoSAt15DeNovembroS23h59 {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0 15px; /* Reduzido de 20px */
	box-sizing: border-box;
	text-align: center;
}

.promo-text-normal {
	color: white;
	font-size: 14px; /* Reduzido de 16px */
	font-family: Poppins;
	font-weight: 400;
	line-height: 20px; /* Reduzido de 24px */
	margin-bottom: 6px; /* Reduzido de 8px */
	text-align: center;
}

.promo-text-bold {
	color: white;
	font-size: 14px; /* Reduzido de 16px */
	font-family: Poppins;
	font-weight: 700;
	line-height: 20px; /* Reduzido de 24px */
	margin-bottom: 15px; /* Reduzido de 20px */
	text-align: center;
}


/* ========================================
   CTA GOLD BUTTON
======================================== */

/* Animação de Pulsação + Brilho */
@keyframes pulseGlow {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 15px 50px 0 rgba(255, 215, 0, 0.6), 0 5px 20px 0 rgba(255, 215, 0, 0.4), inset 0 1px 0 0 #FFED4E88;
	}
	50% {
		transform: scale(1.08);
		box-shadow: 0 25px 80px 0 rgba(255, 215, 0, 0.9), 0 10px 40px 0 rgba(255, 215, 0, 0.7), inset 0 1px 0 0 #FFED4E99;
	}
}

.cta-gold {
	display: block;
	width: 100%;
	max-width: 80%;
	margin: 15px auto 0 auto;
	padding: 14px 12px;
	background: linear-gradient(180deg, #FFD700 0%, #FFC700 100%);
	box-shadow: 0 6px 24px 0 #FFD700AA, 0 2px 12px 0 #0004, inset 0 1px 0 0 #FFED4E88;
	border-radius: 10px;
	border: 2px solid #FFE55C;
	outline: none;
	cursor: pointer;
	user-select: none;
	transition: all 0.2s ease-out;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	
	/* Adiciona animação de pulsação */
	animation: pulseGlow 2s ease-in-out infinite;
}

.cta-gold-text {
	color: #032137;
	font-size: 1rem; /* Reduzido de 1.2rem */
	font-family: Poppins, Arial, sans-serif;
	font-weight: 800;
	line-height: 1.3; /* Reduzido de 1.4 */
	letter-spacing: 0.02em;
	word-break: break-word;
	text-align: center;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

.cta-gold:hover, .cta-gold:focus {
	background: linear-gradient(180deg, #e6c200 0%, #d4b000 100%);
	box-shadow: 0 10px 32px 0 #FFD700dd, 0 4px 16px 0 #0005, inset 0 1px 0 0 #FFE55C99;
	transform: translateY(-3px) scale(1.02);
	border-color: #FFD700;
}

.cta-gold:active {
	background: linear-gradient(180deg, #c9ad00 0%, #b39900 100%);
	box-shadow: 0 2px 8px #FFD700, inset 0 2px 8px rgba(0,0,0,0.2);
	transform: translateY(1px) scale(0.98);
	border-color: #c9ad00;
}


/* ========================================
   TIMER SECTION
======================================== */
.Timer {
	width: 100%;
	max-width: none;
	height: 144px;
	position: relative;
	margin: 30px auto 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Rectangle6 {
	width: 100%;
	max-width: 100%;
	height: 144px;
	position: absolute;
	background: #FFF8E0;
	border-radius: 20px;
	border: 2px #FFD700 solid;
	box-sizing: border-box;
	left: 50%;
	transform: translateX(-50%);
}

.Titulo {
	position: absolute;
	left: 50%;
	top: 15px;
	transform: translateX(-50%);
	width: 170px;
	height: 20px;
}

.OfertaTerminaEm {
	width: 100%;
	text-align: center;
	color: black;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 20px;
	letter-spacing: 0.35px;
	word-wrap: break-word;
}

.timer-cells-container {
	position: absolute;
	top: 47px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	justify-content: center;
}

.timer-cell {
	width: 59px;
	height: 57px;
	padding: 10px;
	background: #FFF0C2;
	border-radius: 5px;
	outline: 1px #FFD700 solid;
	outline-offset: -1px;
	box-sizing: border-box;
	position: relative;
}

.timer-cell-frame {
	width: 39px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 17px;
}

.timer-cell-number {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	color: black;
	font-size: 30px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 10px;
	word-wrap: break-word;
}

.timer-cell-label {
	position: absolute;
	top: 20px;
	text-align: center;
	color: #363636;
	font-size: 10px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 10px;
	word-wrap: break-word;
}

.timer-cell-label.dias { left: 8px; }
.timer-cell-label.horas { left: 5px; }
.timer-cell-label.minutos { left: -1px; }
.timer-cell-label.segundos { left: -6px; }

.Sub {
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: 229px;
	height: 24px;
}

.GarantaSeuNatalPagoPeloSol {
	width: 100%;
	text-align: center;
	color: #032137;
	font-size: 12px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
}


/* ========================================
   FOOTER DECORATIONS (TREES)
======================================== */
.lp-footer {
	padding: 40px 0 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	min-height: 130px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.trees-container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0 20px;
	box-sizing: border-box;
	z-index: 2;
	gap: 10px;
}

.tree-small {
	flex-shrink: 0;
	margin-bottom: 18px;
}

.tree-medium {
	flex-shrink: 0;
	margin-bottom: 15px;
}

.tree-large {
	flex-shrink: 0;
}

.snow-background {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: white;
	border-radius: 50% 50% 0 0 / 20% 20% 0 0;
	z-index: 1;
}


/* ========================================
   SEGUNDA LAYER - GRADIENTE
======================================== */
/* Removida - agora faz parte do fluxo contínuo */


/* ========================================
   CASO REAL SECTION
======================================== */
.lp-caso-real {
	padding: 50px 0;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFEF5 100%);
}

.caso-real-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.caso-real-background {
	width: 100%;
	position: relative;
	background: white;
	box-shadow: 0px 10px 44.835px rgba(255, 215, 0, 0.35);
	border-radius: 24px;
	border: 2.22px #FFD700 solid;
	padding: 20px;
	box-sizing: border-box;
}

.caso-real-title-container {
	width: 75%;
	position: relative;
	border-radius: 10px;
	border: 1.11px #FFD700 solid;
	background: #FFF9E5;
	padding: 12px 16px;
	box-sizing: border-box;
	margin: 0 auto 20px auto;
}

.caso-real-title-text {
	text-align: center;
	color: #032137;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 1.4;
	word-wrap: break-word;
}

.caso-real-pricing {
	text-align: center;
	margin-bottom: 20px;
	max-width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.pricing-normal {
	color: black;
	font-size: 28px;
	font-family: Poppins;
	font-weight: 500;
	line-height: 36px;
	word-wrap: break-word;
}

.pricing-old {
	color: #D70C0C;
	font-size: 28px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	word-wrap: break-word;
}

.pricing-new {
	color: #00810F;
	font-size: 28px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	word-wrap: break-word;
}

.caso-real-description {
	width: 100%;
	text-align: center;
	color: rgba(3, 33, 55, 0.80);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	margin: 0 auto 20px auto;
}

.benefits-list {
	width: 100%;
	max-width: 100%;
	margin: 0 auto 20px auto;
}

.benefit-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 16px;
}

.benefit-icon-circle {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
}

.benefit-icon-circle img {
	width: 20px;
	height: 20px;
	display: block;
	object-fit: contain;
}

.benefit-icon-arrow {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* Sem background, sem shadow, sem border-radius */
}

.benefit-icon-arrow img {
	width: 20px;
	height: 20px;
}

.benefit-text-container {
	flex: 1;
}

.benefit-title {
	color: #032137;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 4px;
}

.benefit-description {
	color: rgba(3, 33, 55, 0.60);
	font-size: 14px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 20px;
}

/* ========================================
   PROOF SECTION (Comprovação Real)
======================================== */
.proof-section {
	width: 100%;
	margin-top: 30px;
}

.proof-header {
	text-align: center;
	margin-bottom: 24px;
}

.proof-title {
	color: #032137;
	font-size: 18px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 27px;
	margin-bottom: 4px;
}

.proof-subtitle {
	color: rgba(3, 33, 55, 0.70);
	font-size: 14px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 21px;
}

/* Bill Comparison Container */
.bill-comparison {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-bottom: 30px;
}

/* Bill Cards */
.bill-card {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.bill-badge {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 15px;
	border-radius: 5px;
	font-size: 14px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 21px;
	color: white;
	z-index: 10;
}

.badge-before {
	background: #780000;
	outline: 1px #FF0000 solid;
	outline-offset: -1px;
}

.badge-after {
	background: #007C13;
	outline: 1px #00FF26 solid;
	outline-offset: -1px;
}

.bill-image-wrapper {
	width: 100%;
	padding: 1.11px;
	background: white;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 8px;
}

.bill-before .bill-image-wrapper {
	outline: 1.11px rgba(139, 0, 0, 0.30) solid;
	outline-offset: -1.11px;
}

.bill-after .bill-image-wrapper {
	outline: 1.11px rgba(0, 129, 15, 0.30) solid;
	outline-offset: -1.11px;
}

.bill-image-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

.bill-footer {
	padding: 8px 12px;
	border-radius: 10px;
}

.footer-before {
	background: rgba(139, 0, 0, 0.10);
}

.footer-after {
	background: rgba(0, 129, 15, 0.10);
}

.bill-price {
	text-align: center;
	font-size: 20px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 4px;
}

.price-old {
	color: #D70C0C;
}

.price-new {
	color: #00810F;
}

.bill-date {
	text-align: center;
	color: rgba(3, 33, 55, 0.60);
	font-size: 12px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 18px;
}

/* VS Icon Circle */
.vs-icon-circle {
	position: relative;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	background: #FFD700;
	box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
}

.vs-icon-inner {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

/* Removido o ::before que criava o quadrado ao redor do VS */

/* Savings Box */
.savings-box {
	width: 100%;
	padding: 16px;
	background: #FFD700;
	box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10);
	border-radius: 14px;
	margin-bottom: 24px;
	text-align: center;
}

.savings-title {
	color: #032137;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 4px;
}

.savings-amount {
	color: #032137;
	font-size: 28px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 42px;
	margin-bottom: 4px;
}

.savings-subtitle {
	color: rgba(3, 33, 55, 0.80);
	font-size: 13px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 19.5px;
}

/* CTA Final Button */
.cta-final {
	width: 100%;
	padding: 10px 20px; /* Mais fino ainda */
	background: #032137;
	border-radius: 5px;
	outline: 2px #006CBC solid;
	outline-offset: -2px;
	border: none;
	cursor: pointer;
	
	/* Adiciona animação de pulsação */
	animation: pulseGlow 2s ease-in-out infinite;
	
	display: flex;
	justify-content: space-between; /* Emojis nas laterais */
	align-items: center;
	gap: 12px;
	transition: all 0.2s ease-out;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.cta-final:hover {
	background: #04396b;
	outline-color: #0088ff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 108, 188, 0.3);
}

.cta-final:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(0, 108, 188, 0.2);
}

.cta-final-text {
	color: white;
	font-size: 14px; /* Fonte menor */
	font-family: Poppins;
	font-weight: 500;
	line-height: 18px; /* Altura menor */
	text-align: center;
	flex: 1;
}

/* Emojis visíveis e nas laterais */
.cta-emoji {
	display: block;
	color: white;
	font-size: 16px; /* Menor que antes */
	flex-shrink: 0;
}

/* ========================================
   11. COMO FUNCIONA SECTION
======================================== */

.lp-como-funciona {
	width: 100%;
	max-width: none;
	padding: 40px 20px;
	background: linear-gradient(180deg, rgba(255, 215, 0, 0.04) 0%, rgba(255, 255, 255, 0.85) 100%);
	box-sizing: border-box;
}

.como-funciona-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Header */
.como-funciona-header {
	text-align: center;
	margin-bottom: 40px;
}

.como-funciona-title {
	color: #032137;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	margin: 0 0 16px 0;
}

.como-funciona-subtitle {
	color: rgba(3, 33, 55, 0.70);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 auto;
	max-width: 390px;
}

/* Timeline Container */
.timeline-container {
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
}

/* Linha vertical dourada */
.timeline-line {
	position: absolute;
	left: 32px;
	top: 0;
	width: 4px;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 215, 0, 0.30) 0%, #FFD700 50%, rgba(255, 215, 0, 0.30) 100%);
	z-index: 1;
}

/* Timeline Step */
.timeline-step {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 40px;
	z-index: 2;
}

.timeline-step:last-child {
	margin-bottom: 0;
}

/* Ícone circular dourado */
.timeline-icon {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	background: #FFD700;
	box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10);
	border-radius: 50%;
	outline: 3.32px white solid;
	outline-offset: -3.32px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
	position: relative;
}

.timeline-icon img {
	width: 28px;
	height: 28px;
}

/* Card de conteúdo */
.timeline-card {
	flex: 1;
	background: white;
	border-radius: 16px;
	outline: 1.11px rgba(255, 215, 0, 0.30) solid;
	outline-offset: -1.11px;
	padding: 25px;
	margin-left: 20px;
	box-sizing: border-box;
}

.timeline-card-title {
	color: #032137;
	font-size: 18px;
	font-family: Poppins;
	font-weight: 500;
	line-height: 27px;
	margin: 0 0 12px 0;
}

.timeline-card-text {
	color: rgba(3, 33, 55, 0.70);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}

/* ========================================
   12. ENTENDA MELHOR (VÍDEOS) SECTION
======================================== */

.lp-videos {
	width: 100%;
	max-width: none;
	padding: 50px 20px;
	background: white;
	box-sizing: border-box;
}

.videos-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Title */
.videos-title {
	color: #032137;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	margin: 0 auto 40px auto;
	max-width: 320px;
}

/* Videos Grid */
.videos-grid {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
}

/* Video Card */
.video-card {
	width: 100%;
	background: rgba(255, 255, 255, 0);
	box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.10);
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

/* Video Wrapper for PandaVideo iframe */
.video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* Aspect ratio 9:16 (vertical video) */
	overflow: hidden;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* Video Caption */
.video-caption {
	color: #032137;
	font-size: 12px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 15px;
	text-align: center;
	padding: 12px 20px;
	margin: 0;
}

/* ========================================
   13. PODE CONFIAR SECTION
======================================== */

.lp-pode-confiar {
	width: 100%;
	max-width: none;
	padding: 50px 20px;
	background: #032137;
	box-sizing: border-box;
	overflow: hidden;
}

.pode-confiar-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Header */
.pode-confiar-header {
	text-align: center;
	margin-bottom: 40px;
}

.pode-confiar-title {
	margin: 0 0 20px 0;
}

.title-white {
	color: white;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	display: block;
}

.title-gold {
	color: #FFD700;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	display: block;
}

.pode-confiar-subtitle {
	color: rgba(255, 255, 255, 0.80);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 auto;
	max-width: 383px;
}

/* Benefits List */
.benefits-list-confiar {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 40px;
}

/* Benefit Card */
.benefit-card-confiar {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	outline: 1.11px rgba(255, 215, 0, 0.20) solid;
	outline-offset: -1.11px;
	padding: 24px;
	display: flex;
	gap: 16px;
	box-sizing: border-box;
}

/* Benefit Icon */
.benefit-icon-confiar {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	background: #FFD700;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.benefit-icon-confiar img {
	width: 24px;
	height: 24px;
}

/* Benefit Content */
.benefit-content-confiar {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.benefit-title-confiar {
	color: white;
	font-size: 18px;
	font-family: Poppins;
	font-weight: 500;
	line-height: 27px;
	margin: 0;
}

.benefit-text-confiar {
	color: rgba(255, 255, 255, 0.70);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}

/* Featured Card */
.featured-card-confiar {
	position: relative;
	width: 100%;
	background: rgba(255, 255, 255, 0);
	box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
	border-radius: 24px;
	outline: 3.32px #FFD700 solid;
	outline-offset: -3.32px;
	overflow: hidden;
	margin-bottom: 40px;
}

.featured-image {
	width: 100%;
	height: 500px;
	object-fit: cover;
	display: block;
}

.featured-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #032137 9%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
}

.featured-content {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
}

.featured-number {
	color: #FFD700;
	font-size: 50px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 27px;
	margin: 0 0 10px 0;
}

.featured-text {
	color: rgba(255, 255, 255, 0.90);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}

/* CTA Button */
.cta-confiar {
	width: 100%;
	max-width: none;
	padding: 12px 20px; /* Reduzido verticalmente */
	background: #FFD700;
	border-radius: 5px;
	outline: 2px #FFF2AD solid;
	outline-offset: -2px;
	border: none;
	cursor: pointer;
	
	/* Adiciona animação de pulsação */
	animation: pulseGlow 2s ease-in-out infinite;
	
	display: flex;
	justify-content: space-between; /* Emojis nas laterais */
	align-items: center;
	gap: 12px;
	transition: all 0.2s ease-out;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	box-sizing: border-box;
}

.cta-confiar:hover {
	background: #FFED4E;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4);
}

.cta-confiar:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(255, 215, 0, 0.3);
}

.cta-confiar-text {
	color: #032137;
	font-size: 14px; /* Reduzido */
	font-family: Poppins;
	font-weight: 500;
	line-height: 20px; /* Reduzido */
	text-align: center;
	flex: 1;
	white-space: nowrap; /* Mantém em uma linha */
	overflow: hidden;
	text-overflow: ellipsis;
}

.cta-emoji-confiar {
	color: #032137;
	font-size: 16px;
	font-weight: 800;
	flex-shrink: 0;
}

/* ========================================
   14. O QUE OS CLIENTES DIZEM SECTION
======================================== */

.lp-testimonials {
	width: 100%;
	max-width: none;
	padding: 50px 20px;
	background: linear-gradient(180deg, white 0%, rgba(255, 215, 0, 0.10) 100%);
	box-sizing: border-box;
}

.testimonials-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Header */
.testimonials-header {
	text-align: center;
	margin-bottom: 40px;
}

.testimonials-title {
	margin: 0 0 20px 0;
	line-height: 36px;
}

.title-regular {
	color: #032137;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 500;
	line-height: 36px;
}

.title-bold-gold {
	color: #FFD700;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
}

.testimonials-subtitle {
	color: rgba(3, 33, 55, 0.70);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 auto;
	max-width: 274px;
}

/* Testimonials List */
.testimonials-list {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-bottom: 40px;
}

/* Testimonial Card */
.testimonial-card {
	background: white;
	border-radius: 16px;
	outline: 1.11px rgba(255, 215, 0, 0.30) solid;
	outline-offset: -1.11px;
	padding: 33px;
	box-sizing: border-box;
	position: relative;
}

/* Testimonial Header */
.testimonial-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}

/* Stars Rating */
.stars-rating {
	display: flex;
	gap: 4px;
	align-items: center;
}

.stars-rating img {
	width: 20px;
	height: 20px;
}

/* Quote Icon */
.quote-icon {
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.quote-icon img {
	width: 32px;
	height: 32px;
	opacity: 0.3;
}

/* Testimonial Text */
.testimonial-text {
	color: rgba(3, 33, 55, 0.80);
	font-size: 16px;
	font-family: Poppins;
	font-style: italic;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 24px 0;
}

/* Testimonial Author */
.testimonial-author {
	padding-top: 17px;
	border-top: 1.11px rgba(255, 215, 0, 0.20) solid;
}

.author-name {
	color: #032137;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 500;
	line-height: 24px;
	margin: 0 0 4px 0;
}

.author-location {
	color: rgba(3, 33, 55, 0.60);
	font-size: 14px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
}

/* Google Rating Badge */
.google-rating-badge {
	width: 100%;
	max-width: none;
	height: 74px;
	background: rgba(255, 215, 0, 0.20);
	border-radius: 9999px;
	outline: 1.11px #FFD700 solid;
	outline-offset: -1.11px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 0 20px;
	box-sizing: border-box;
}

.badge-star {
	width: 19px;
	height: 19px;
	flex-shrink: 0;
}

.badge-content {
	text-align: center;
}

.badge-text {
	color: #032137;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 600;
	line-height: 24px;
	margin: 0;
}

/* ========================================
   15. POR QUE ESCOLHER ENERGIA SOLAR SECTION
======================================== */

.lp-why-choose {
	width: 100%;
	max-width: none;
	padding: 50px 20px;
	background: linear-gradient(180deg, rgba(255, 215, 0, 0.10) 0%, white 100%);
	box-sizing: border-box;
	overflow: hidden;
}

.why-choose-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Header */
.why-choose-header {
	text-align: center;
	margin-bottom: 40px;
}

.why-choose-title {
	margin: 0 0 16px 0;
}

.title-dark {
	color: #032137;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 30px;
	display: block;
}

.why-choose-subtitle {
	color: rgba(3, 33, 55, 0.70);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 auto;
	max-width: 279px;
}

/* Benefits Grid */
.benefits-grid {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-bottom: 60px;
}

/* Benefit Box */
.benefit-box {
	background: white;
	border-radius: 16px;
	outline: 1.11px rgba(255, 215, 0, 0.30) solid;
	outline-offset: -1.11px;
	padding: 33px;
	text-align: center;
	box-sizing: border-box;
}

/* Benefit Icon Box */
.benefit-icon-box {
	width: 64px;
	height: 64px;
	margin: 0 auto 24px auto;
	background: linear-gradient(135deg, #FFD700 0%, rgba(255, 215, 0, 0.70) 100%);
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.benefit-icon-box img {
	width: 32px;
	height: 32px;
}

/* Benefit Box Content */
.benefit-box-title {
	color: #032137;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 12px 0;
}

.benefit-box-text {
	color: rgba(3, 33, 55, 0.70);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}

/* CTA Box Solar */
.cta-box-solar {
	position: relative;
	width: 100%;
	background: linear-gradient(180deg, #032137 0%, #043251 100%);
	border-radius: 24px;
	padding: 48px 33px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}

/* Stars Background Effect */
.cta-box-stars {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

/* Decorative stars - usando pseudo-elementos para criar efeito */
.cta-box-stars::before,
.cta-box-stars::after {
	content: '';
	position: absolute;
	background: #FFD700;
	border-radius: 50%;
	opacity: 0.3;
}

.cta-box-stars::before {
	width: 4px;
	height: 4px;
	top: 20%;
	left: 10%;
	box-shadow: 
		80px 60px 0 1px rgba(255, 215, 0, 0.4),
		200px 30px 0 2px rgba(255, 215, 0, 0.6),
		150px 150px 0 1px rgba(255, 215, 0, 0.3),
		280px 100px 0 3px rgba(255, 215, 0, 0.5);
}

.cta-box-stars::after {
	width: 3px;
	height: 3px;
	bottom: 25%;
	right: 15%;
	box-shadow: 
		-100px 40px 0 1px rgba(255, 215, 0, 0.35),
		-180px -20px 0 2px rgba(255, 215, 0, 0.45),
		-50px -80px 0 1px rgba(255, 215, 0, 0.25);
}

/* CTA Box Content */
.cta-box-content {
	position: relative;
	z-index: 2;
}

.cta-box-question {
	color: white;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 16px 0;
}

.cta-box-description {
	color: rgba(255, 255, 255, 0.80);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 32px 0;
	max-width: 295px;
	margin-left: auto;
	margin-right: auto;
}

/* CTA Box Buttons */
.cta-box-buttons {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
}

/* Primary CTA Button (Golden) */
.cta-primary-solar {
	width: 100%;
	padding: 16px 32px;
	background: linear-gradient(180deg, #FFD700 0%, #FFA500 50%, #FFD700 100%);
	box-shadow: 0px 0px 32px rgba(255, 215, 0, 0.74);
	border-radius: 9999px;
	border: none;
	cursor: pointer;
	
	/* Adiciona animação de pulsação */
	animation: pulseGlow 2s ease-in-out infinite;
	
	color: #032137;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	transition: all 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	overflow: hidden;
}

.cta-primary-solar::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
	animation: shimmer 3s infinite;
}

@keyframes shimmer {
	0% { left: -100%; }
	100% { left: 200%; }
}

.cta-primary-solar:hover {
	transform: translateY(-2px);
	box-shadow: 0px 0px 40px rgba(255, 215, 0, 0.9);
}

.cta-primary-solar:active {
	transform: translateY(0);
}

/* Secondary CTA Button (Outline Golden) */
.cta-secondary-solar {
	width: 100%;
	padding: 16px 32px;
	background: rgba(255, 255, 255, 0);
	box-shadow: 0px 0px 20px rgba(255, 215, 0, 0.40);
	border-radius: 9999px;
	outline: 2.22px #FFD700 solid;
	outline-offset: -2.22px;
	border: none;
	cursor: pointer;
	
	/* Adiciona animação de pulsação */
	animation: pulseGlow 2s ease-in-out infinite;
	
	color: #FFD700;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	transition: all 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	overflow: hidden;
}

.cta-secondary-solar:hover {
	background: rgba(255, 215, 0, 0.1);
	transform: translateY(-2px);
	box-shadow: 0px 0px 30px rgba(255, 215, 0, 0.6);
}

.cta-secondary-solar:active {
	transform: translateY(0);
}

/* CTA Box Benefits */
.cta-box-benefits {
	color: rgba(255, 255, 255, 0.60);
	font-size: 14px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	max-width: 265px;
	margin-left: auto;
	margin-right: auto;
}


/* ========================================
   16. DÚVIDAS SECTION
======================================== */

.lp-duvidas {
	width: 100%;
	max-width: none;
	padding: 50px 20px;
	background: white;
	box-sizing: border-box;
}

.duvidas-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Header */
.duvidas-header {
	text-align: center;
	margin-bottom: 48px;
}

.duvidas-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

.title-dark-question {
	color: #032137;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	display: block;
}

.title-gold-question {
	color: #FFD700;
	font-size: 24px;
	font-family: Poppins;
	font-weight: 700;
	line-height: 36px;
	display: block;
}

/* FAQ List */
.faq-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 48px;
}

/* FAQ Item */
.faq-item {
	width: 100%;
	background: white;
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.10);
	border-radius: 14px;
	border: 1.11px solid rgba(3, 33, 55, 0.10);
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.faq-item:hover {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
	border-color: rgba(255, 215, 0, 0.30);
}

/* FAQ Question */
.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 25px;
	cursor: pointer;
	user-select: none;
}

.faq-question-text {
	color: #032137;
	font-size: 14px;
	font-family: Poppins;
	font-weight: 500;
	line-height: 20px;
	flex: 1;
}

.faq-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	opacity: 0.6;
}

.faq-item:hover .faq-icon {
	opacity: 1;
}

/* FAQ Answer (Accordion) */
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding: 0 25px;
}

.faq-item.active .faq-answer {
	max-height: 200px;
	padding: 0 25px 16px 25px;
}

.faq-answer-text {
	color: rgba(3, 33, 55, 0.70);
	font-size: 14px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 20px;
	margin: 12px 0 0 0;
}

.faq-item.active .faq-icon {
	transform: rotate(180deg);
}

/* FAQ Footer */
.duvidas-footer {
	text-align: center;
}

.duvidas-footer-text {
	color: rgba(3, 33, 55, 0.60);
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 24px 0;
	max-width: 298px;
	margin-left: auto;
	margin-right: auto;
}

/* CTA Especialista Button */
.cta-especialista {
	width: 100%;
	max-width: 245px;
	padding: 16px 32px;
	background: #032137;
	box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10);
	border-radius: 9999px;
	border: none;
	cursor: pointer;
	
	/* Adiciona animação de pulsação */
	animation: pulseGlow 2s ease-in-out infinite;
	color: white;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	transition: all 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	margin: 0 auto;
	display: block;
}

.cta-especialista:hover {
	background: #043251;
	transform: translateY(-2px);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

.cta-especialista:active {
	transform: translateY(0);
}


/* ========================================
   17. RODAPÉ FINAL
======================================== */

.lp-footer-final {
	width: 100%;
	max-width: none;
	background: #032137;
	padding: 60px 20px 40px 20px;
	box-sizing: border-box;
}

.footer-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	box-sizing: border-box;
}

/* Footer Logo */
.footer-logo {
	width: 180px;
	height: auto;
	min-height: 85px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	box-sizing: border-box;
}

.footer-logo-img {
	width: 100%;
	height: auto;
	max-width: 150px;
	object-fit: contain;
}

/* Footer Instagram */
.footer-instagram {
	display: flex;
	justify-content: center;
	align-items: center;
}

.instagram-link {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	text-decoration: none;
}

.instagram-link:hover {
	transform: translateY(-2px);
}

.instagram-link svg {
	width: 24px;
	height: 24px;
}

/* Footer Contacts */
.footer-contacts {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
}

.footer-contacts-title {
	color: white;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 8px 0;
}

.footer-contact-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.contact-icon {
	width: 17px;
	height: 17px;
	flex-shrink: 0;
}

.contact-text {
	color: white;
	font-size: 16px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 24px;
}

/* Footer Legal */
.footer-legal {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-legal-text {
	color: rgba(255, 255, 255, 0.60);
	font-size: 14px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
}


/* ========================================
   CORREÇÃO VÍDEO VERTICAL (9:16)
======================================== */
.video-wrapper-vertical {
	padding-top: 120.78%; /* Proporção 9:16 (vídeo vertical) */
}


/* ========================================
   RESPONSIVIDADE
======================================== */
@media (min-width: 481px) {
	/* Header desktop - FIXO */
	.lp-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: var(--brand-blue);
		padding: 16px 0;
		z-index: 900;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	}

	.lp-header + .blue-hero {
		margin-top: 80px; /* Compensa altura do header fixo */
	}

	.Rectangle10 {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 25px;
		border-radius: 8px;
		height: 80px;
		align-items: center; /* desktop: centralizar verticalmente */
	}

	/* Sections desktop - padronizar largura */
	.lp-headline {
		padding: 40px 0 30px;
	}

	.InstaleSeuSistemaDeEnergiaSolarAgoraEGanhe {
		max-width: none;
	}

	.headline-subheadline {
		font-size: 18px;
		line-height: 28px;
		margin: 20px auto 0;
	}

	.lp-video {
		padding: 30px 0;
	}

	.VSL {
		max-width: 450px; /* Desktop: vídeo vertical compacto */
		margin: 0 auto;
	}

	.video-wrapper {
		max-width: 100%; /* Desktop: largura total */
		padding-top: 56.25%; /* FORÇADO 16:9 HORIZONTAL */
	}

	.lp-promo {
		padding: 30px 0;
	}

	.RecebaSuaSimulaOGratuitaEVejaComoAEnergiaSolarPodeSerOMelhorPresenteDeNatalParaSuaCasaEncerramosOAnoComAMelhorCondiODaOlimpoEnergiaVLidoSAt15DeNovembroS23h59 {
		max-width: none;
	}

	.Timer {
		max-width: none;
	}

	.lp-footer {
		padding: 50px 0 0;
	}

	.trees-container {
		max-width: 500px;
		padding: 0 40px;
	}

	.lp-caso-real {
		padding: 60px 0;
	}

	.caso-real-container {
		max-width: none;
	}

	/* Benefits list - centralizar no desktop */
	.benefits-list {
		max-width: 450px;
		margin: 0 auto 20px auto;
	}

	/* Proof section desktop */
	.proof-section {
		max-width: 500px;
		margin: 30px auto 0 auto;
	}

	.bill-comparison {
		gap: 50px;
	}

	.savings-box {
		max-width: 400px;
		margin: 0 auto 24px auto;
	}

	.cta-final {
		max-width: 400px;
		margin: 0 auto;
		padding: 8px 20px; /* Ainda mais fino no desktop */
	}

	.cta-final-text {
		font-size: 15px; /* Ligeiramente maior no desktop */
	}

	.cta-emoji {
		font-size: 18px; /* Emojis um pouco maiores no desktop */
	}

	/* CTA button desktop */
	.cta-gold {
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 0;
		font-size: 1.15rem;
	}

	.cta-gold-text {
		font-size: 1.15rem;
		line-height: 1.5;
	}

	/* Como Funciona desktop */
	.lp-como-funciona {
		padding: 60px 20px;
	}

	.como-funciona-container {
		max-width: 500px;
		margin: 0 auto;
	}

	.como-funciona-title {
		font-size: 28px;
		line-height: 40px;
	}

	.timeline-container {
		padding: 30px 0;
	}

	.timeline-step {
		margin-bottom: 50px;
	}

	.timeline-icon {
		width: 70px;
		height: 70px;
	}

	.timeline-icon img {
		width: 32px;
		height: 32px;
	}

	.timeline-card {
		padding: 28px;
	}

	.timeline-card-title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 14px;
	}

	.timeline-card-text {
		font-size: 16px;
		line-height: 24px;
	}

	/* Entenda Melhor (Vídeos) desktop */
	.lp-videos {
		padding: 60px 20px;
	}

	.videos-container {
		max-width: 500px;
		margin: 0 auto;
	}

	.videos-title {
		font-size: 26px;
		line-height: 38px;
		max-width: 400px;
		margin-bottom: 50px;
	}

	.videos-grid {
		gap: 35px;
	}

	.video-caption {
		font-size: 13px;
		line-height: 16px;
		padding: 14px 20px;
	}

	/* Pode Confiar desktop */
	.lp-pode-confiar {
		padding: 70px 20px;
	}

	.pode-confiar-container {
		max-width: 600px;
		margin: 0 auto;
	}

	.pode-confiar-header {
		margin-bottom: 50px;
	}

	.title-white,
	.title-gold {
		font-size: 28px;
		line-height: 40px;
	}

	.benefits-list-confiar {
		gap: 28px;
		margin-bottom: 50px;
	}

	.benefit-card-confiar {
		padding: 28px;
	}

	.benefit-icon-confiar {
		width: 52px;
		height: 52px;
	}

	.benefit-icon-confiar img {
		width: 26px;
		height: 26px;
	}

	.featured-card-confiar {
		margin-bottom: 50px;
	}

	.cta-confiar {
		max-width: 500px; /* Aumentado para desktop para não quebrar linha */
		margin: 0 auto;
		padding: 10px 20px; /* Ainda mais fino no desktop */
	}

	.cta-confiar-text {
		font-size: 15px; /* Ligeiramente maior no desktop */
		line-height: 22px;
	}

	.cta-emoji-confiar {
		font-size: 18px; /* Emojis maiores no desktop */
	}

	/* O Que Os Clientes Dizem desktop */
	.lp-testimonials {
		padding: 70px 20px;
	}

	.testimonials-container {
		max-width: 600px;
		margin: 0 auto;
	}

	.testimonials-header {
		margin-bottom: 50px;
	}

	.title-regular,
	.title-bold-gold {
		font-size: 28px;
		line-height: 40px;
	}

	.testimonials-subtitle {
		font-size: 17px;
		max-width: 350px;
	}

	.testimonials-list {
		gap: 36px;
		margin-bottom: 50px;
	}

	.testimonial-card {
		padding: 36px;
	}

	.google-rating-badge {
		max-width: 450px;
		margin: 0 auto;
	}

	.badge-text {
		font-size: 17px;
		line-height: 26px;
	}

	/* 15. POR QUE ESCOLHER - DESKTOP */
	.lp-why-choose {
		padding: 80px 20px;
	}

	.why-choose-header {
		margin-bottom: 60px;
	}

	.title-dark {
		font-size: 32px;
		line-height: 42px;
	}

	.why-choose-subtitle {
		font-size: 17px;
		line-height: 26px;
		max-width: 400px;
	}

	.benefits-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		margin-bottom: 80px;
	}

	.benefit-box {
		padding: 40px;
	}

	.benefit-icon-box {
		width: 80px;
		height: 80px;
		margin-bottom: 28px;
	}

	.benefit-icon-box img {
		width: 40px;
		height: 40px;
	}

	.benefit-box-title {
		font-size: 17px;
		line-height: 26px;
		margin-bottom: 16px;
	}

	.benefit-box-text {
		font-size: 17px;
		line-height: 26px;
	}

	.cta-box-solar {
		max-width: 600px;
		margin: 0 auto;
		padding: 60px 50px;
	}

	.cta-box-question {
		font-size: 17px;
		line-height: 26px;
	}

	.cta-box-description {
		font-size: 17px;
		line-height: 26px;
		max-width: 450px;
		margin-bottom: 40px;
	}

	.cta-box-buttons {
		flex-direction: row;
		gap: 20px;
		margin-bottom: 32px;
	}

	.cta-primary-solar,
	.cta-secondary-solar {
		flex: 1;
		max-width: 250px;
	}

	.cta-box-benefits {
		font-size: 15px;
		line-height: 22px;
		max-width: 400px;
	}

	/* 16. DÚVIDAS - DESKTOP */
	.lp-duvidas {
		padding: 80px 20px;
	}

	.duvidas-header {
		margin-bottom: 60px;
	}

	.title-dark-question,
	.title-gold-question {
		font-size: 32px;
		line-height: 42px;
	}

	.faq-list {
		max-width: 600px;
		margin: 0 auto 60px auto;
		gap: 20px;
	}

	.faq-item {
		border-radius: 16px;
	}

	.faq-question {
		padding: 20px 30px;
	}

	.faq-question-text {
		font-size: 16px;
		line-height: 24px;
	}

	.faq-icon {
		width: 18px;
		height: 18px;
	}

	.duvidas-footer-text {
		font-size: 17px;
		line-height: 26px;
		max-width: 400px;
		margin-bottom: 32px;
	}

	.cta-especialista {
		max-width: 280px;
		padding: 18px 40px;
		font-size: 17px;
		line-height: 26px;
	}

	/* 17. RODAPÉ FINAL - DESKTOP */
	.lp-footer-final {
		padding: 80px 20px 50px 20px;
	}

	.footer-container {
		max-width: 800px;
		margin: 0 auto;
	}

	.footer-logo {
		width: 220px;
		min-height: 100px;
		padding: 20px;
	}

	.footer-logo-img {
		max-width: 180px;
	}

	.instagram-link svg {
		width: 28px;
		height: 28px;
	}

	.footer-contacts {
		align-items: flex-start;
		gap: 20px;
	}

	.footer-contacts-title {
		font-size: 17px;
		line-height: 26px;
	}

	.contact-icon {
		width: 20px;
		height: 20px;
	}

	.contact-text {
		font-size: 17px;
		line-height: 26px;
	}

	.footer-legal {
		padding-top: 30px;
		gap: 6px;
	}

	.footer-legal-text {
		font-size: 15px;
		line-height: 22px;
	}
}

/* ========================================
   DELAYED CONTENT - LAZY LOAD 60 SEGUNDOS
======================================== */
.delayed-content-hidden {
	display: none;
	opacity: 0;
}

.delayed-content-visible {
	display: block;
	opacity: 0;
	animation: fadeInDelayedContent 0.8s ease-in forwards;
}

@keyframes fadeInDelayedContent {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}