:root{
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;
--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;
}
.row{--bs-gutter-y:var(--space-5);}
@media (min-width:1200px){.row{--bs-gutter-y:var(--space-6);}}
.container.mb-5,.stats-container,.cta-section,#beneficios,#testimonios,#features,#timeline{
margin-bottom:var(--space-8)!important;
}
@media (max-width:576px){
.container.mb-5,.stats-container,.cta-section,#beneficios,#testimonios,#features,#timeline{
margin-bottom:var(--space-7)!important;
}
}
.section-title{
color:var(--soft-white)!important;font-weight:900!important;
text-shadow:2px 2px 6px rgba(0,0,0,.6);
font-size:clamp(1.6rem,2.8vw,2.3rem)!important;
margin-top:var(--space-6)!important;margin-bottom:var(--space-5)!important;
position:relative;line-height:1.25;
}
.section-title::after{
content:"";display:block;width:80px;height:4px;margin:10px auto 0;
background:linear-gradient(45deg,var(--accent-blue),var(--accent-light));
border-radius:2px;box-shadow:0 2px 10px rgba(100,181,246,.45);
}
.feature-card,.ai-feature-card,.tech-card,.timeline-content,.stats-container .stats-card{
border-radius:var(--border-radius);
border:1.5px solid rgba(255,255,255,.18);
box-shadow:var(--shadow-medium);
padding:1.75rem 1.5rem;
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
backdrop-filter:saturate(120%) blur(2px);
-webkit-backdrop-filter:saturate(120%) blur(2px);
}
.feature-card:hover,.ai-feature-card:hover,.tech-card:hover,.timeline-content:hover,.stats-container .stats-card:hover{
transform:translateY(-4px) scale(1.01);
box-shadow:0 14px 24px rgba(0,0,0,.22);
border-color:rgba(255,255,255,.28);
}
.feature-card,.ai-feature-card,.tech-card{
min-height:clamp(240px,32vw,300px);
display:flex;flex-direction:column;align-items:center;
}
.feature-icon,.ai-icon,.tech-icon{
width:clamp(84px,12vw,110px);height:clamp(84px,12vw,110px);
background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.10));
border-radius:50%;display:flex;align-items:center;justify-content:center;
margin:0 auto 1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
border:2px solid rgba(255,255,255,.35);
box-shadow:0 6px 16px rgba(0,0,0,.25),0 0 18px rgba(100,181,246,.35);
}
.feature-icon i,.ai-icon i,.tech-icon i{
font-size:clamp(28px,4vw,40px);color:#fff!important;
text-shadow:0 2px 6px rgba(0,0,0,.35);
}
.feature-card h4,.ai-feature-card h4,.tech-card h5,.timeline-content h4{
color:var(--soft-white)!important;font-weight:800!important;
font-size:clamp(1.15rem,2.2vw,1.45rem)!important;
text-shadow:1px 2px 4px rgba(0,0,0,.4);
margin-bottom:var(--space-3)!important;
}
.feature-card p,.ai-feature-card p,.tech-card p,.timeline-content p{
color:rgba(255,255,255,.94)!important;line-height:1.6!important;font-size:1rem!important;
}
.stats-number{
color:var(--soft-white)!important;background:none!important;
-webkit-text-fill-color:initial!important;
font-weight:900!important;
font-size:clamp(2rem,6vw,3.8rem)!important;
letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
font-variant-numeric:lining-nums tabular-nums;
}
.stats-number::after{opacity:.35!important;}
.stats-card p,.stats-card .mb-0{
color:rgba(255,255,255,.98)!important;font-weight:700!important;
letter-spacing:.3px;text-shadow:0 2px 6px rgba(0,0,0,.45);
font-size:clamp(.95rem,1.6vw,1.1rem)!important;margin-top:10px!important;
}
.stats-container .stats-card{
min-height:clamp(170px,24vw,220px);
display:flex;flex-direction:column;align-items:center;justify-content:space-between;
padding:2rem 1.25rem;border:1.5px solid rgba(255,255,255,.18);
}
.stats-container .stats-card>i{
font-size:clamp(1.6rem,3.6vw,2.2rem)!important;color:#fff!important;
background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.10));
border-radius:50%;padding:clamp(10px,1.8vw,14px);
border:2px solid rgba(255,255,255,.35);
box-shadow:0 6px 16px rgba(0,0,0,.25),0 0 18px rgba(100,181,246,.35);
display:inline-flex;align-items:center;justify-content:center;
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
margin-bottom:12px!important;
}
.video-hero .btn,.cta-section .btn{margin:0 var(--space-2) var(--space-2) var(--space-2);}