/**
 * Componente Banner de cifras (section/stats-banner.php).
 * Origen: .stats-banner de home-final.html (valores exactos).
 *
 * @package silomasters
 */

.stats-banner{position:relative; overflow:hidden; color:var(--white); padding:120px 0;}
@media(max-width:720px){ .stats-banner{padding:72px 0;} }

.stats-banner-media{position:absolute; inset:0; z-index:0; background:var(--graphite);}
.stats-banner-media video{width:100%; height:100%; object-fit:cover; display:block;}

.stats-banner-gradient{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(ellipse 65% 90% at 0% 0%, rgba(236,101,41,.55) 0%, rgba(236,101,41,0) 55%),
    radial-gradient(ellipse 65% 90% at 100% 100%, rgba(236,101,41,.45) 0%, rgba(236,101,41,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,.78) 100%);
}

.stats-banner-content{position:relative; z-index:2;}
.stats-banner-head{text-align:center; max-width:620px; margin:0 auto 60px;}
.stats-banner-head .eyebrow{justify-content:center;}
.stats-banner-head h2{color:var(--white);}
.stats-banner-head .lede{color:rgba(255,255,255,.7); margin:16px auto 0;}

.stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:28px; text-align:center;}
@media(max-width:900px){ .stats-grid{grid-template-columns:repeat(2,1fr); row-gap:48px;} }
.stat-block{transition:transform .3s ease;}
.stat-block:hover{transform:translateY(-4px);}
.stat-block:hover .stat-divider{width:56px;}

.stat-num{
  font-family:var(--display); font-weight:900; font-size:clamp(38px,5vw,60px); line-height:1;
  color:var(--white);
}
.stat-divider{width:36px; height:3px; background:var(--orange); margin:16px auto 0; border-radius:2px; transition:width .3s ease;}
.stat-label{
  font-family:var(--label); font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--white); margin-top:12px;
}

@media(prefers-reduced-motion: reduce){
  .stat-block,
  .stat-divider{transition:none;}
  .stat-block:hover{transform:none;}
}