.elementor-26 .elementor-element.elementor-element-be61d28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-745ae50{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-745ae50 */.fintech{
background:#f3f6f3;
padding:60px 20px;
font-family:Inter,sans-serif;

/* PERFORMANCE SEO */
content-visibility:auto;
contain-intrinsic-size:1px 1000px;
}

.card{
max-width:1200px;
margin:auto;
background:#ffffff;
padding:35px;
border-radius:28px;
box-shadow:
0 10px 30px rgba(26,52,27,0.10),
0 30px 60px rgba(26,52,27,0.08);
border:1px solid rgba(26,52,27,0.08);
}

/* =========================
   TOPO
========================= */

.topo{
margin-bottom:30px;
}

.topo h1{
font-size:36px;
margin:0;
font-weight:800;
color:#0f2411;
line-height:1.2;
}

.sub{
margin-top:10px;
color:#4a5a4d;
font-size:16px;
line-height:1.7;
max-width:850px;
}

/* =========================
   FORMULÁRIOS
========================= */

.grupo{
margin-bottom:28px;
}

label{
display:block;
margin-bottom:12px;
font-size:14px;
font-weight:700;
color:#0f2411;
}

.categorias{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:14px;
}

.cat-btn{
background:#fff;
border:1px solid #d7e2d8;
border-radius:18px;
padding:18px;
cursor:pointer;
font-size:15px;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
transition:0.25s;
color:#0f2411;
}

.cat-btn:hover{
transform:translateY(-2px);
border-color:#2f6b3a;
background:linear-gradient(135deg,#eef5ef,#e5efe7);
box-shadow:0 10px 22px rgba(26,52,27,0.10);
color:#0f2411;
}

.cat-btn span{
font-size:20px;
}

.cat-btn.ativo{
background:linear-gradient(135deg,#1a341b,#2f6b3a);
color:#fff;
border:none;
box-shadow:0 10px 25px rgba(26,52,27,0.25);
}

/* =========================
   SLIDER
========================= */

input[type=range]{
width:100%;
appearance:none;
height:8px;
border-radius:999px;
background:#d7e2d8;
outline:none;
}

input[type=range]::-webkit-slider-thumb{
appearance:none;
width:24px;
height:24px;
border-radius:50%;
background:#1a341b;
cursor:pointer;
border:4px solid #fff;
box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

/* =========================
   VALORES DO SLIDER
========================= */

.slider-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:14px;
gap:8px;
width:100%;
overflow:hidden;
}

.slider-header span{
font-size:clamp(12px,1vw,16px);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#5a6a5c;
}

/* valor central em destaque */

#valorCredito{
font-weight:900;
font-size:clamp(18px,2vw,30px);
color:#0f2411;
text-align:center;
flex-shrink:0;
padding:0 10px;
}

/* mínimo e máximo laterais */

#minCredito,
#maxCredito{
flex:1;
font-size:clamp(11px,0.95vw,15px);
}

#minCredito{
text-align:left;
}

#maxCredito{
text-align:right;
}

/* =========================
   BOTÃO PRINCIPAL
========================= */

.cta{
width:100%;
padding:18px;
border:none;
border-radius:18px;
background:linear-gradient(135deg,#1a341b,#2f6b3a);
color:#fff;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:0.25s;
box-shadow:0 10px 25px rgba(26,52,27,0.25);
}

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

/* =========================
   AVISO ESTIMATIVA
========================= */

.aviso-estimativa{

margin-top:18px;

display:flex;
align-items:flex-start;
gap:14px;

padding:16px 18px;

background:linear-gradient(
135deg,
#f8faf8,
#eef5ef
);

border:1px solid rgba(26,52,27,.10);

border-left:4px solid #d4af37;

border-radius:18px;

box-shadow:
0 8px 20px rgba(26,52,27,.04);

}

.aviso-estimativa span{

font-size:20px;
line-height:1;
margin-top:2px;

}

.aviso-estimativa p{

margin:0;

font-size:13px;

line-height:1.7;

color:#4a5a4d;

}

.aviso-estimativa strong{

color:#0f2411;
font-weight:800;

}

/* =========================
   RESULTADO
========================= */

.resultado{
margin-top:40px;
}

.cards-planos{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:24px;
}

/* =========================
   PLANOS BASE
========================= */

.plano{
position:relative;
background:#fff;
border-radius:28px;
padding:28px;
border:1px solid #d7e2d8;
box-shadow:
0 10px 25px rgba(26,52,27,0.06);
overflow:hidden;
}

.plano.destaque{
background:linear-gradient(180deg,#1a341b,#0f2411);
color:#fff;
transform:scale(1.03);
border:none;
box-shadow:0 20px 45px rgba(26,52,27,0.35);
}

/* 🔥 ALTERADO: badge verde -> dourado premium */
.top-destaque{
position:absolute;
top:0;
right:0;
background:linear-gradient(135deg,#d4af37,#b8901f);
color:#1a1a1a;
padding:8px 12px;
font-size:11px;
font-weight:800;
border-bottom-left-radius:16px;
letter-spacing:0.3px;
}

/* =========================
   BADGE
========================= */

.badge{
display:inline-flex;
padding:10px 16px;
border-radius:999px;
background:#e8f2ea;
font-size:13px;
font-weight:700;
color:#1a341b;
margin-bottom:22px;
}

.destaque .badge{
background:rgba(255,255,255,0.12);
color:#fff;
}

/* =========================
   PARCELA
========================= */

.parcela{
font-size:42px;
font-weight:900;
line-height:1;
color:#0f2411;
margin-bottom:8px;
}

.parcela span{
font-size:16px;
font-weight:600;
margin-left:4px;
}

.destaque .parcela{
color:#fff;
}

/* =========================
   LINHAS E INFOS
========================= */

.linha{
height:1px;
background:#d7e2d8;
margin:24px 0;
}

/* 🔥 refinado: linha mais sofisticada no destaque */
.destaque .linha{
background:linear-gradient(90deg,transparent,rgba(212,175,55,0.35),transparent);
}

.infos{
display:flex;
flex-direction:column;
gap:16px;
}

.info{
display:flex;
justify-content:space-between;
gap:20px;
align-items:flex-start;
}

.info span{
font-size:13px;
color:#5a6a5c;
}

.info strong{
font-size:14px;
text-align:right;
color:#0f2411;
}

.destaque .info span{
color:rgba(255,255,255,0.75);
}

.destaque .info strong{
color:#fff;
}

/* =========================
   AVISO DE ESTIMATIVA
========================= */

.simulacao-aviso{

margin-top:28px;

width:100%;              /* ocupa largura total */

display:flex;
align-items:flex-start;
gap:18px;

padding:22px 26px;

box-sizing:border-box;

border-radius:22px;

background:linear-gradient(
135deg,
#fff9e9,
#f7f3e4
);

border:1px solid rgba(212,175,55,.35);

box-shadow:
0 10px 28px rgba(212,175,55,.10);

}

/* ícone */

.simulacao-aviso-icon{

font-size:26px;
line-height:1;

flex-shrink:0;

margin-top:2px;
}

/* texto */

.simulacao-aviso-texto{

flex:1;                  /* faz o texto ocupar tudo */

font-size:14px;

line-height:1.85;

color:#4a5a4d;

}

.simulacao-aviso-texto strong{

color:#1a341b;
font-weight:800;

}

/* DESKTOP — deixa realmente "premium" */

@media(min-width:769px){

.simulacao-aviso{

padding:26px 32px;

}

.simulacao-aviso-texto{

font-size:14.5px;

max-width:none;          /* remove limitação */

}

}

/* MOBILE — mantém como estava */

@media(max-width:768px){

.simulacao-aviso{

flex-direction:column;

gap:12px;

padding:18px;

}

}

/* =========================
   BOTÃO PLANO — HOVER VERDE (SEM ROSA)
========================= */

.btn-plano{
margin-top:28px;
width:100%;
padding:16px;
border:none;
border-radius:16px;
font-size:15px;
font-weight:700;
cursor:pointer;

background:linear-gradient(135deg,#123414,#245b30);
color:#fff;

transition:all .25s ease;

box-shadow:
0 8px 22px rgba(26,52,27,0.18);
}

.btn-plano:hover,
.btn-plano:focus,
.btn-plano:active{

transform:translateY(-2px);

background:linear-gradient(
135deg,
#1a341b,
#2f6b3a
) !important;

color:#ffffff !important;

box-shadow:
0 12px 28px rgba(26,52,27,0.28);

border:none !important;
outline:none;
}

/* CARD PREMIUM */

.destaque .btn-plano{
background:#ffffff;
color:#1a341b;
}

.destaque .btn-plano:hover,
.destaque .btn-plano:focus,
.destaque .btn-plano:active{

background:linear-gradient(
135deg,
#d4af37,
#b8901f
) !important;

color:#0f2411 !important;

transform:translateY(-2px);

box-shadow:
0 10px 28px rgba(212,175,55,0.30);
}

/* =========================
   ESTIMATIVA
========================= */

.estimativa{
background:#f4f8f4;
border:1px solid #d7e2d8;
padding:14px;
border-radius:16px;
margin-bottom:22px;
display:flex;
flex-direction:column;
gap:6px;
font-size:13px;
font-weight:600;
color:#4a5a4d;
}

.estimativa strong{
font-size:18px;
color:#0f2411;
font-weight:800;
}

.destaque-estimativa{
background:rgba(255,255,255,0.08);
border:1px solid rgba(212,175,55,0.25);
color:rgba(255,255,255,0.85);
backdrop-filter:blur(10px);
}

.destaque-estimativa strong{
color:#fff;
}

/* =========================
   PLANO GOLD / PREMIUM
========================= */

.plano-gold{
background:linear-gradient(180deg,#ffffff,#f4f8f4);
border:1px solid #c9d8ca;
}

.plano-premium{
transform:scale(1.06);
z-index:2;
}

/* =========================
   LANCE PRÓPRIO — DOURADO REFINADO
========================= */

.plano-premium .infos .info:nth-child(6){

background:linear-gradient(
135deg,
rgba(212,175,55,0.14),
rgba(184,144,31,0.07)
);

border:1px solid rgba(212,175,55,0.42);

padding:10px 14px;

border-radius:16px;

box-shadow:
0 6px 18px rgba(212,175,55,0.10);
}

/* =========================
   LANCE PRÓPRIO — MESMO TAMANHO DAS OUTRAS LINHAS
========================= */

.plano-premium .infos .info:nth-child(6) span{

color:#d4af37;

font-size:13px;          /* igual .info span */

font-weight:600;         /* reduz destaque exagerado */

letter-spacing:0;

text-transform:none;     /* remove aumento visual */
}

.plano-premium .infos .info:nth-child(6) strong{

color:#f2cf63;

font-size:14px;          /* igual .info strong */

font-weight:600;         /* igual visual das demais */
}

/* =========================
   SEO SECTIONS
========================= */

.seo-texto,
.beneficios-seo,
.faq-seo,
.seo-local{
margin-top:50px;
padding-top:35px;
border-top:1px solid #d7e2d8;
}

.seo-texto h2,
.beneficios-seo h2,
.faq-seo h2,
.seo-local h2{
font-size:28px;
font-weight:800;
color:#0f2411;
margin-bottom:18px;
}

.seo-texto p,
.faq-item p,
.seo-local p{
font-size:16px;
line-height:1.8;
color:#4a5a4d;
margin-bottom:16px;
}

.beneficios-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:16px;
margin-top:20px;
}

.beneficio-item{
background:#f4f8f4;
border:1px solid #d7e2d8;
padding:18px;
border-radius:18px;
font-size:15px;
font-weight:700;
color:#0f2411;
}

.faq-item{
margin-bottom:28px;
}

.faq-item h3{
font-size:20px;
font-weight:800;
color:#0f2411;
margin-bottom:10px;
}

/* =========================
   UTIL
========================= */

.hidden{
display:none;
}

/* =========================
   CTA CARTAS — PREMIUM CLEAN
========================= */

.cta-cartas{

margin-top:70px;

padding:38px 42px;

border-radius:34px;

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;

position:relative;

overflow:hidden;

background:
linear-gradient(
90deg,
#031108 0%,
#07190d 42%,
#0b2413 72%,
#163b1f 100%
);

box-shadow:
0 28px 60px rgba(0,0,0,.12);
}

/* GLOW ESQUERDA */

.cta-cartas::before{

content:"";

position:absolute;

left:-140px;
top:50%;

transform:translateY(-50%);

width:320px;
height:320px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(22,120,58,.26) 0%,
transparent 72%
);

pointer-events:none;
}

/* GLOW DIREITA */

.cta-cartas::after{

content:"";

position:absolute;

right:-90px;
top:50%;

transform:translateY(-50%);

width:260px;
height:260px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(230,205,113,.12) 0%,
transparent 70%
);

pointer-events:none;
}

/* TEXTO */

.cta-cartas-texto{

flex:1;

position:relative;

z-index:2;
}

.cta-cartas h2{

margin:0 0 18px;

font-size:34px;

line-height:1.10;

max-width:520px;

font-weight:800;

line-height:1.05;

color:#ffffff;

max-width:720px;
}

/* LINHA DOURADA */

.cta-cartas h2::after{

content:"";

display:block;

width:72px;
height:3px;

margin-top:24px;

border-radius:20px;

background:#e6cd71;
}

.cta-cartas p{

margin:0;

font-size:18px;

line-height:2;

color:rgba(255,255,255,.82);

max-width:760px;
}

/* BOTÃO */

.btn-cartas{

display:inline-flex;

align-items:center;
justify-content:center;

min-width:220px;

padding:18px 28px;

border-radius:18px;

text-decoration:none;

font-size:16px;

font-weight:800;

background:
linear-gradient(
135deg,
#e6cd71 0%,
#d3b15b 100%
);

color:#07190d;

box-shadow:
0 12px 30px rgba(230,205,113,.16);

transition:.25s ease;

position:relative;

z-index:2;
}

.btn-cartas:hover{

transform:translateY(-3px);

background:
linear-gradient(
135deg,
#e6cd71 0%,
#d3b15b 100%
);

color:#07190d;

box-shadow:
0 18px 42px rgba(0,0,0,.18);
}

/* RESPONSIVO */

@media(max-width:1024px){

.cta-cartas{

flex-direction:column;

align-items:flex-start;

padding:48px 40px;

gap:42px;
}

.cta-cartas h2{

font-size:42px;
}

}

@media(max-width:768px){

.cta-cartas{

padding:38px 30px;

border-radius:28px;
}

.cta-cartas h2{

font-size:32px;

line-height:1.15;
}

.cta-cartas p{

font-size:16px;

line-height:1.85;
}

.btn-cartas{

width:100%;

min-width:auto;

padding:20px 26px;

font-size:16px;
}

}

/* =========================
   RESPONSIVO
========================= */

@media(max-width:768px){

.card{
padding:24px;
}

.topo h1{
font-size:30px;
}

.cards-planos{
grid-template-columns:1fr;
}

.plano.destaque{
transform:none;
}

.plano-premium{
transform:none;
}

.parcela{
font-size:34px;
}

.seo-texto h2,
.beneficios-seo h2,
.faq-seo h2,
.seo-local h2{
font-size:24px;
}

.slider-header{
gap:6px;
}

#valorCredito{
font-size:16px;
}

#minCredito,
#maxCredito{
font-size:11px;
}

.cta-cartas{

padding:28px 24px;

flex-direction:column;

align-items:flex-start;

gap:24px;
}

.cta-cartas h2{
font-size:28px;
}

.cta-cartas p{
font-size:15px;
}

.btn-cartas{

width:100%;

text-align:center;
}
}/* End custom CSS */