/* CME · Trabajo y formación árabe móvil · 12-09-2026
   EXCLUSIVO ar-empleo-formacion.html <=900px. No afecta escritorio ni otras páginas. */
.cme-mobile-empleo-ar-header,.cme-mobile-empleo-ar-drawer{display:none}
@media (max-width:900px){
  body.cme-empleo-ar-menu-open{overflow:hidden!important}

  /* Solo cuando el runtime árabe ya ha creado la barra compacta. */
  body.cme-empleo-ar-compact-page>.cme-unified-header,
  body.cme-empleo-ar-compact-page>.top,
  body.cme-empleo-ar-compact-page>nav.nav{display:none!important}

  .cme-mobile-empleo-ar-header{
    display:block;position:relative;z-index:1200;width:100%;box-sizing:border-box;
    background:#fff;color:#073f32;border-bottom:1px solid #dfe7e3;
    box-shadow:0 3px 12px rgba(14,54,43,.05);
    font-family:Tahoma,"Segoe UI",Arial,sans-serif;direction:rtl
  }
  .cme-empleo-ar-compactbar{
    width:min(100% - 24px,760px);min-height:58px;margin-inline:auto;padding:7px 0;
    display:grid;grid-template-columns:1fr .9fr 1fr;grid-template-areas:"back home menu";
    gap:7px;align-items:center;box-sizing:border-box;direction:ltr
  }
  .cme-empleo-ar-compactbar button,.cme-empleo-ar-compactbar a{
    min-width:0;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;
    padding:0 11px;border-radius:11px;text-decoration:none!important;
    font:820 14px/1 Tahoma,"Segoe UI",Arial,sans-serif;box-sizing:border-box;
    white-space:nowrap;direction:rtl
  }
  .cme-empleo-ar-back{grid-area:back;border:1px solid #d7e2dd;background:#fff;color:#17483b;cursor:pointer}
  .cme-empleo-ar-back .cme-empleo-ar-arrow{font-size:20px;line-height:1;margin-top:-1px}
  .cme-empleo-ar-home{grid-area:home;border:1px solid #bcd5ca;background:#eef6f2;color:#07513f}
  .cme-empleo-ar-menu{grid-area:menu;border:1px solid #064737;background:#07513f;color:#fff;cursor:pointer}
  .cme-empleo-ar-hamb{width:17px;display:grid;gap:3px}.cme-empleo-ar-hamb i{display:block;width:17px;height:2px;border-radius:3px;background:#fff}

  body.cme-empleo-ar-compact-page main>.hero{margin-top:0!important}

  .cme-mobile-empleo-ar-drawer{
    display:block;position:fixed;inset:0;z-index:5000;visibility:hidden;pointer-events:none;direction:rtl
  }
  .cme-mobile-empleo-ar-drawer[aria-hidden="false"]{visibility:visible;pointer-events:auto}
  .cme-empleo-ar-shade{position:absolute;inset:0;background:rgba(2,28,22,.44);opacity:0;transition:opacity .18s ease}
  .cme-mobile-empleo-ar-drawer[aria-hidden="false"] .cme-empleo-ar-shade{opacity:1}
  .cme-empleo-ar-panel{
    position:absolute;top:0;right:0;width:min(89vw,360px);height:100%;box-sizing:border-box;
    padding:17px 17px calc(19px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;
    background:#fff;box-shadow:-18px 0 45px rgba(0,0,0,.18);transform:translateX(102%);transition:transform .2s ease;
    color:#073f32;font-family:Tahoma,"Segoe UI",Arial,sans-serif;text-align:right;direction:rtl
  }
  .cme-mobile-empleo-ar-drawer[aria-hidden="false"] .cme-empleo-ar-panel{transform:translateX(0)}
  .cme-empleo-ar-panel-top{
    position:sticky;top:-17px;z-index:2;display:flex;align-items:center;justify-content:space-between;
    gap:12px;padding:17px 0 13px;background:#fff;border-bottom:1px solid #e6ece9
  }
  .cme-empleo-ar-panel-brand{font-size:17px;font-weight:850;color:#073f32}
  .cme-empleo-ar-close{width:42px;height:42px;border:1px solid #d7e2dd;border-radius:11px;background:#fff;color:#07513f;font-size:28px;line-height:1;cursor:pointer}
  .cme-empleo-ar-navlinks{display:grid;padding:9px 0}
  .cme-empleo-ar-navlinks a{min-height:47px;display:flex;align-items:center;justify-content:flex-start;padding:8px 9px;border-bottom:1px solid #edf1ef;color:#17483b;text-decoration:none;font-size:14px;font-weight:760;text-align:right}
  .cme-empleo-ar-navlinks a[aria-current="page"]{background:#eef6f2;color:#07513f;border-radius:9px;border-bottom-color:transparent}
  .cme-empleo-ar-language{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:7px;margin-top:5px;padding:12px 0;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}
  .cme-empleo-ar-language>span{font-size:12px;font-weight:850;color:#607069}
  .cme-empleo-ar-language a{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #d7e2dd;border-radius:9px;color:#17483b;text-decoration:none;font-size:13px;font-weight:800;background:#fff}
  .cme-empleo-ar-language a[aria-current="page"]{background:#eef6f2;color:#07513f;border-color:#bcd5ca}
  .cme-empleo-ar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px}
  .cme-empleo-ar-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:820}
  .cme-empleo-ar-account{grid-column:1/-1;background:#07513f;color:#fff}
  .cme-empleo-ar-join{background:#fff8e8;color:#805612;border:1px solid #e8cf91}
  .cme-empleo-ar-support{background:#9b2630;color:#fff}
}
@media (max-width:370px){
  .cme-empleo-ar-compactbar{width:min(100% - 16px,760px);gap:5px;padding-block:6px}
  .cme-empleo-ar-compactbar button,.cme-empleo-ar-compactbar a{height:42px;padding-inline:7px;font-size:12.5px;border-radius:9px}
  .cme-empleo-ar-back .cme-empleo-ar-arrow{font-size:18px}
  .cme-empleo-ar-hamb{width:15px}.cme-empleo-ar-hamb i{width:15px}
}