/* MODULO: premium | Design System premium (soft-3D + glass) — LEVE, sem !important | v1.1 | 2026-07-04
   Carregado por ULTIMO no _all.css: vence pela ORDEM da cascata (nao forca regra, nao sobrepoe com !important).
   Compartilhado entre a RAIZ (app019.com/) e /app/ (mesmos arquivos via rewrite). So refinamento visual. */

:root{
  --pr-r-card:26px;
  --pr-ease:cubic-bezier(.22,1,.36,1);
  --pr-glow-gold:0 0 26px -6px rgba(239,160,23,.5);
}

/* ===== CARD EMPRESA / ANUNCIO (.mc) — soft 3D + borda lapidada ===== */
.mc{
  border-radius:var(--pr-r-card);
  border:1px solid rgba(239,160,23,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 3px 8px -4px rgba(8,10,16,.34),
    0 24px 46px -24px rgba(8,10,16,.5),
    0 0 0 1px rgba(0,0,0,.4);
  transition:transform .2s var(--pr-ease),box-shadow .2s var(--pr-ease),border-color .2s var(--pr-ease);
}
/* luz vinda do canto superior-esquerdo (abaixo dos textos: z-index 1 < .bot z-index 2) */
.mc::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(120% 85% at 12% -10%,rgba(255,255,255,.14),transparent 46%);
}
.mc:hover{
  transform:translateY(-8px) scale(1.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 8px -4px rgba(8,10,16,.34),0 44px 72px -30px rgba(8,10,16,.62),var(--pr-glow-gold),0 0 0 1px rgba(239,160,23,.55);
  border-color:rgba(239,160,23,.6);
}
.mc:active{transform:translateY(-2px) scale(1.012);transition-duration:.12s}

/* botoes do card: highlight superior + press fisico */
.mc .bc,.mc .bg{
  transition:transform .16s var(--pr-ease),box-shadow .16s var(--pr-ease),filter .16s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -9px 16px -10px rgba(0,0,0,.45),0 7px 16px -6px rgba(0,0,0,.55);
}
.mc .bc:active,.mc .bg:active{transform:translateY(1px) scale(.965);filter:brightness(.98)}

/* ===== CARD DE VAGA (.vc) — profundidade via background em camadas (sem pseudo extra) ===== */
.vc{
  border-radius:var(--pr-r-card);
  border:1px solid rgba(15,23,42,.07);
  background:
    radial-gradient(120% 70% at 8% -6%,rgba(255,255,255,.92),transparent 42%),
    linear-gradient(180deg,#ffffff,#f6f8fc);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 6px -3px rgba(15,23,42,.14),
    0 22px 42px -26px rgba(37,99,235,.30),
    0 46px 64px -44px rgba(15,23,42,.34);
  transition:transform .2s var(--pr-ease),box-shadow .2s var(--pr-ease),border-color .2s var(--pr-ease);
}
/* filete lateral arredondado com brilho (mantem a cor-base azul da vaga.css) */
.vc::before{width:5px;border-radius:0 6px 6px 0;box-shadow:0 0 14px -2px rgba(37,99,235,.55)}
@media(hover:hover){.vc:hover{
  transform:translateY(-5px) scale(1.012);
  border-color:rgba(37,99,235,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 8px -3px rgba(15,23,42,.16),0 30px 52px -26px rgba(37,99,235,.42),0 0 30px -10px rgba(37,99,235,.28);
}}
.vc:active{transform:translateY(-1px) scale(.99);transition-duration:.12s}

/* chips da vaga -> capsulas premium */
.vc-code{border-radius:999px;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#64748b;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)}
.vc-meta .mi{border-radius:999px;background:linear-gradient(180deg,#ffffff,#f4f7fb);border-color:rgba(15,23,42,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(15,23,42,.05)}
.vc-badges .mi-nova,.vc-badges .mi-urg{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px -4px rgba(15,23,42,.4)}

/* ===== MODAL DE VAGA — refino de profundidade ===== */
.vg-modal{border-radius:28px;box-shadow:0 40px 100px -28px rgba(15,23,42,.5),inset 0 0 0 1px rgba(255,255,255,.65),inset 0 1px 0 rgba(255,255,255,.9)}
.vg-chip{border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.05)}
.vc-btn-wa,.vc-btn-em{border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -10px 18px -12px rgba(0,0,0,.35),0 12px 22px -10px rgba(15,23,42,.4)}
.vc-btn-wa{background:linear-gradient(160deg,#33d778,#128c4c)}
.vc-btn-em{background:linear-gradient(160deg,#2e86ff,#0047ff)}
.vc-btn-wa:active,.vc-btn-em:active{transform:translateY(1px) scale(.975)}

/* ===== PERFORMANCE (GPU: so transform anima; respeita reduced-motion) ===== */
.mc,.vc{will-change:transform}
@media(prefers-reduced-motion:reduce){
  .mc,.vc,.mc .bc,.mc .bg,.vc-btn-wa,.vc-btn-em{transition:none}
  .mc:hover,.vc:hover{transform:none}
}