#secretaria{
  background:linear-gradient(180deg, var(--midnight) 0%, var(--navy2) 50%, var(--midnight) 100%);
  position:relative;overflow:hidden;
}
#secretaria::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg, transparent 10%, rgba(188,134,255,0.3) 50%, transparent 90%);
}
#secretaria::after{
  content:'';position:absolute;bottom:-300px;left:50%;transform:translateX(-50%);
  width:900px;height:900px;border-radius:50%;
  background:radial-gradient(circle, rgba(85,4,213,0.08) 0%, transparent 60%);pointer-events:none;
}
.secretaria-header{text-align:center;margin-bottom:clamp(24px, 4vw, 48px);position:relative;z-index:1}
.secretaria-header .section-label{justify-content:center}
.secretaria-header .section-label::before{display:none}
.secretaria-header .section-desc{margin:0 auto}
.secretaria-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px;max-width:1400px;margin:0 auto;position:relative;z-index:1}
.secretaria-card{
  position:relative;border-radius:20px;overflow:hidden;
  border:1px solid rgba(188,134,255,0.1);
  background:rgba(32,13,87,0.25);
  backdrop-filter:blur(12px) saturate(1.2);
  transition:all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);cursor:default;
  box-shadow:0 8px 32px rgba(0,0,0,0.4), 0 0 1px rgba(188,134,255,0.08);
}
.secretaria-card:hover{
  transform:translateY(-10px);
  border-color:rgba(188,134,255,0.4);
  box-shadow:
    0 24px 60px rgba(0,0,0,0.6),
    0 0 30px rgba(85,4,213,0.18),
    0 0 60px rgba(188,134,255,0.06);
}
.secretaria-card-img{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}
.secretaria-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s ease;filter:brightness(0.92) saturate(1.05)}
.secretaria-card:hover .secretaria-card-img img{transform:scale(1.06);filter:brightness(1) saturate(1.15)}
.secretaria-card-img::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top, rgba(5,20,100,0.95) 0%, rgba(32,13,87,0.4) 35%, transparent 70%);
  pointer-events:none;transition:opacity 0.5s ease;
}
.secretaria-card:hover .secretaria-card-img::after{
  background:linear-gradient(to top, rgba(5,20,100,0.98) 0%, rgba(32,13,87,0.2) 40%, transparent 75%);
}
.secretaria-card-info{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;display:flex;flex-direction:column;gap:6px}
.secretaria-card-name{font-family:'Rajdhani',sans-serif;font-size:clamp(1rem, 1.4vw, 1.25rem);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--white);text-shadow:0 2px 10px rgba(0,0,0,0.8)}
.secretaria-card-role{
  font-family:'Orbitron',monospace;font-size:9px;font-weight:600;
  letter-spacing:0.2em;text-transform:uppercase;color:var(--lavanda);
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 12px;
  background:rgba(85,4,213,0.15);
  border:1px solid rgba(188,134,255,0.2);
  border-radius:100px;width:fit-content;
  backdrop-filter:blur(8px);
  box-shadow:0 0 8px rgba(85,4,213,0.15);
}
.secretaria-card-role::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--lavanda);box-shadow:0 0 6px var(--lavanda), 0 0 12px rgba(85,4,213,0.3)}
.secretaria-card-num{
  position:absolute;top:16px;right:18px;
  font-family:'Orbitron',monospace;font-size:clamp(1.5rem, 3vw, 2.5rem);font-weight:900;
  color:rgba(188,134,255,0.06);line-height:1;z-index:2;pointer-events:none;transition:color 0.4s;
}
.secretaria-card:hover .secretaria-card-num{color:rgba(188,134,255,0.16)}
.secretaria-card.featured{grid-column:1 / -1;max-width:700px;margin:16px auto 0}
.secretaria-card.featured .secretaria-card-img{aspect-ratio:16/10}