/* =========================================
INVESTIMENTO SECTION — TOTALMENTE ISOLADO
========================================= */

.investimento-section{
padding:110px 20px;
background:linear-gradient(
180deg,
#020617 0%,
#031425 100%
);
position:relative;
overflow:hidden;
}

/* container */

.investimento-section .container{
max-width:1100px;
margin:0 auto;
position:relative;
z-index:2;
}

/* linha superior */

.investimento-section::before{
content:"";
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
width:80%;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(34,211,238,0.4),
transparent
);
}

/* glow */

.investimento-section::after{
content:"";
position:absolute;
width:700px;
height:700px;
background:radial-gradient(circle, rgba(34,211,238,0.06), transparent 70%);
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events:none;
}

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

.investimento-section .section-header{
text-align:center;
max-width:700px;
margin:0 auto 40px;
}

.investimento-section .section-tag{
display:inline-block;
padding:6px 14px;
border-radius:30px;
background:rgba(34,211,238,0.08);
color:#22D3EE;
font-size:13px;
margin-bottom:12px;
}

.investimento-section .section-title{
font-size:36px;
color:#fff;
line-height:1.3;
}

/* =========================================
INTRO TEXTO
========================================= */

.investimento-section .oferta-intro-text{
max-width:700px;
margin:30px auto 60px;
text-align:center;
}

.investimento-section .oferta-intro-text p{
font-size:18px;
color:#94A3B8;
margin-bottom:12px;
line-height:1.6;
}

.investimento-section .oferta-highlight{
font-size:24px;
font-weight:700;
color:#fff;
margin:18px 0;
}

.investimento-section .oferta-intro-text strong{
color:#22D3EE;
}

/* =========================================
AREA PREÇO
========================================= */

.investimento-section .oferta-price-area{
text-align:center;
max-width:700px;
margin:auto;
}

.investimento-section .oferta-price-title{
font-size:30px;
color:#fff;
margin:10px 0;
}

.investimento-section .oferta-price-desc{
color:#94A3B8;
font-size:16px;
margin-bottom:40px;
}

/* =========================================
CARD PREÇO
========================================= */

/* CARD */

.investimento-section .price-card{

background:linear-gradient(
135deg,
#031425,
#041C33
);

border:1px solid rgba(34,211,238,0.18);

border-radius:22px;

padding:45px 30px;

max-width:420px;
margin:auto;

position:relative;

/* sombra premium */

box-shadow:
0 25px 60px rgba(0,0,0,.55),
0 0 40px rgba(34,211,238,.08);

}


/* TEXTO PEQUENO */

.investimento-section .price-small{
color:#94A3B8;
font-size:14px;
margin-bottom:20px;
}


/* PARCELAMENTO */

.investimento-section .price-parcelado{

font-size:18px;

margin-bottom:12px;

color:#94A3B8;

}

.investimento-section .price-parcelado strong{

color:#22D3EE;
font-weight:700;

}


/* CONTAINER DO PREÇO */

.investimento-section .price-valor{

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

margin-bottom:10px;

}


/* MOEDA */

.investimento-section .price-currency{

font-size:28px;

margin-right:4px;
margin-top:8px;

/* gradiente premium */

background:linear-gradient(
135deg,
#22D3EE,
#00F5A0
);

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

}


/* NÚMERO PRINCIPAL */

.investimento-section .price-number{

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

line-height:1;

/* GRADIENTE PREMIUM */

background:linear-gradient(
135deg,
#22D3EE,
#00F5A0
);

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

/* GLOW SUAVE */

text-shadow:
0 0 20px rgba(34,211,238,.25);

}


/* CENTAVOS */

.investimento-section .price-cent{

font-size:28px;
margin-top:10px;

/* mesmo gradiente */

background:linear-gradient(
135deg,
#22D3EE,
#00F5A0
);

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

}


/* INFO */

.investimento-section .price-info{

color:#94A3B8;
font-size:14px;
margin-bottom:30px;

}

/* BOTÃO */

.investimento-section .price-button{

position:relative;
display:inline-block;

padding:18px 42px;

border-radius:14px;

font-size:16px;
font-weight:700;
letter-spacing:.5px;

text-decoration:none;

color:#020617;

/* GRADIENTE PREMIUM */

background:linear-gradient(
135deg,
#22D3EE,
#00F5A0
);

overflow:hidden;

/* GLOW */

box-shadow:0 10px 35px rgba(34,211,238,.35);

transition:all .3s ease;

}


/* HOVER */

.investimento-section .price-button:hover{

transform:translateY(-3px);

box-shadow:0 16px 45px rgba(34,211,238,.45);

}


/* SHIMMER EFFECT */

.investimento-section .price-button::after{

content:"";

position:absolute;

top:0;
left:-100%;

width:100%;
height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.35),
transparent
);

transition:.5s;

}


/* ANIMAÇÃO DO BRILHO */

.investimento-section .price-button:hover::after{

left:100%;

}

/* BENEFICIOS */

.investimento-section .price-beneficios{
display:flex;
justify-content:center;
gap:20px;
margin-top:25px;
font-size:13px;
color:#94A3B8;
flex-wrap:wrap;
}

/* GARANTIA */

.investimento-section .price-garantia{
margin-top:18px;
font-size:13px;
color:#94A3B8;
max-width:320px;
margin-left:auto;
margin-right:auto;
}

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

@media (max-width:1024px){

.investimento-section{
padding:100px 20px;
}

.investimento-section .section-title{
font-size:32px;
}

}

@media (max-width:768px){

.investimento-section{
padding:90px 18px;
}

.investimento-section .section-title{
font-size:28px;
}

.investimento-section .oferta-intro-text p{
font-size:16px;
}

.investimento-section .oferta-highlight{
font-size:20px;
}

.investimento-section .oferta-price-title{
font-size:24px;
}

.investimento-section .price-number{
font-size:52px;
}

.investimento-section .price-card{
padding:35px 24px;
}

}

@media (max-width:480px){

.investimento-section .price-button{
width:100%;
padding:15px;
}

}