/*
 * LovePag — correções responsivas (camada adicional, carregada por último).
 *
 * Causa raiz dos problemas entre 768px e ~1160px:
 *  1) O export do Elementor tinha um bloco de regras "tablet" (max-width:1024px) com títulos
 *     de 35px centralizados que não cabiam nas colunas. Esse bloco foi restrito a <=767px em
 *     post-6233.css (no celular ele continua valendo exatamente como antes).
 *  2) O layout de desktop usa larguras percentuais do container (1140px), mas fontes fixas em px.
 *     Quando o container encolhe, o texto não acompanha e fica espremido / vaza.
 *     Abaixo, os textos grandes escalam na mesma proporção do container
 *     (tamanho_desktop * largura_disponível / 1140), com piso mínimo de legibilidade.
 *     A partir de ~1177px o resultado é idêntico ao tamanho original do desktop.
 *  3) A animação de entrada ".direita" (translateX(30px) antes de aparecer) empurrava elementos
 *     para fora da tela e criava rolagem horizontal. As seções passam a recortar apenas o
 *     eixo X (overflow-x: clip — não cria barra de rolagem nem afeta o eixo vertical).
 */

/* (3) Sem rolagem horizontal causada pelas animações de entrada — todas as larguras */
.elementor-6233 > .e-con.e-parent:not(.elementor-element-d3691df){overflow-x:clip;}

@media (min-width:768px){
	/* (2) Títulos grandes: escala proporcional ao container */
	.elementor-6233 .elementor-element.elementor-element-0607880 .elementor-heading-title{font-size:clamp(30px, calc((100vw - 37px) * 0.04386), 50px);line-height:1.1000;}
	.elementor-6233 .elementor-element.elementor-element-24a1394 .elementor-heading-title{font-size:clamp(28px, calc((100vw - 37px) * 0.04035), 46px);line-height:1.1739;}
	.elementor-6233 .elementor-element.elementor-element-294206b .elementor-heading-title{font-size:clamp(28px, calc((100vw - 37px) * 0.04035), 46px);line-height:1.1739;}
	.elementor-6233 .elementor-element.elementor-element-26d10de .elementor-heading-title{font-size:clamp(28px, calc((100vw - 37px) * 0.03860), 44px);line-height:1.1818;}
	.elementor-6233 .elementor-element.elementor-element-649a85e .elementor-heading-title{font-size:clamp(28px, calc((100vw - 37px) * 0.03947), 45px);line-height:1.1111;}
	.elementor-6233 .elementor-element.elementor-element-f338c8f .elementor-heading-title{font-size:clamp(28px, calc((100vw - 37px) * 0.03860), 44px);line-height:1.1818;}
	.elementor-6233 .elementor-element.elementor-element-50546d2 .elementor-heading-title{font-size:clamp(30px, calc((100vw - 37px) * 0.04386), 50px);line-height:1.1000;}
	.elementor-6233 .elementor-element.elementor-element-9a75ed2 .elementor-heading-title{font-size:clamp(64px, calc((100vw - 37px) * 0.10614), 121px);line-height:1.1000;}
	.elementor-6233 .elementor-element.elementor-element-25599df .elementor-heading-title{font-size:clamp(34px, calc((100vw - 37px) * 0.05175), 59px);line-height:0.8475;}
	.elementor-6233 .elementor-element.elementor-element-4c6c4fd .elementor-heading-title{font-size:clamp(34px, calc((100vw - 37px) * 0.05175), 59px);line-height:0.8475;}
	.elementor-6233 .elementor-element.elementor-element-b4e535a .elementor-heading-title{font-size:clamp(34px, calc((100vw - 37px) * 0.05175), 59px);line-height:0.8475;}
	/* (2) Textos de apoio: escala proporcional com piso de legibilidade */
	.elementor-6233 .elementor-element.elementor-element-fdac737{font-size:clamp(17px, calc((100vw - 37px) * 0.02018), 23px);}
	.elementor-6233 .elementor-element.elementor-element-1238491{font-size:clamp(17px, calc((100vw - 37px) * 0.02105), 24px);}
	.elementor-6233 .elementor-element.elementor-element-b1743c4{font-size:clamp(16px, calc((100vw - 37px) * 0.01842), 21px);}
	.elementor-6233 .elementor-element.elementor-element-5add476{font-size:clamp(18px, calc((100vw - 37px) * 0.02368), 27px);}
	.elementor-6233 .elementor-element.elementor-element-fa757f7{font-size:clamp(16px, calc((100vw - 37px) * 0.01754), 20px);}
	.elementor-6233 .elementor-element.elementor-element-87d2ca1{font-size:clamp(16px, calc((100vw - 37px) * 0.01754), 20px);}
	.elementor-6233 .elementor-element.elementor-element-5288f42{font-size:clamp(16px, calc((100vw - 37px) * 0.01754), 20px);}
	.elementor-6233 .elementor-element.elementor-element-f567f73{font-size:clamp(16px, calc((100vw - 37px) * 0.01754), 20px);}
	.elementor-6233 .elementor-element.elementor-element-8e2231c{font-size:clamp(16px, calc((100vw - 37px) * 0.01754), 20px);}
	.elementor-6233 .elementor-element.elementor-element-0bf1eef{font-size:clamp(16px, calc((100vw - 37px) * 0.01754), 20px);}
}

/* Faixa intermediária (768px–1159px): o container fica mais estreito que os 1140px do desktop */
@media (min-width:768px) and (max-width:1159px){
	/* Cards de funcionalidades: título com 2 linhas usava altura de linha fixa de 37px (vão grande) */
	.elementor-6233 .elementor-element.elementor-element-3b7e34a .elementor-heading-title,
	.elementor-6233 .elementor-element.elementor-element-c411583 .elementor-heading-title,
	.elementor-6233 .elementor-element.elementor-element-ea0a70b .elementor-heading-title,
	.elementor-6233 .elementor-element.elementor-element-3f00094 .elementor-heading-title,
	.elementor-6233 .elementor-element.elementor-element-3925238 .elementor-heading-title,
	.elementor-6233 .elementor-element.elementor-element-38e3cfb .elementor-heading-title{line-height:1.25;}
	/* Cards de funcionalidades: descrições usam a largura toda do card em vez de % estreitos */
	.elementor-6233 .elementor-element.elementor-element-2fae78b,
	.elementor-6233 .elementor-element.elementor-element-6b914eb,
	.elementor-6233 .elementor-element.elementor-element-1dfcfa0,
	.elementor-6233 .elementor-element.elementor-element-c9f07c8,
	.elementor-6233 .elementor-element.elementor-element-8e9c37b,
	.elementor-6233 .elementor-element.elementor-element-59a74b1{--container-widget-width:100%;width:100%;max-width:100%;}
	/* Cabeçalho: botões não quebram o texto em várias linhas */
	.elementor-6233 .elementor-element.elementor-element-172e9a5{--width:auto;flex-shrink:0;}
	.elementor-6233 .elementor-element.elementor-element-172e9a5 .elementor-button{white-space:nowrap;}
}

/* 768px–879px: não há espaço para logo + menu + 2 botões numa linha (o menu quebrava em 2 linhas).
   Segue o mesmo padrão do celular: os 3 links-âncora saem e ficam logo + botões de acesso. */
@media (min-width:768px) and (max-width:879px){
	.elementor-6233 .elementor-element.elementor-element-0317d31{display:none;}
	.elementor-6233 .elementor-element.elementor-element-3a78eba{--container-widget-width:150px;width:150px;max-width:150px;}
}

/* Celular (<=767px): slides de premiação com imagem acima e selo, título e descrição centralizados */
@media (max-width:767px){
	.elementor-6233 .elementor-element.elementor-element-aa35887,
	.elementor-6233 .elementor-element.elementor-element-ae60d4b,
	.elementor-6233 .elementor-element.elementor-element-25f3d37{--align-items:center;align-items:center;text-align:center;}
	.elementor-6233 .elementor-element.elementor-element-b3758f5,
	.elementor-6233 .elementor-element.elementor-element-532ae63,
	.elementor-6233 .elementor-element.elementor-element-19d101e,
	.elementor-6233 .elementor-element.elementor-element-25599df,
	.elementor-6233 .elementor-element.elementor-element-4c6c4fd,
	.elementor-6233 .elementor-element.elementor-element-b4e535a,
	.elementor-6233 .elementor-element.elementor-element-fa757f7,
	.elementor-6233 .elementor-element.elementor-element-87d2ca1,
	.elementor-6233 .elementor-element.elementor-element-5288f42,
	.elementor-6233 .elementor-element.elementor-element-f567f73,
	.elementor-6233 .elementor-element.elementor-element-8e2231c,
	.elementor-6233 .elementor-element.elementor-element-0bf1eef{text-align:center;align-self:center;}
}

/* Rodapé: após remover a linha de crédito, o copyright (agora uma linha só) fica centralizado
   verticalmente em relação aos ícones sociais, como o bloco de duas linhas ficava antes. */
.elementor-6233 .elementor-element.elementor-element-2128317{--justify-content:center;justify-content:center;}

/* Âncoras do menu e do rodapé: folga abaixo do menu fixo ao rolar até a seção (não altera o layout) */
#premiacoes,#funcionalidades,#taxas,#faq{scroll-margin-top:24px;}
@media (max-width:767px){#premiacoes,#funcionalidades,#taxas,#faq{scroll-margin-top:40px;}}

/* FAQ: e-mail de contato nas respostas segue a cor do texto, sublinhado para indicar o link */
.elementor-6233 .e-n-accordion a[href^="mailto:"]{color:inherit;text-decoration:underline;text-underline-offset:2px;}

/* Celular: o bloco do coração 3D (seção de suporte) tinha largura 0 até a imagem carregar (lazy),
   e a página "crescia" ~400px durante a rolagem, desviando os links de âncora. Reserva o espaço
   desde o início; o tamanho final é o mesmo de antes. */
@media (max-width:767px){
	.elementor-6233 .elementor-element.elementor-element-ed180b4{width:100%;}
}

/* Carregamento tardio dos fundos dos 5 cards de funcionalidades (abaixo da primeira tela).
   Só vale quando o script do <head> marcou a página com .lp-lazy-bg; sem JavaScript, os fundos carregam
   normalmente. Cada card recebe .lp-bg-on ao chegar a 800px da tela (e todos, 3 s após o load). */
html.lp-lazy-bg .elementor-6233 .elementor-element.elementor-element-ba616b5:not(.lp-bg-on)::before,
html.lp-lazy-bg .elementor-6233 .elementor-element.elementor-element-58c6831:not(.lp-bg-on)::before,
html.lp-lazy-bg .elementor-6233 .elementor-element.elementor-element-942788c:not(.lp-bg-on)::before,
html.lp-lazy-bg .elementor-6233 .elementor-element.elementor-element-6650bc7:not(.lp-bg-on)::before,
html.lp-lazy-bg .elementor-6233 .elementor-element.elementor-element-4c6e012:not(.lp-bg-on)::before{background-image:none!important;}