.job-card-shell{--job-surface:hsl(var(--card));--job-surface-soft:hsl(var(--muted));--job-ink:hsl(var(--foreground));--job-muted:hsl(var(--muted-foreground));--job-line:hsl(var(--border));--job-accent:hsl(var(--primary));--job-on-accent:hsl(var(--primary-foreground));--job-premium:hsl(var(--featured));--job-free:hsl(var(--success));--job-whatsapp:hsl(var(--whatsapp));height:100%;font-family:DM Sans,Inter,sans-serif}.job-card{border:1px solid var(--job-line);background:var(--job-surface);height:100%;box-shadow:0 18px 45px -30px hsl(var(--foreground) / .38);border-radius:18px;flex-direction:column;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1),border-color .24s;display:flex;position:relative;overflow:hidden}.job-card:hover{border-color:hsl(var(--primary) / .36);box-shadow:0 28px 65px -28px hsl(var(--primary) / .34);transform:translateY(-6px)}.job-card--featured{border-color:hsl(var(--featured) / .72);box-shadow:0 24px 60px -30px hsl(var(--featured) / .55)}.job-card--featured:before{content:"";z-index:4;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--featured)));height:3px;position:absolute;inset:0 0 auto}.job-card__media{aspect-ratio:4/5;isolation:isolate;border-bottom:1px solid var(--job-line);background:var(--job-surface-soft);position:relative;overflow:hidden}.job-card__blur{z-index:-1;filter:blur(26px)saturate(1.15);opacity:.38;background-position:50%;background-size:cover;position:absolute;inset:-24px}.job-card__media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent,hsl(var(--foreground) / .72));position:absolute;inset:55% 0 0}.job-card__poster{object-fit:contain;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.job-card:hover .job-card__poster{transform:scale(1.04)}.job-card__placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.job-card__placeholder-icon{background:hsl(var(--primary) / .12);width:52px;height:52px;color:var(--job-accent);border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.job-card__top{z-index:3;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;inset:13px 13px auto}.job-card__badges{flex-wrap:wrap;gap:5px;display:flex}.job-card__badge{border:1px solid hsl(var(--foreground) / .08);letter-spacing:.08em;border-radius:7px;align-items:center;gap:4px;height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.job-card__badge--premium{background:var(--job-premium);color:hsl(var(--featured-foreground))}.job-card__badge--new{background:hsl(var(--star-blue));color:hsl(var(--star-blue-foreground))}.job-card__badge--popular{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.job-card__badge--free{background:var(--job-free);color:hsl(var(--success-foreground))}.job-card__badge--type{background:var(--job-ink);color:var(--job-on-accent)}.job-card__save{background:hsl(var(--card) / .9);color:var(--job-ink);box-shadow:0 8px 18px -10px var(--job-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;flex:none}.job-card__save[data-saved=true]{background:hsl(var(--primary) / .12);color:var(--job-accent)}.job-card__views{z-index:2;border:1px solid hsl(var(--primary-foreground) / .14);background:hsl(var(--foreground) / .72);height:27px;color:var(--job-on-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:13px}.job-card__body{flex-direction:column;flex:1;padding:17px 17px 16px;display:flex}.job-card__company-row{border-bottom:1px solid var(--job-line);grid-template-columns:34px minmax(0,1fr) 16px auto;align-items:center;gap:9px;min-width:0;padding-bottom:13px;display:grid}.job-card__avatar{background:linear-gradient(145deg,var(--job-ink),hsl(var(--primary)));width:34px;height:34px;color:var(--job-on-accent);border-radius:9px;place-items:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;display:grid}.job-card__company{min-width:0;line-height:1.05}.job-card__company b{color:var(--job-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.job-card__company small{color:var(--job-muted);margin-top:4px;font-size:9px;font-weight:600;display:block}.job-card__verified{width:15px;color:hsl(var(--star-blue))}.job-card__age{color:var(--job-muted);white-space:nowrap;padding-left:3px;font-size:10px}.job-card__title{min-height:43px;color:var(--job-ink);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:14px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;line-height:1.32;display:-webkit-box;overflow:hidden}.job-card__meta{gap:7px;margin-top:13px;display:flex;overflow:hidden}.job-card__chip{border:1px solid var(--job-line);background:var(--job-surface-soft);min-width:0;height:28px;color:var(--job-ink);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.job-card__chip svg{color:var(--job-muted);flex:none}.job-card__actions{grid-template-columns:minmax(0,1.1fr) 42px minmax(0,1fr);gap:7px;margin-top:auto;padding-top:16px;display:grid}.job-card__action{border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:0;height:43px;font-size:12px;font-weight:800;transition:transform .25s,background .25s;display:inline-flex}.job-card__action:hover{transform:translateY(-2px)}.job-card__action--wa{background:var(--job-whatsapp);color:hsl(var(--whatsapp-foreground))}.job-card__action--call{border:1px solid var(--job-line);background:var(--job-surface-soft);color:var(--job-ink)}.job-card__action--call:hover{border-color:var(--job-ink);background:var(--job-ink);color:var(--job-on-accent)}.job-card__action--apply{background:var(--job-ink);color:var(--job-on-accent)}.job-card__action--apply:hover{background:var(--job-accent)}.job-card--featured .job-card__action--apply{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--featured)))}.job-card__report{z-index:3;position:absolute;top:56px;right:9px}@media (width<=680px){.job-card__body{padding:16px}.job-card__title{font-size:16px}.job-card__actions{grid-template-columns:minmax(0,1.15fr) 40px minmax(0,1fr);gap:6px}.job-card__action{gap:5px;height:44px;font-size:11px}.job-card__action svg{flex:none}}@media (width<=380px){.job-card__actions{grid-template-columns:minmax(0,1.1fr) 38px minmax(0,.95fr);gap:5px}.job-card__action{letter-spacing:-.01em;font-size:10px}}@media (prefers-reduced-motion:reduce){.job-card,.job-card__poster,.job-card__action{transition:none}}.job-card__media:after{display:none}.job-card__badge--type,.job-card__views{background:hsl(var(--card)/.94);color:var(--job-ink);border-color:var(--job-line)}.job-card__action--apply,.job-card--featured .job-card__action--apply,.job-card__action--call:hover{background:var(--ember-gloss);color:var(--job-on-accent);box-shadow:var(--ember-shadow)}.job-card__avatar.company-logo--image{background:hsl(var(--card));border:1px solid var(--job-line);box-shadow:0 2px 6px -3px hsl(var(--foreground)/.18);padding:2px}.job-card__avatar.company-logo--image img{object-fit:contain;width:100%;height:100%}.job-card__avatar,.job-card__avatar.company-logo--image{background:hsl(var(--card))!important;border:1px solid var(--job-line)!important;box-shadow:0 2px 6px -3px hsl(var(--foreground)/.18)!important;color:var(--job-ink)!important;background-image:none!important}.job-card__avatar.company-logo--image{padding:2px}.job-card__actions.job-card__actions--two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
