/* Exitovox – Coherencia de espaciados, títulos y tarjetas */

/* === Escala de espacios === */
: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;
}

/* === Gutters verticales unificados === */
.row{--bs-gutter-y:var(--space-5);}
@media (min-width:1200px){.row{--bs-gutter-y:var(--space-6);}}

/* === Separación entre secciones === */
.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;
  }
}

/* === Títulos de sección (alta legibilidad) === */
.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);
}

/* === Tarjetas unificadas (features, IA, tech, timeline, stats) === */
.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;
}

/* === Iconografía unificada (glass circle) === */
.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);
}

/* === Tipografía en tarjetas === */
.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;
}

/* === Estadísticas: números y etiquetas nítidos === */
.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);
}
/* Iconos en stats con el mismo look glass (aplica sin cambiar HTML) */
.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;
}

/* === Botones hero/CTA: separación uniforme === */
.video-hero .btn,.cta-section .btn{margin:0 var(--space-2) var(--space-2) var(--space-2);}