#pilares{background:var(--midnight);position:relative;overflow:hidden}
#pilares::before{
  content:'';position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);
  width:800px;height:800px;border-radius:50%;
  background:radial-gradient(circle, rgba(85,4,213,0.08) 0%, transparent 60%);pointer-events:none;
}
.pilares-header{text-align:center;margin-bottom:clamp(24px,4vw,48px)}
.pilares-header .section-label{justify-content:center}
.pilares-header .section-label::before{display:none}
.pilares-header .section-desc{margin:0 auto}
.pilares-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto}
.pilar-card{
  position:relative;padding:36px 30px;
  border:1px solid rgba(188,134,255,0.12);border-radius:16px;
  background:rgba(32,13,87,0.25);
  backdrop-filter:blur(12px) saturate(1.2);
  overflow:hidden;
  transition:all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);cursor:default;
  box-shadow:
    inset 0 0 20px rgba(85,4,213,0.06),
    0 4px 20px rgba(0,0,0,0.4),
    0 0 1px rgba(188,134,255,0.1);
}
.pilar-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(85,4,213,0.12) 0%,transparent 60%);opacity:0;transition:opacity 0.4s}
.pilar-card:hover{
  border-color:rgba(188,134,255,0.4);
  transform:translateY(-8px) scale(1.02);
  box-shadow:
    inset 0 0 30px rgba(85,4,213,0.12),
    0 20px 40px rgba(0,0,0,0.6),
    0 0 25px rgba(85,4,213,0.2),
    0 0 60px rgba(188,134,255,0.06);
}
.pilar-card:hover::before{opacity:1}
.pilar-num{font-family:'Orbitron',monospace;font-size:3rem;font-weight:900;color:rgba(188,134,255,0.06);position:absolute;top:16px;right:20px;line-height:1;transition:color 0.3s}
.pilar-card:hover .pilar-num{color:rgba(188,134,255,0.14)}
.pilar-icon{
  width:48px;height:48px;border-radius:10px;
  background:rgba(85,4,213,0.15);
  border:1px solid rgba(188,134,255,0.2);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;font-size:22px;
  transition:all 0.3s;
  color:var(--lavanda);
  box-shadow:0 0 10px rgba(85,4,213,0.1);
}
.pilar-icon svg{stroke:var(--lavanda)}
.pilar-card:hover .pilar-icon{
  background:rgba(85,4,213,0.3);
  border-color:rgba(188,134,255,0.5);
  box-shadow:0 0 20px rgba(85,4,213,0.3), 0 0 40px rgba(188,134,255,0.1);
}
.pilar-title{font-family:'Rajdhani',sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--white);margin-bottom:10px}
.pilar-desc{font-size:0.9rem;color:var(--dim);line-height:1.65}
.pilar-tag{
  display:inline-block;margin-top:16px;padding:4px 12px;border-radius:100px;
  font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;
  letter-spacing:0.2em;text-transform:uppercase;
  border:1px solid rgba(188,134,255,0.2);
  color:var(--lavanda);
  background:rgba(85,4,213,0.08);
  box-shadow:0 0 6px rgba(85,4,213,0.1);
}