:root{
      --mm-navy: <?=$navy?>;
      --mm-gold: <?=$accent?>;
      --mm-ink: #111827;
      --mm-muted:#6b7280;
      --mm-border: rgba(17,24,39,.10);
      --mm-shadow: 0 12px 35px rgba(15,23,42,.10);
      --mm-shadow-sm: 0 10px 25px rgba(15,23,42,.08);
      --mm-radius: 18px;
    }

    /* HERO */
    .mm-job-hero{
      padding: 88px 0 26px;
      background:
        linear-gradient(90deg, rgba(9,28,51,.88) 0%, rgba(9,28,51,.62) 45%, rgba(9,28,51,.18) 75%),
        url("../img/header-bg-vaga.png");
      background-size: cover;
      background-position: top center;
      color: #fff;
      position: relative;
    }

    .mm-topbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      margin-bottom: 14px;
      flex-wrap: wrap;
    }

    .mm-back{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.06);
      color: rgba(255,255,255,.92);
      font-weight: 800;
      font-size: 13px;
      text-decoration:none !important;
      transition: all .2s ease;
    }
    .mm-back:hover{ transform: translateY(-1px); color: #fff; border-color: rgba(184,155,94,.45); }

    .mm-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap: wrap;
    }
    .mm-action-btn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.06);
      color: rgba(255,255,255,.92);
      font-weight: 800;
      font-size: 13px;
      text-decoration:none !important;
      transition: all .2s ease;
      cursor:pointer;
    }
    .mm-action-btn i{ color: var(--mm-gold); }
    .mm-action-btn:hover{ transform: translateY(-1px); border-color: rgba(184,155,94,.45); color:#fff; }

    .mm-pill{
      display:inline-flex; align-items:center; gap:8px;
      padding: 7px 12px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      color: rgba(255,255,255,.92);
      margin-right: 8px;
      margin-bottom: 8px;
    }
    .mm-pill i{ color: var(--mm-gold); }

    .mm-job-title{
      font-weight: 900;
      letter-spacing: -0.6px;
      margin: 6px 0 10px;
      line-height: 1.12;
      font-size: 40px;
	  color:white;
    }
    .mm-job-sub{
      color: rgba(255,255,255,.90);
      font-size: 16px;
      line-height: 1.6;
      max-width: 780px;
      margin: 0;
    }

    /* WRAP */
    .mm-job-wrap{
      margin-top: -22px;
      padding: 35px 0 70px;
    }
    .mm-card{
      background:#fff;
      border: 1px solid var(--mm-border);
      border-radius: var(--mm-radius);
      box-shadow: var(--mm-shadow-sm);
    }
    .mm-card-pad{ padding: 24px; }

    .mm-h2{
      font-weight: 900;
      letter-spacing: -0.2px;
      color: var(--mm-navy);
      font-size: 18px;
      margin: 0 0 10px;
    }
    .mm-text{
      color: var(--mm-muted);
      font-size: 14px;
      line-height: 1.7;
    }
    .mm-divider{
      height: 1px;
      background: rgba(15,23,42,.08);
      margin: 18px 0;
    }

    /* SIDEBAR sticky */
    @media (min-width: 992px){
      .mm-sticky{
        position: sticky;
        top: 92px; /* cabeçalho fixo */
      }
    }

    .mm-side-title{
      font-weight: 900;
      color: var(--mm-navy);
      margin: 0 0 12px;
      font-size: 16px;
    }
    .mm-kv{
      display:flex;
      align-items:flex-start;
      gap:12px;
      padding: 12px 12px;
      border-radius: 14px;
      background: #fbfbfd;
      border: 1px solid rgba(15,23,42,.06);
      margin-bottom: 10px;
      position: relative;
    }
    .mm-kv:before{
      content:"";
      position:absolute;
      left:0; top:0; bottom:0;
      width: 4px;
      border-radius: 14px 0 0 14px;
      background: var(--mm-gold);
    }
    .mm-kv i{
      color: var(--mm-gold);
      margin-top: 2px;
      width: 18px;
      text-align:center;
    }
    .mm-kv p{
      margin:0;
      font-size: 13px;
      color: var(--mm-muted);
      line-height: 1.35;
    }
    .mm-kv strong{
      color: var(--mm-ink);
      font-weight: 900;
    }

    /* CTA */
    .mm-cta{ margin-top: 14px; }
    .mm-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      width:100%;
      border: 0;
      border-radius: 14px;
      padding: 14px 16px;
      font-weight: 900;
      font-size: 14px;
      transition: all .2s ease;
      text-decoration:none !important;
      cursor:pointer;
    }
    .mm-btn-primary{
      background: linear-gradient(135deg, var(--mm-gold), #d4b978);
      color: var(--mm-navy) !important;
      box-shadow: 0 10px 25px rgba(184,155,94,.25);
    }
    .mm-btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 14px 30px rgba(184,155,94,.30); }

    .mm-btn-outline{
      background: #fff;
      color: var(--mm-navy) !important;
      border: 1px solid rgba(11,42,74,.20);
    }
    .mm-btn-outline:hover{ transform: translateY(-1px); border-color: rgba(184,155,94,.55); }

    .mm-alert{
      border-radius: 14px;
      border: 1px solid rgba(184,155,94,.35);
      background: rgba(184,155,94,.10);
      padding: 12px 14px;
      font-size: 13px;
      color: #5b4b2a;
      margin-top: 10px;
      line-height: 1.5;
    }

    /* RELATED */
    .mm-related-title{
      font-weight: 900;
      color: var(--mm-navy);
      letter-spacing: -0.2px;
      font-size: 20px;
      margin: 0 0 12px;
    }
    .mm-related-sub{
      color: var(--mm-muted);
      font-size: 14px;
      margin: 0 0 18px;
    }
    .mm-rel-card{
      display:block;
      background:#fff;
      border: 1px solid var(--mm-border);
      border-radius: var(--mm-radius);
      box-shadow: var(--mm-shadow-sm);
      padding: 16px;
      height:100%;
      text-decoration:none !important;
      color: inherit;
      transition: all .2s ease;
    }
    .mm-rel-card:hover{
      transform: translateY(-2px);
      box-shadow: var(--mm-shadow);
      border-color: rgba(184,155,94,.35);
    }
    .mm-rel-top{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-bottom: 10px;
    }
    .mm-tag{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding: 7px 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      background: rgba(11,42,74,.06);
      color: var(--mm-navy);
      border: 1px solid rgba(11,42,74,.08);
    }
    .mm-tag i{ color: var(--mm-gold); }
    .mm-rel-h{
      margin: 0;
      font-weight: 900;
      color: var(--mm-navy);
      font-size: 15px;
      line-height: 1.25;
    }
    .mm-rel-p{
      margin: 10px 0 0;
      color: var(--mm-muted);
      font-size: 13px;
      line-height: 1.55;
      min-height: 56px;
    }

    /* toast (copiar link) */
    .mm-toast{
      position: fixed;
      right: 18px;
      bottom: 18px;
      z-index: 9999;
      background: rgba(17,24,39,0.95);
      color: #fff;
      padding: 12px 14px;
      border-radius: 14px;
      box-shadow: 0 14px 40px rgba(0,0,0,0.25);
      display:none;
      font-weight: 800;
      font-size: 13px;
      max-width: 320px;
    }
    .mm-toast i{ color: var(--mm-gold); margin-right: 8px; }

    @media (max-width: 991px){
      .mm-job-title{ font-size: 30px; }
      .mm-job-hero{ padding: 78px 0 22px; }
    }
	
	.mm-text ol,
	.mm-text ul {
		margin-left: 25px !important;
		list-style: circle !important;
	}