/* ============================================================
   STATS LUXE — Maio 2026
   Cards estatísticas com tratamento premium (glass + gold inlay)
   Carregar APÓS oryzo-overlay.css
   ============================================================ */

/* Background da seção: gradient warm orgânico + halo central */
.home-stats{
  position:relative;
  isolation:isolate;
  padding-block:clamp(64px, 8vw, 110px) !important;
  background:
    radial-gradient(80% 60% at 50% 50%, rgba(72,44,22,0.45) 0%, transparent 70%),
    linear-gradient(180deg, #0a0604 0%, #110a05 50%, #0a0604 100%) !important;
}
.home-stats::before{
  content:'';
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(0deg, rgba(232,200,122,0.025) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(90deg, rgba(232,200,122,0.025) 0 1px, transparent 1px 120px);
  mix-blend-mode:overlay;
  pointer-events:none;
  z-index:0;
}

.home-stats > *{ position:relative; z-index:1; }

/* Grid: gap maior, alinhamento limpo */
.home-stats .stats-grid{
  gap:clamp(16px, 2vw, 28px) !important;
  align-items:stretch;
}

/* ─── Card luxe ─── */
.home-stats .stat-item{
  position:relative !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px !important;
  padding:clamp(28px, 3vw, 44px) clamp(22px, 2.4vw, 36px) !important;
  background:
    linear-gradient(180deg, rgba(56,36,22,0.32) 0%, rgba(28,18,10,0.55) 100%) !important;
  border:1px solid rgba(232,200,122,0.08) !important;
  border-radius:6px !important;
  overflow:hidden;
  isolation:isolate;
  transition:
    transform .8s cubic-bezier(.16,1,.3,1),
    border-color .6s ease,
    box-shadow .8s cubic-bezier(.16,1,.3,1),
    background .6s ease !important;
  text-align:center !important;
}

/* Borda dourada animada (gradient outline via mask) */
.home-stats .stat-item::before{
  content:'';
  position:absolute;inset:0;border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, transparent 0%, rgba(232,200,122,0.45) 30%, transparent 60%, rgba(232,200,122,0.25) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .6s ease;
  pointer-events:none;
  z-index:0;
}

/* Halo radial dourado (oculto, ativa hover) */
.home-stats .stat-item::after{
  content:'';
  position:absolute;inset:-2px;border-radius:inherit;
  background:radial-gradient(80% 60% at 50% 100%, rgba(232,200,122,0.30) 0%, transparent 65%);
  opacity:0;
  transition:opacity .8s ease;
  pointer-events:none;
  z-index:-1;
  filter:blur(12px);
}

/* Linha dourada superior decorativa */
.home-stats .stat-item .stat-item__number{
  position:relative;z-index:2;
}
.home-stats .stat-item .stat-item__number::before{
  content:'';
  position:absolute;
  inset-block-start:-22px;
  inset-inline-start:50%;
  transform:translateX(-50%);
  width:24px;height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(232,200,122,.6) 50%, transparent 100%);
  transition:width .7s cubic-bezier(.16,1,.3,1);
}

/* Cantos decorativos luz */
.home-stats .stat-item > .stat-item__corner{
  position:absolute;width:14px;height:14px;
  border:1px solid rgba(232,200,122,.32);
  pointer-events:none;
  transition:border-color .55s ease, transform .55s cubic-bezier(.16,1,.3,1);
}

/* Number — Cormorant italic refinado */
.home-stats .stat-item .stat-item__number{
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-size:clamp(56px, 6.6vw, 92px) !important;
  font-weight:300 !important;
  font-style:normal !important;
  line-height:1 !important;
  letter-spacing:-0.02em !important;
  display:inline-flex;
  align-items:baseline;
  background:linear-gradient(135deg, #f3d684 0%, #c8a84b 50%, #9a7c2e 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent !important;
  margin:0 !important;
  position:relative;
}

.home-stats .stat-item .stat-item__suffix{
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-size:.5em !important;
  font-weight:400 !important;
  font-style:italic;
  margin-inline-start:6px !important;
  background:inherit;
  -webkit-background-clip:text;background-clip:text;
  color:transparent !important;
  display:inline-block;
  transform:translateY(-.05em);
}

/* Label — DM Sans refinado */
.home-stats .stat-item .stat-item__label{
  position:relative;z-index:2;
  font-family:'DM Sans', sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
  color:rgba(232,200,122,.55) !important;
  margin:0 !important;
  transition:color .5s ease;
}

/* ─── Hover ─── */
.home-stats .stat-item:hover{
  transform:translateY(-8px);
  border-color:rgba(232,200,122,0.28) !important;
  background:
    linear-gradient(180deg, rgba(72,46,28,0.45) 0%, rgba(36,22,12,0.7) 100%) !important;
  box-shadow:
    0 22px 48px -18px rgba(0,0,0,.7),
    0 0 0 1px rgba(232,200,122,.12) inset !important;
}
.home-stats .stat-item:hover::before{ opacity:1; }
.home-stats .stat-item:hover::after{ opacity:1; }
.home-stats .stat-item:hover .stat-item__number::before{ width:60px; }
.home-stats .stat-item:hover .stat-item__label{ color:rgba(232,200,122,.85) !important; }

/* ─── Remover divisores antigos ─── */
.home-stats .stats-grid .stat-item{ border-right:none !important; }

/* ─── Responsivo ─── */
@media (max-width: 880px){
  .home-stats .stats-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width: 480px){
  .home-stats .stats-grid{
    grid-template-columns:1fr;
  }
  .home-stats .stat-item .stat-item__number{
    font-size:54px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .home-stats .stat-item,
  .home-stats .stat-item::before,
  .home-stats .stat-item::after,
  .home-stats .stat-item .stat-item__number::before{
    transition:none !important;
  }
}