/* =====================================================
BENEFICIO SECTION — TOTALMENTE ISOLADO
===================================================== */

.beneficio-section{

/* VARIÁVEIS LOCAIS (antes estavam no :root) */

--bg-main:#020617;
--bg-card:#031425;

--neon-green:#00F5A0;
--cyan:#22D3EE;

--text-white:#FFFFFF;
--text-secondary:#94A3B8;

--border-dark:#1E293B;


/* TIPOGRAFIA (antes vinha do body) */

font-family:'Inter',system-ui,-apple-system,sans-serif;
line-height:1.6;
color:var(--text-white);


/* LAYOUT */

padding:120px 24px;

/* GRADIENTE INVERTIDO */

background:linear-gradient(
180deg,
#020617 0%,
#031425 45%,
#041C33 100%
);

position:relative;
overflow:hidden;

}


/* ORNAMENTOS */

.beneficio-section .bg-ornament{
position:absolute;
width:500px;
height:500px;
background:radial-gradient(circle,rgba(0,245,160,0.05),transparent 60%);
top:-200px;
right:-200px;
filter:blur(40px);
}

.beneficio-section .bg-ornament-2{
position:absolute;
width:500px;
height:500px;
background:radial-gradient(circle,rgba(34,211,238,0.05),transparent 60%);
bottom:-200px;
left:-200px;
filter:blur(40px);
}


/* CONTAINER */

.beneficio-section .beneficio-container{
max-width:900px;
margin:auto;
position:relative;
z-index:2;
}


/* HEADER */

.beneficio-section .beneficio-header{
text-align:center;
margin-bottom:70px;
}

.beneficio-section .beneficio-tag{
display:inline-block;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:var(--cyan);
border:1px solid rgba(34,211,238,0.25);
padding:6px 16px;
border-radius:40px;
margin-bottom:20px;
}

.beneficio-section h2{
font-size:42px;
font-weight:700;
line-height:1.2;
color:var(--text-white);
margin-bottom:25px;
}


/* GRADIENT TEXT */

.text-gradient{
background:linear-gradient(135deg,var(--neon-green),var(--cyan));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}


/* HEADER LINE */

.header-line{
width:90px;
height:2px;
background:linear-gradient(90deg,transparent,var(--cyan),transparent);
margin:auto;
}


/* TEXTO */

.beneficio-section .beneficio-content{
font-size:18px;
line-height:1.8;
color:var(--text-secondary);
}

.beneficio-section .beneficio-text-large{
font-size:22px;
color:var(--text-white);
}


/* QUOTES */

.beneficio-section .beneficio-quote-wrapper{
position:relative;
margin:40px 0;
padding-left:36px;
}

.quote-mark{
position:absolute;
left:0;
top:-10px;
font-size:60px;
color:var(--cyan);
opacity:0.15;
}

.beneficio-section .beneficio-quote{
font-size:26px;
font-weight:500;
color:var(--text-white);
line-height:1.4;
font-style:italic;
}


/* SEPARATOR */

.beneficio-section .beneficio-separator{
display:flex;
align-items:center;
gap:16px;
color:var(--cyan);
opacity:0.3;
margin:30px 0;
}

.separator-line{
flex:1;
height:1px;
background:linear-gradient(90deg,var(--cyan),transparent);
}


/* TRANSITION */

.beneficio-section .beneficio-transition{
margin:40px 0 20px;
padding:16px 0;
border-top:1px solid var(--border-dark);
border-bottom:1px solid var(--border-dark);
}

.highlight-soft{
color:var(--neon-green);
font-weight:500;
}


/* BLOCO DE DESTAQUE */

.beneficio-section .beneficio-highlight-block{
background:rgba(0,245,160,0.04);
padding:24px;
margin:32px 0;
border-left:3px solid var(--neon-green);
border-radius:6px;
}


/* LISTA */

.beneficio-section .beneficio-list{
list-style:none;
padding:0;
margin:30px 0 40px;
}

.beneficio-section .beneficio-list li{
display:flex;
align-items:center;
gap:14px;
padding:12px 0;
border-bottom:1px solid var(--border-dark);
font-size:18px;
}

.list-icon{
color:var(--neon-green);
}


/* ÊNFASE */

.beneficio-section .beneficio-emphasis{
margin:40px 0;
padding:20px;
background:rgba(255,255,255,0.03);
border-radius:16px;
text-align:center;
}

.beneficio-section .beneficio-emphasis strong{
color:var(--text-white);
}


/* CARD INSIGHT */

.beneficio-section .beneficio-insight-card{
margin:50px 0;
background:linear-gradient(135deg,var(--bg-card),#041C33);
border-radius:20px;
border:1px solid rgba(34,211,238,0.15);
display:flex;
overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,0.5);
}

.card-accent{
width:6px;
background:linear-gradient(180deg,var(--cyan),var(--neon-green));
}

.card-content{
flex:1;
padding:30px;
}

.card-content p{
margin-bottom:15px;
}

.insight-highlight{
font-size:24px;
font-weight:700;
color:var(--text-white);
margin-top:20px;
}


/* MÉTODO FINAL */

.beneficio-section .beneficio-method{
margin-top:70px;
padding:40px;
background:linear-gradient(135deg,#031425,#020617);
border-radius:30px;
border:1px solid rgba(34,211,238,0.15);
text-align:center;
}

.method-badge{
display:inline-block;
padding:6px 16px;
background:rgba(34,211,238,0.1);
border-radius:100px;
font-size:13px;
color:var(--cyan);
margin-bottom:20px;
}

.method-text{
font-size:24px;
color:var(--text-secondary);
margin-bottom:20px;
}

.method-highlight{
font-size:32px;
font-weight:800;
background:linear-gradient(135deg,var(--neon-green),var(--cyan));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.method-line{
width:100px;
height:2px;
background:linear-gradient(90deg,transparent,var(--neon-green),transparent);
margin:auto;
}


/* RESPONSIVO */

@media (max-width:768px){

.beneficio-section{
padding:90px 20px;
}

.beneficio-section h2{
font-size:30px;
}

.beneficio-section .beneficio-quote{
font-size:22px;
}

.beneficio-section .beneficio-content{
font-size:16px;
}

.beneficio-section .beneficio-text-large{
font-size:20px;
}

.method-text{
font-size:20px;
}

.method-highlight{
font-size:26px;
}

.beneficio-section .beneficio-insight-card{
flex-direction:column;
}

}