.elementor-11 .elementor-element.elementor-element-692c04d{--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-11 .elementor-element.elementor-element-692c04d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-cb5116a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-692c04d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-cb5116a *//* ========================================= */
/* RESET BASE */
/* ========================================= */

body{
font-family:'Inter',sans-serif;
background:#f5f5f5;
margin:0;
padding:0;
color:#1f2d1f;

/* SEO + PERFORMANCE */
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

/* ========================================= */
/* CONTAINER */
/* ========================================= */

.cartas{
padding:70px 0;
}

.container-cartas{
max-width:1250px;
margin:auto;
padding:0 20px;
position:relative;
z-index:2;
}

/* ========================================= */
/* HERO */
/* ========================================= */

.hero-cartas{
position:relative;
padding:90px 0 70px;
margin-bottom:50px;
overflow:hidden;
background:
linear-gradient(145deg,#ffffff 0%, #f7faf8 55%, #eef4f0 100%);
border:1px solid rgba(15,24,15,0.06);
border-radius:36px;
box-shadow:
0 10px 40px rgba(15,24,15,0.06),
0 2px 10px rgba(15,24,15,0.04);

display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}

.hero-cartas::before{
display:none;
}

.hero-cartas::after{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:380px;
height:380px;
background:radial-gradient(circle, rgba(22,34,22,0.08) 0%, transparent 70%);
pointer-events:none;
}

.hero-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 22px;
border-radius:999px;
background:rgba(255,255,255,0.85);
border:1px solid rgba(15,24,15,0.08);
color:#b9933f;
font-size:13px;
font-weight:700;
margin-bottom:32px;
backdrop-filter:blur(14px);
box-shadow:
0 4px 18px rgba(15,24,15,0.05),
inset 0 1px 0 rgba(255,255,255,0.8);
position:relative;
z-index:2;
}

.hero-titulo{
font-size:72px;
line-height:1.02;
font-weight:900;
letter-spacing:-4px;
max-width:920px;
margin:0 0 28px;
color:#0f180f;
position:relative;
z-index:2;
text-align:center;

/* SEO UX */
text-wrap:balance;
}

.hero-subtitulo{
max-width:820px;
font-size:22px;
line-height:1.8;
color:#314631;
margin-bottom:38px;
font-weight:500;
position:relative;
z-index:2;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.hero-beneficios{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:42px;
position:relative;
z-index:2;
justify-content:center;
}

.beneficio{
padding:15px 20px;
background:rgba(255,255,255,0.72);
border:1px solid rgba(15,24,15,0.08);
border-radius:18px;
font-size:14px;
font-weight:600;
color:#203120;
backdrop-filter:blur(16px);
box-shadow:
0 8px 22px rgba(15,24,15,0.05),
inset 0 1px 0 rgba(255,255,255,0.9);
transition:all 0.25s ease;
}

.beneficio:hover{
transform:translateY(-2px);
box-shadow:
0 14px 28px rgba(15,24,15,0.08),
inset 0 1px 0 rgba(255,255,255,0.95);
}

.hero-numeros{
display:flex;
gap:22px;
flex-wrap:wrap;
position:relative;
z-index:2;
justify-content:center;
width:100%;
}

.numero-card{
background:
linear-gradient(145deg,#101810 0%, #182318 100%);
border:1px solid rgba(200,169,106,0.16);
padding:30px;
border-radius:28px;
min-width:240px;
backdrop-filter:blur(18px);
box-shadow:
0 18px 40px rgba(15,24,15,0.18),
inset 0 1px 0 rgba(255,255,255,0.03);
position:relative;
overflow:hidden;
transition:all 0.28s ease;
}

.numero-card::before{
content:"";
position:absolute;
top:-60px;
right:-60px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(200,169,106,0.10), transparent 70%);
pointer-events:none;
}

.numero-card:hover{
transform:translateY(-4px);
box-shadow:
0 24px 50px rgba(15,24,15,0.22),
inset 0 1px 0 rgba(255,255,255,0.04);
}

.numero-card strong{
display:block;
font-size:42px;
font-weight:800;
color:#f7e1af;
margin-bottom:12px;
letter-spacing:-1.5px;
position:relative;
z-index:2;
}

.numero-card span{
font-size:14px;
color:#d4dae5;
position:relative;
z-index:2;
}

/* ========================================= */
/* SEO TEXTOS - ESTILO FINTECH */
/* ========================================= */

.texto-seo-topo,
.texto-seo-final{
position:relative;
max-width:1180px;
margin:0 auto 70px;
padding:55px 60px;
border-radius:34px;
overflow:hidden;

background:
linear-gradient(145deg,#07110d 0%, #0f1b14 45%, #13231a 100%);

border:1px solid rgba(255,255,255,0.06);

box-shadow:
0 20px 60px rgba(0,0,0,0.18),
0 6px 18px rgba(0,0,0,0.08);
}

/* EFEITO GLOW */

.texto-seo-topo::before,
.texto-seo-final::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:320px;
height:320px;
background:
radial-gradient(circle,
rgba(200,169,106,0.16) 0%,
transparent 72%);
pointer-events:none;
}

.texto-seo-topo::after,
.texto-seo-final::after{
content:"";
position:absolute;
bottom:-140px;
left:-120px;
width:280px;
height:280px;
background:
radial-gradient(circle,
rgba(52,211,153,0.10) 0%,
transparent 74%);
pointer-events:none;
}

/* TÍTULO */

.texto-seo-topo h2,
.texto-seo-final h2{
position:relative;
z-index:2;

font-size:52px;
line-height:1.08;
font-weight:900;
letter-spacing:-2.5px;

margin:0 0 28px;

text-align:center;

background:
linear-gradient(135deg,#ffffff 0%, #f3e0b3 100%);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

text-wrap:balance;
}

/* LINHA DECORATIVA */

.texto-seo-topo h2::after,
.texto-seo-final h2::after{
content:"";
display:block;
width:120px;
height:4px;
margin:22px auto 0;

border-radius:999px;

background:
linear-gradient(90deg,#c8a96a,#f0d9a5);
}

/* TEXTO */

.texto-seo-topo p,
.texto-seo-final p{
color:#dddb97 !important;
font-size:17px;
line-height:1.9;
margin:0 0 18px;
text-align:center;
}

/* PALAVRAS EM DESTAQUE */

.texto-seo-topo strong,
.texto-seo-final strong{
color:rgba(255,255,255,0.92);
font-weight:700;
}

/* EFEITO HOVER */

.texto-seo-topo:hover,
.texto-seo-final:hover{
transform:translateY(-2px);

box-shadow:
0 28px 70px rgba(0,0,0,0.22),
0 10px 22px rgba(0,0,0,0.12);

transition:all 0.35s ease;
}

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

@media(max-width:768px){

.texto-seo-topo,
.texto-seo-final{
padding:38px 24px;
border-radius:26px;
margin-bottom:50px;
}

.texto-seo-topo h2,
.texto-seo-final h2{
font-size:34px;
line-height:1.12;
letter-spacing:-1.5px;
}

.texto-seo-topo h2::after,
.texto-seo-final h2::after{
width:90px;
margin-top:18px;
}

.texto-seo-topo p,
.texto-seo-final p{
font-size:15px;
line-height:1.9;
text-align:left;
}

}

.texto-seo-topo p,
.texto-seo-final p{
font-size:17px;
line-height:1.9;
color:#314631;
margin:0 0 18px;
text-align:center;
}

/* ========================================= */
/* TÍTULO */
/* ========================================= */

.titulo{
text-align:center;
margin-bottom:40px;
font-size:44px;
line-height:1.2;
font-weight:700;
letter-spacing:-1px;
background:linear-gradient(135deg,#3a442e,#c8a96a);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* ========================================= */
/* SEGMENTOS / O QUE PODE ADQUIRIR */
/* ========================================= */

.segmentos-box{

margin:0 0 38px;

padding:38px;

border-radius:28px;

background:
linear-gradient(145deg,#07110d 0%, #0f1b14 45%, #13231a 100%);

border:1px solid rgba(255,255,255,0.06);

box-shadow:
0 20px 55px rgba(0,0,0,0.18),
0 6px 18px rgba(0,0,0,0.08);

position:relative;

overflow:hidden;
}

.segmentos-box::before{

content:"";

position:absolute;

top:-120px;
right:-120px;

width:320px;
height:320px;

background:
radial-gradient(circle,
rgba(200,169,106,0.14) 0%,
transparent 72%);

pointer-events:none;
}

.segmentos-topo{

text-align:center;

margin-bottom:34px;

position:relative;
z-index:2;
}

.segmentos-badge{

display:inline-flex;

padding:10px 18px;

border-radius:999px;

background:rgba(200,169,106,0.10);

border:1px solid rgba(200,169,106,0.18);

color:#f0d9a5;

font-size:11px;

font-weight:700;

letter-spacing:.6px;

text-transform:uppercase;

margin-bottom:18px;
}

.segmentos-topo h3{

margin:0 0 14px;

font-size:42px;

line-height:1.08;

font-weight:800;

letter-spacing:-2px;

background:
linear-gradient(135deg,#ffffff 0%, #f3e0b3 100%);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.segmentos-topo p{

margin:0;

font-size:16px;

line-height:1.9;

color:#c9d4cd;
}

.segmentos-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:18px;

position:relative;
z-index:2;
}

.segmento-card{

background:
linear-gradient(180deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.02));

border:1px solid rgba(255,255,255,0.08);

border-radius:24px;

padding:26px;

transition:.28s;

backdrop-filter:blur(14px);
}

.segmento-card:hover{

transform:translateY(-5px);

border-color:rgba(200,169,106,0.25);

box-shadow:
0 18px 40px rgba(0,0,0,0.30);
}

.segmento-icone{

font-size:34px;

margin-bottom:18px;
}

.segmento-card h4{

margin:0 0 14px;

font-size:24px;

font-weight:700;

color:#ffffff;

letter-spacing:-1px;
}

.segmento-card p{

margin:0;

font-size:14px;

line-height:1.9;

color:#bfc9c3;
}

.segmento-card.destaque{

border:1px solid rgba(200,169,106,0.22);

background:
linear-gradient(145deg,
rgba(200,169,106,0.10),
rgba(255,255,255,0.04));
}

/* RESPONSIVO */

@media(max-width:1200px){

.segmentos-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.segmentos-box{

padding:28px 22px;

border-radius:24px;
}

.segmentos-topo h3{

font-size:30px;

line-height:1.15;

letter-spacing:-1.5px;
}

.segmentos-topo p{

font-size:15px;
}

.segmentos-grid{

grid-template-columns:1fr;
}

.segmento-card{

padding:22px;
}

.segmento-card h4{

font-size:22px;
}

}

/* ========================================= */
/* EXPLICATIVO JUNÇÃO */
/* ========================================= */

.segmentos-juncao{

margin-top:34px;

padding:28px;

border-radius:24px;

display:flex;

align-items:flex-start;

gap:22px;

position:relative;

z-index:2;

background:
linear-gradient(
145deg,
rgba(200,169,106,0.10),
rgba(255,255,255,0.03)
);

border:1px solid rgba(200,169,106,0.18);

box-shadow:
0 12px 34px rgba(0,0,0,0.18);
}

.juncao-info-icone{

flex-shrink:0;

width:70px;
height:70px;

border-radius:20px;

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

font-size:32px;

background:
linear-gradient(135deg,#c8a96a,#f0d9a5);

color:#111;

box-shadow:
0 10px 22px rgba(200,169,106,0.24);
}

.juncao-info-textos{

flex:1;
}

.juncao-info-textos h4{

margin:0 0 14px;

font-size:28px;

font-weight:800;

letter-spacing:-1px;

color:#ffffff;
}

.juncao-info-textos p{

margin:0 0 14px;

font-size:15px;

line-height:1.9;

color:#c9d4cd;
}

.juncao-info-textos p:last-child{
margin-bottom:0;
}

.juncao-info-textos strong{

color:#f3e0b3;

font-weight:700;
}

/* RESPONSIVO */

@media(max-width:768px){

.segmentos-juncao{

flex-direction:column;

padding:24px;

gap:18px;
}

.juncao-info-icone{

width:58px;
height:58px;

font-size:26px;

border-radius:18px;
}

.juncao-info-textos h4{

font-size:24px;

line-height:1.15;
}

.juncao-info-textos p{

font-size:14px;

line-height:1.85;
}

}

/* ========================================= */
/* FILTROS */
/* ========================================= */

.filtros{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-bottom:30px;
background:#171e0e;
padding:16px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
}

.filtros select{
padding:12px 14px;
border-radius:10px;
border:1px solid rgba(255,255,255,0.08);
background:#171e0e;
color:#fff;
font-size:14px;
min-width:180px;
outline:none;
transition:0.2s;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.filtros select:hover,
.filtros select:focus{
border-color:#c8a96a;
}

/* BOTÃO LIMPAR */

#limparFiltros{
background:linear-gradient(135deg,#c8a96a,#e6c98f);
color:#1a1d24;
border:none;
padding:12px 20px;
border-radius:10px;
cursor:pointer;
font-weight:700;
transition:0.2s;
}

#limparFiltros:hover{
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(200,169,106,0.3);
}

/* ========================================= */
/* TABELA */
/* ========================================= */

.tabela-cartas{
background:rgba(255,255,255,0.03);
border-radius:16px;
padding:10px;
backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,0.05);
}

.header-tabela{
display:grid;
grid-template-columns:60px 1fr 1fr 1.2fr 1.2fr 1fr 1.2fr 1fr 1fr 1fr;
padding:14px;
font-size:12px;
text-transform:uppercase;
letter-spacing:1.2px;
text-align:center;
color:#171e0e;
font-weight:700;
opacity:1;
}

.linha{
display:grid;
grid-template-columns:60px 1fr 1fr 1.2fr 1.2fr 1fr 1.2fr 1fr 1fr 1fr;
align-items:center;
text-align:center;
padding:16px;
margin-bottom:10px;
border-radius:12px;
background:#171e0e;
border:1px solid rgba(255,255,255,0.05);
transition:0.25s;
position:relative;
backdrop-filter:blur(6px);
color:#ffffff;
}

.linha div{
color:#ffffff;
}

.linha div:nth-child(2),
.linha div:nth-child(3),
.linha div:nth-child(4),
.linha div:nth-child(5),
.linha div:nth-child(6),
.linha div:nth-child(7),
.linha div:nth-child(8){
font-weight:600;
color:#ffffff;
opacity:1;
}

.linha div:nth-child(8){
opacity:0.85;
}

.linha div:nth-child(6){
opacity:0.9;
}

.linha div:nth-child(1),
.linha div:nth-child(9),
.linha div:nth-child(10){
opacity:0.85;
font-weight:500;
}

.linha:hover{
transform:translateY(-3px) scale(1.01);
box-shadow:0 10px 30px rgba(0,0,0,0.4);
border:1px solid rgba(200,169,106,0.25);
}

/* ========================================= */
/* STATUS */
/* ========================================= */

.status{
background:linear-gradient(135deg,#00c853,#69f0ae);
color:#052e16;
padding:6px 12px;
border-radius:20px;
font-size:11px;
font-weight:700;
}

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

.btn-contratar{
background:linear-gradient(135deg,#c8a96a,#f0d9a5);
border:none;
padding:10px 16px;
border-radius:10px;
cursor:pointer;
font-size:12px;
font-weight:700;
color:#1a1d24;
transition:all 0.25s ease;
position:relative;
overflow:hidden;
}

.btn-contratar:hover{
transform:translateY(-3px) scale(1.03);
box-shadow:0 10px 30px rgba(200,169,106,0.35);
}

.btn-contratar:active{
transform:scale(0.97);
box-shadow:0 4px 12px rgba(0,0,0,0.3);
}

.btn-contratar::after{
content:"";
position:absolute;
top:0;
left:-75%;
width:50%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);
transform:skewX(-20deg);
transition:0.6s;
}

.btn-contratar:hover::after{
left:130%;
}

/* ========================================= */
/* CHECKBOX */
/* ========================================= */

.check{
width:18px;
height:18px;
accent-color:#c8a96a;
cursor:pointer;
}

/* ========================================= */
/* BOX JUNÇÃO */
/* ========================================= */

.box-juncao{
background:#171e0e;
border:1px solid rgba(200,169,106,0.25);
color:#fff;
padding:28px;
border-radius:18px;
margin-bottom:30px;
box-shadow:0 15px 40px rgba(0,0,0,0.5);
position:relative;
overflow:hidden;
}

.box-juncao::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:radial-gradient(circle at top right, rgba(200,169,106,0.15), transparent);
}

.badge{
background:linear-gradient(135deg,#c8a96a,#f0d9a5);
color:#000;
padding:6px 14px;
border-radius:30px;
font-size:11px;
font-weight:700;
}

.juncao-tags{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:12px;
}

.tag{
padding:8px 14px;
border-radius:999px;
font-size:12px;
font-weight:600;
letter-spacing:0.4px;
display:inline-flex;
align-items:center;
gap:6px;
position:relative;
overflow:hidden;
transition:0.25s;
animation:fadeTag 0.4s ease;
}

.tag.categoria,
.tag.admin{
background:linear-gradient(135deg,#c8a96a,#f0d9a5);
color:#1a1d24;
box-shadow:0 4px 14px rgba(200,169,106,0.25);
border:none;
}

.tag:hover{
transform:translateY(-1px);
box-shadow:0 6px 18px rgba(0,0,0,0.25);
}

.juncao-topo h3{
margin:16px 0 8px;
font-size:28px;
}

.juncao-valores{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:20px;
}

.card-info{
flex:1;
min-width:200px;
background:#171e0e;
padding:18px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.06);
transition:0.2s;
}

.card-info:hover{
transform:translateY(-2px);
border-color:#c8a96a;
}

.card-info span{
display:block;
font-size:12px;
opacity:0.6;
margin-bottom:6px;
color:#cfcfcf;
}

.card-info strong{
font-size:22px;
color:#ffffff;
}

.juncao-cta{
margin-top:25px;
}

/* ========================================= */
/* COMPATIBILIDADE */
/* ========================================= */

.compativel{
border:1px solid rgba(0,255,150,0.3);
background:linear-gradient(145deg,#13201a,#0f1814);
}

.incompativel{
opacity:0.25;
filter:grayscale(1);
pointer-events:none;
}

/* ========================================= */
/* COMO FUNCIONA */
/* ========================================= */

.estrutura-section{
margin-top:45px;
padding:0 12px;
}

.estrutura-container{
display:flex;
flex-direction:column;
gap:22px;
max-width:1280px;
margin:0 auto;
}

/* ========================================= */
/* BLOCO FINTECH UNIFICADO */
/* ========================================= */

.bloco-fintech{
position:relative;
overflow:hidden;

background:
linear-gradient(145deg,#07110d 0%, #0d1712 45%, #13231a 100%);

border:1px solid rgba(255,255,255,0.06);

border-radius:34px;

padding:58px;

box-shadow:
0 24px 70px rgba(0,0,0,0.22),
0 8px 20px rgba(0,0,0,0.10);

margin-bottom:40px;
}

/* GLOW */

.bloco-fintech::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:360px;
height:360px;

background:
radial-gradient(circle,
rgba(200,169,106,0.16) 0%,
transparent 72%);

pointer-events:none;
}

.bloco-fintech::after{
content:"";
position:absolute;
bottom:-140px;
left:-120px;
width:280px;
height:280px;

background:
radial-gradient(circle,
rgba(52,211,153,0.10) 0%,
transparent 74%);

pointer-events:none;
}

/* ========================================= */
/* HEADER */
/* ========================================= */

.bloco-topo{
position:relative;
z-index:2;
}

.bloco-header{
max-width:900px;
margin-bottom:42px;
}

.bloco-badge{
display:inline-flex;
align-items:center;
padding:10px 18px;
border-radius:999px;

background:
rgba(200,169,106,0.10);

border:
1px solid rgba(200,169,106,0.18);

font-size:11px;
font-weight:700;
letter-spacing:0.6px;
text-transform:uppercase;

color:#f0d9a5;

margin-bottom:24px;
}

.bloco-fintech h2{
font-size:54px;
line-height:1.06;
font-weight:900;
letter-spacing:-2.8px;

margin:0 0 22px;

background:
linear-gradient(135deg,#ffffff 0%, #f3e0b3 100%);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

text-wrap:balance;
}

.bloco-subtitulo{
font-size:18px;
line-height:1.9;
color:#c9d4cd;
max-width:860px;
margin:0;
}

/* ========================================= */
/* GRID */
/* ========================================= */

.como-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
position:relative;
z-index:2;
}

/* ========================================= */
/* CARDS */
/* ========================================= */

.como-item{
background:
linear-gradient(180deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.02));

border:1px solid rgba(255,255,255,0.08);

border-radius:28px;

padding:30px;

transition:all 0.28s ease;

position:relative;

overflow:hidden;

min-height:240px;

backdrop-filter:blur(14px);

box-shadow:
inset 0 1px 0 rgba(255,255,255,0.04);
}

.como-item::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;

background:
linear-gradient(to right,
transparent,
rgba(240,217,165,0.4),
transparent);
}

.como-item::after{
content:"";
position:absolute;
top:-60px;
right:-60px;
width:180px;
height:180px;

background:
radial-gradient(circle,
rgba(200,169,106,0.10),
transparent 70%);

opacity:0;
transition:0.35s;
}

.como-item:hover{
transform:translateY(-6px);

border-color:
rgba(200,169,106,0.24);

box-shadow:
0 20px 45px rgba(0,0,0,0.34),
0 0 0 1px rgba(200,169,106,0.08);
}

.como-item:hover::after{
opacity:1;
}

.como-numero{
width:58px;
height:58px;
border-radius:18px;

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

font-size:24px;
font-weight:800;

margin-bottom:24px;

background:
linear-gradient(135deg,#c8a96a,#f0d9a5);

color:#111;

box-shadow:
0 10px 24px rgba(200,169,106,0.22);

position:relative;
z-index:2;
}

.como-item h3{
font-size:28px;
line-height:1.18;

margin:0 0 16px;

color:#ffffff;

letter-spacing:-1px;

font-weight:700;

position:relative;
z-index:2;
}

.como-item p{
margin:0;

font-size:15px;
line-height:1.9;

color:#bfc9c3;

position:relative;
z-index:2;
}

/* ========================================= */
/* DIVISÓRIA */
/* ========================================= */

.divisor-fintech{
width:100%;
height:1px;

margin:60px 0 54px;

background:
linear-gradient(to right,
transparent,
rgba(200,169,106,0.25),
transparent);

position:relative;
}

.divisor-fintech::after{
content:"";
position:absolute;
left:50%;
top:50%;

transform:translate(-50%,-50%);

width:120px;
height:4px;

border-radius:999px;

background:
linear-gradient(90deg,#c8a96a,#f0d9a5);
}

/* ========================================= */
/* VANTAGENS */
/* ========================================= */

.vantagens-area{
position:relative;
z-index:2;

max-width:1080px;
margin:0 auto;

text-align:center;
}

.vantagens-area p{
font-size:17px;
line-height:1.95;

color:#dddb97;

margin:0 0 20px;
}

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

@media(max-width:1024px){

.como-grid{
grid-template-columns:1fr;
}

.como-item{
min-height:auto;
}

}

@media(max-width:768px){

.bloco-fintech{
padding:34px 22px;
border-radius:26px;
}

.bloco-fintech h2{
font-size:34px;
line-height:1.12;
letter-spacing:-1.5px;
}

.bloco-subtitulo{
font-size:15px;
line-height:1.9;
}

.como-grid{
gap:18px;
}

.como-item{
padding:24px;
border-radius:22px;
}

.como-numero{
width:52px;
height:52px;
font-size:20px;
margin-bottom:18px;
}

.como-item h3{
font-size:22px;
}

.como-item p{
font-size:14px;
line-height:1.8;
}

.divisor-fintech{
margin:42px 0;
}

.vantagens-area{
text-align:left;
}

.vantagens-area p{
font-size:15px;
line-height:1.9;
}

}

/* ========================================= */
/* CTA ESTRUTURAÇÃO */
/* ========================================= */

.cta-estrutura{
background:
linear-gradient(145deg,#171e0e 0%, #10150b 100%);
border:1px solid rgba(255,255,255,0.06);
border-radius:24px;
padding:38px 42px;
margin-bottom:70px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
position:relative;
overflow:hidden;
box-shadow:0 10px 35px rgba(0,0,0,0.22);
}

.cta-textos{
position:relative;
z-index:2;
max-width:700px;
}

.cta-badge{
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 16px;
border-radius:999px;
background:rgba(200,169,106,0.10);
border:1px solid rgba(200,169,106,0.18);
font-size:11px;
font-weight:700;
letter-spacing:0.5px;
text-transform:uppercase;
color:#f0d9a5;
margin-bottom:18px;
}

.cta-estrutura h2{
font-size:40px;
line-height:1.1;
margin:0 0 14px;
color:#ffffff;
letter-spacing:-1.8px;
max-width:620px;
}

.cta-estrutura p{
margin:0;
font-size:16px;
line-height:1.8;
color:#c9d4cd;
max-width:620px;
}

.cta-acoes{
position:relative;
z-index:2;
display:flex;
align-items:center;
}

.btn-estrutura{
display:inline-flex;
align-items:center;
justify-content:center;
padding:17px 28px;
border-radius:14px;
background:
linear-gradient(135deg,#c8a96a,#f0d9a5);
color:#111;
font-weight:800;
font-size:14px;
text-decoration:none;
transition:0.25s;
white-space:nowrap;
box-shadow:
0 10px 24px rgba(200,169,106,0.20);
}

.btn-estrutura:hover{
transform:translateY(-2px);
box-shadow:
0 14px 28px rgba(200,169,106,0.28);
}

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

@media(max-width:1024px){

.como-grid{
grid-template-columns:1fr;
}

.como-item{
min-height:auto;
}

.cta-estrutura{
flex-direction:column;
align-items:flex-start;
}

}

@media(max-width:768px){

.estrutura-section{
margin-top:45px;
margin-bottom:70px;
padding:0 12px;
}

.hero-cartas{
padding:45px 22px 40px;
border-radius:28px;
}

.hero-titulo{
font-size:44px;
line-height:1.08;
letter-spacing:-2px;
}

.hero-subtitulo{
font-size:17px;
line-height:1.8;
}

.texto-seo-topo h2,
.texto-seo-final h2{
font-size:30px;
line-height:1.2;
}

.texto-seo-topo p,
.texto-seo-final p{
font-size:15px;
line-height:1.8;
text-align:left;
}

.hero-beneficios{
flex-direction:column;
align-items:center;
}

.hero-numeros{
flex-direction:column;
align-items:center;
}

.numero-card{
width:100%;
min-width:auto;
border-radius:24px;
}

.titulo{
font-size:32px;
}

.filtros{
flex-direction:column;
}

.filtros select,
#limparFiltros{
width:100%;
}

.header-tabela{
display:none;
}

.linha{
display:block;
padding:18px;
margin-bottom:18px;
border-radius:16px;
}

.linha div{
display:flex;
flex-direction:column;
align-items:flex-start;
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,0.06);
font-size:14px;
}

.linha div:last-child{
border-bottom:none;
}

.linha div::before{
font-size:11px;
font-weight:600;
opacity:0.5;
margin-bottom:4px;
}

.linha div:nth-child(1)::before{content:"Selecionar";}
.linha div:nth-child(2)::before{content:"Segmento";}
.linha div:nth-child(3)::before{content:"Admin";}
.linha div:nth-child(4)::before{content:"Crédito";}
.linha div:nth-child(5)::before{content:"Entrada";}
.linha div:nth-child(6)::before{content:"Parcelas";}
.linha div:nth-child(7)::before{content:"Valor";}
.linha div:nth-child(8)::before{content:"Vencimento";}
.linha div:nth-child(9)::before{content:"Status";}
.linha div:nth-child(10)::before{content:"Ação";}

.btn-contratar{
width:100%;
padding:12px;
}

.juncao-valores{
flex-direction:column;
}

.como-funciona-card{
padding:30px 22px;
border-radius:24px;
}

.como-funciona-card h2{
font-size:34px;
line-height:1.12;
}

.como-subtitulo{
font-size:15px;
margin-bottom:24px;
}

.como-grid{
gap:16px;
}

.como-item{
padding:24px;
border-radius:20px;
min-height:auto;
}

.como-numero{
width:50px;
height:50px;
font-size:20px;
margin-bottom:18px;
}

.como-item h3{
font-size:22px;
}

.como-item p{
font-size:14px;
line-height:1.8;
}

.cta-estrutura{
padding:28px 22px;
border-radius:22px;
min-height:auto;
}

.cta-estrutura h2{
font-size:30px;
line-height:1.1;
}

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

.btn-estrutura{
width:100%;
padding:16px 20px;
}

}

/* ========================================= */
/* ANIMAÇÃO */
/* ========================================= */

@keyframes fadeTag{
from{
opacity:0;
transform:translateY(6px);
}
to{
opacity:1;
transform:translateY(0);
}
}/* End custom CSS */