/* Shared desktop vacancy cards: the approved /anuncios composition. */
.mmo-loc-jobs,.mmo-home-job-list{display:grid;gap:12px;margin:0!important;padding:0!important;border:0!important;list-style:none!important}
.jobs.mmo-home-job-list{grid-template-columns:minmax(0,1fr)}
.mmo-job-card.directory-job-card{overflow:hidden;margin:0;padding:0;border:1px solid #d7e4eb;border-radius:14px;background:#fff}
.mmo-job-card.directory-job-card>a{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:18px;min-height:0;padding:22px;background:#fff;color:#172b3a;text-decoration:none}
.mmo-job-card.directory-job-card>a:hover{background:#f5fbfe}
.mmo-job-card.directory-job-card:hover{border-color:#8ebed6}
.directory-logo{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid #e1ebf0;border-radius:10px;background:#fff;color:#006bbf;font-size:1.3rem;font-weight:700}
.directory-logo img{display:block;position:static;width:100%;height:100%;margin:0;object-fit:contain}
.directory-logo img[hidden],.directory-logo span[hidden]{display:none}
.directory-job-content{min-width:0}
.directory-job-content h2{margin:0;padding:0;color:#064b79;font:700 1.1rem/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.012em;overflow-wrap:anywhere}
.directory-company{margin:7px 0 0;color:#526e7f;font-size:.84rem;line-height:1.45}
.directory-featured,.directory-closed{display:inline-flex;align-items:center;gap:5px;margin:0 0 8px;color:#08789b;font-size:.71rem;font-weight:700}
.directory-closed{padding:3px 7px;border-radius:4px;background:#edf0f2;color:#4d5962}
.directory-job-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px 18px;margin-top:18px}
.directory-job-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;min-width:0}
.directory-type{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:5px;background:#e3f4fc;color:#075d85;font-size:.71rem;font-weight:700;line-height:1.35}
.directory-type.job-type--estagio{background:#e8f6f0;color:#21694d}.directory-type.job-type--tempo-parcial{background:#edf1fb;color:#40558a}.directory-type.job-type--temporario{background:#fff0ee;color:#983d35}.directory-type.job-type--freelance{background:#e6f5f7;color:#176579}
.directory-location{display:inline-flex;align-items:center;gap:4px;min-width:0;color:#526e7f;font-size:.78rem}.directory-location svg{flex:0 0 15px}
.directory-job-tail{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px 14px;color:#617786}
.directory-job-tail time,.directory-expiry{font-size:.72rem;line-height:1.4}
.directory-open{display:inline-flex;align-items:center;gap:8px;color:#064b79;font-size:.76rem;font-weight:700}.directory-open svg{flex:0 0 18px}

/* The native mobile view uses the same information order and status cues. */
.mmo-job-card.mmo-job-card--mobile{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:0 12px!important;align-items:start;min-width:0;padding:15px 14px!important;border:1px solid #e0e6eb!important;border-radius:10px!important;background:#fff!important;color:#202124!important;box-shadow:0 1px 2px rgba(20,45,60,.05)!important;text-decoration:none!important}
.mmo-job-card--mobile:hover{background:#f5fbfe!important}
.mmo-job-card--mobile .mmo-job-logo{grid-column:1;grid-row:1;width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#f1f5f7;color:#456076;font-size:21px;font-weight:700}
.mmo-job-card--mobile .mmo-job-logo img{display:block;width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain}
.mmo-job-card--mobile .mmo-job-logo-fallback{display:grid;place-items:center;width:100%;height:100%}
.mmo-job-card--mobile [hidden]{display:none!important}
.mmo-job-card-item{margin:0;padding:0;list-style:none}
.mmo-job-card--mobile .mmo-job-body{grid-column:2;grid-row:1;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:4px}
.mmo-job-card--mobile .mmo-job-state{width:max-content;max-width:100%;padding:2px 7px;border-radius:4px;background:#fff4d8;color:#674700;font-size:11px;font-weight:700;line-height:1.4}
.mmo-job-card--mobile .mmo-job-state--closed{background:#edf0f2;color:#4d5962}
.mmo-job-card--mobile .mmo-job-title{color:#153f5e;font-size:17px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.mmo-job-card--mobile .mmo-job-company{color:#394b59;font-size:14px;line-height:1.35}
.mmo-job-card--mobile .mmo-job-meta,.mmo-job-card--mobile .mmo-job-date{display:flex;flex-wrap:wrap;gap:4px 10px;color:#586773;font-size:12px;line-height:1.4}
.mmo-job-card--mobile .mmo-job-date{margin-top:2px}
.mmo-job-card--mobile .mmo-job-open{grid-column:2;display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-top:5px;color:#005b9f;font-size:14px;font-weight:700}
.mmo-job-card--mobile .mmo-job-open>span{font-size:22px;line-height:1}
.mmo-job-card--mobile:focus-visible{outline:3px solid #0078c8;outline-offset:3px}
/* Keep the mobile card body in one readable column inside the plugin shell. */
.mmo-job-card.mmo-job-card--mobile .mmo-job-body{display:block!important}
.mmo-job-card.mmo-job-card--mobile .mmo-job-company{display:block}

@media(max-width:720px){
	.mmo-job-card.directory-job-card>a{grid-template-columns:44px minmax(0,1fr);gap:13px;padding:18px 15px}
	.directory-logo{width:44px;height:44px;border-radius:8px}
	.directory-job-content h2{font-size:1rem}
	.directory-featured{font-size:.66rem}
	.directory-company{margin-top:6px;font-size:.78rem}
	.directory-job-bottom{align-items:start;margin-top:14px}
	.directory-job-meta{gap:8px}
	.directory-location{flex-basis:100%;font-size:.75rem}
	.directory-job-tail{justify-content:flex-start;gap:6px 10px}
	.directory-job-tail time,.directory-expiry{font-size:.67rem}
	.directory-open{font-size:0}
	.directory-open svg{width:17px}
}
