/*
 * 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;}

/* Primeira tela visível imediatamente: o CSS original do Elementor escondia cabeçalho, etiqueta, título,
   subtítulo, botões e dashboard (opacity 0 + blur + deslocamento) e só os mostrava após 1 s de atraso
   (animation: showFromBottom 0.5s 1s). Aqui eles já começam no estado final. As animações das demais
   seções continuam como estão. */
.elementor-6233 .elementor-element.elementor-element-1576af3,
.elementor-6233 .elementor-element.elementor-element-0607880,
.elementor-6233 .elementor-element.elementor-element-fdac737,
.elementor-6233 .elementor-element.elementor-element-3f2b97c,
.elementor-6233 .elementor-element.elementor-element-3bde8db,
.elementor-6233 .elementor-element.elementor-element-c5fa90e,
.elementor-6233 .elementor-element.elementor-element-eb7d990{opacity:1;filter:none;transform:none;animation:none;}

/* Taxas → FAQ → rodapé mais agrupados (menos espaço vazio entre as seções) */
.elementor-6233 .elementor-element.elementor-element-44a3180{--padding-bottom:20px;}
.elementor-6233 .elementor-element.elementor-element-45ef364{--padding-top:40px;--padding-bottom:70px;}
@media (max-width:767px){
	.elementor-6233 .elementor-element.elementor-element-45ef364{--padding-top:40px;--padding-bottom:60px;}
}

/* Hero: título e descrição com proporções e simetria de referência (centralizados, linhas equilibradas,
   largura máxima controlada, hierarquia clara título > descrição). Texto e cores originais preservados. */
.elementor-6233 .elementor-element.elementor-element-0607880,
.elementor-6233 .elementor-element.elementor-element-fdac737{margin-inline:auto;text-align:center;}
.elementor-6233 .elementor-element.elementor-element-0607880 .elementor-heading-title,
.elementor-6233 .elementor-element.elementor-element-fdac737,
.elementor-6233 .elementor-element.elementor-element-fdac737 p{text-wrap:balance;}
.elementor-6233 .elementor-element.elementor-element-fdac737{margin-top:6px;margin-bottom:14px;}
@media (min-width:768px){
	.elementor-6233 .elementor-element.elementor-element-0607880{--container-widget-width:min(1040px,100%);width:min(1040px,100%);max-width:min(1040px,100%);}
	.elementor-6233 .elementor-element.elementor-element-0607880 .elementor-heading-title{font-size:clamp(30px,3.4vw,48px);line-height:1.12;}
	.elementor-6233 .elementor-element.elementor-element-fdac737{--container-widget-width:min(740px,100%);width:min(740px,100%);max-width:min(740px,100%);font-size:clamp(16px,1.3vw,18px);line-height:1.55;}
}
@media (max-width:767px){
	.elementor-6233 .elementor-element.elementor-element-0607880{--container-widget-width:100%;width:100%;max-width:100%;}
	.elementor-6233 .elementor-element.elementor-element-fdac737{line-height:1.5;margin-top:0;margin-bottom:8px;}
}

/* ===== Refino mobile (<=767px): margens laterais, ritmo vertical entre seções, simetria ===== */
@media (max-width:767px){
	/* Margem lateral uniforme de 20px nas seções que estavam com 10px */
	.elementor-6233 .elementor-element.elementor-element-d1ed306,
	.elementor-6233 .elementor-element.elementor-element-45ef364,
	.elementor-6233 .elementor-element.elementor-element-44a3180,
	.elementor-6233 .elementor-element.elementor-element-e0f5d06{--padding-left:20px;--padding-right:20px;}
	/* Hero: textos com 20px de margem; botões e dashboard mantêm a largura original (botões em 1 linha) */
	.elementor-6233 .elementor-element.elementor-element-0607880,
	.elementor-6233 .elementor-element.elementor-element-fdac737{padding-inline:10px;}

	/* Cards com arte de fundo ancorada embaixo (Notificações e Escala): altura cresce com a largura,
	   para a arte nunca subir por cima do título e da descrição */
	.elementor-6233 .elementor-element.elementor-element-942788c,
	.elementor-6233 .elementor-element.elementor-element-4c6e012{--min-height:max(370px, calc(178px + (100vw - 62px) * 0.74));min-height:max(370px, calc(178px + (100vw - 62px) * 0.74));}

	/* Premiações: título centralizado como os das demais seções */
	.elementor-6233 .elementor-element.elementor-element-649a85e,
	.elementor-6233 .elementor-element.elementor-element-649a85e .elementor-heading-title{text-align:center;margin-inline:auto;}

	/* FAQ: mesmo espaçamento entre todos os itens (entre os dois blocos era maior) */
	.elementor-6233 .elementor-element.elementor-element-4d0c562{--row-gap:10px;--gap:10px 10px;row-gap:10px;}

	/* Ritmo vertical: ~110-130px entre o fim de uma seção e o início da próxima */
	.elementor-6233 .elementor-element.elementor-element-505dbe7{margin-bottom:20px;}
	.elementor-6233 .elementor-element.elementor-element-1b41a3d{margin-bottom:30px;}
	.elementor-6233 .elementor-element.elementor-element-e0f5d06{--padding-bottom:30px;}
	.elementor-6233 .elementor-element.elementor-element-d1ed306{--padding-bottom:50px;}
	.elementor-6233 .elementor-element.elementor-element-44a3180{--padding-bottom:65px;}
	.elementor-6233 .elementor-element.elementor-element-45ef364{--padding-top:40px;--padding-bottom:20px;}
	.elementor-6233 .elementor-element.elementor-element-4d0c562{--padding-bottom:10px;padding-bottom:10px;}
	.elementor-6233 .elementor-element.elementor-element-b412773{--padding-top:50px;--padding-bottom:40px;}

	/* Taxas: bloco de texto centralizado como as demais seções (antes alinhado à esquerda, margem 20|41) */
	.elementor-6233 .elementor-element.elementor-element-729b4aa{--align-items:center;align-items:center;text-align:center;}
	.elementor-6233 .elementor-element.elementor-element-f338c8f,
	.elementor-6233 .elementor-element.elementor-element-b1743c4{--container-widget-width:100%;width:100%;max-width:100%;text-align:center;}
	.elementor-6233 .elementor-element.elementor-element-f338c8f .elementor-heading-title,
	.elementor-6233 .elementor-element.elementor-element-b1743c4,
	.elementor-6233 .elementor-element.elementor-element-b1743c4 p{text-align:center;text-wrap:balance;}
	.elementor-6233 .elementor-element.elementor-element-370fd2d{--justify-content:center;justify-content:center;}

	/* Títulos e descrições: linhas equilibradas, sem palavra sozinha no fim */
	.elementor-6233 .elementor-heading-title,
	.elementor-6233 .elementor-widget-text-editor p{text-wrap:balance;}

	/* Rodapé: logotipo proporcional à tela (antes 217px) */
	.elementor-6233 .elementor-element.elementor-element-9290d97 img{width:150px;}
}

/* Telas estreitas (<=389px): os dois botões da primeira tela ficam um embaixo do outro, com a mesma largura,
   em vez de quebrar o texto em duas linhas */
@media (max-width:389px){
	.elementor-6233 .elementor-element.elementor-element-fc42b4f{--flex-direction:column;flex-direction:column;--align-items:stretch;align-items:stretch;--gap:10px;gap:10px;}
	.elementor-6233 .elementor-element.elementor-element-fc42b4f > .elementor-widget{--container-widget-width:100%;width:100%;max-width:100%;}
	.elementor-6233 .elementor-element.elementor-element-fc42b4f .elementor-button{width:100%;}
}
/* Telas estreitas: botões do cabeçalho em uma linha só (antes "Faça / login" quebrava) */
@media (max-width:389px){
	.elementor-6233 .elementor-element.elementor-element-1576af3{--padding-left:14px;--padding-right:14px;}
	.elementor-6233 .elementor-element.elementor-element-3a78eba{--container-widget-width:clamp(84px,26vw,110px);width:clamp(84px,26vw,110px);max-width:none;flex-shrink:0;}
	.elementor-6233 .elementor-element.elementor-element-172e9a5{--width:auto;width:auto;flex:0 0 auto;--gap:6px 6px;gap:6px;}
	.elementor-6233 .elementor-element.elementor-element-172e9a5 .elementor-button{white-space:nowrap;padding-left:10px;padding-right:10px;}
}