/* CME · Compartir coche árabe · cabecera móvil limpia
   Exclusivo de ar-viajes.html y solo <=900px. */
@media (max-width:900px){
  html[lang="ar"] body[data-ar-source="viajes.html"] > .cme-unified-header,
  html[lang="ar"] body[data-ar-source="viajes.html"] > .cme-mobile-interior-header,
  html[lang="ar"] body[data-ar-source="viajes.html"] > .top,
  html[lang="ar"] body[data-ar-source="viajes.html"] > nav.nav{
    display:none!important;
  }

  html[lang="ar"] body[data-ar-source="viajes.html"]{
    padding-top:0!important;
    overflow-x:hidden;
  }
  html[lang="ar"] body[data-ar-source="viajes.html"] > main,
  html[lang="ar"] body[data-ar-source="viajes.html"] .travel-hero{
    margin-top:0!important;
  }

  .cme-viajes-ar-mobile-head{
    position:relative;
    z-index:9500;
    display:grid;
    grid-template-columns:minmax(0,1fr) 76px;
    grid-template-areas:"brand menu";
    align-items:center;
    gap:12px;
    min-height:84px;
    padding:12px 16px;
    background:#fff;
    border-bottom:1px solid #dfe7e3;
    direction:rtl;
  }
  .cme-viajes-ar-brand{
    grid-area:brand;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:11px;
    color:#173f35;
    text-decoration:none;
    direction:rtl;
  }
  .cme-viajes-ar-mark{
    flex:0 0 58px;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:17px;
    background:linear-gradient(145deg,#0d6a52,#0a4b3d);
    color:#fff;
    font:900 29px/1 Tahoma,"Segoe UI",Arial,sans-serif;
    box-shadow:0 5px 14px rgba(7,81,63,.12);
  }
  .cme-viajes-ar-brand-text{
    min-width:0;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:right;
    font:900 clamp(14px,4vw,17px)/1.2 Tahoma,"Segoe UI",Arial,sans-serif;
  }
  .cme-viajes-ar-menu-btn{
    grid-area:menu;
    width:68px;
    height:58px;
    justify-self:end;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid #c8d9d2;
    border-radius:17px;
    background:#eef6f2;
    color:#0b624e;
    cursor:pointer;
  }
  .cme-viajes-ar-menu-btn span:last-child{display:none}
  .cme-viajes-ar-hamb{width:28px;display:grid;gap:5px}
  .cme-viajes-ar-hamb i{display:block;height:3px;border-radius:3px;background:currentColor}

  .cme-viajes-ar-drawer{
    position:fixed;
    inset:0;
    z-index:20000;
    visibility:hidden;
    pointer-events:none;
  }
  .cme-viajes-ar-drawer.open{visibility:visible;pointer-events:auto}
  .cme-viajes-ar-shade{
    position:absolute;
    inset:0;
    background:rgba(5,20,15,.52);
    opacity:0;
    transition:opacity .2s ease;
  }
  .cme-viajes-ar-drawer.open .cme-viajes-ar-shade{opacity:1}
  .cme-viajes-ar-panel{
    position:absolute;
    top:0;
    left:0;
    width:min(88vw,390px);
    height:100dvh;
    background:#fff;
    transform:translateX(-102%);
    transition:transform .22s ease;
    box-shadow:15px 0 42px rgba(0,0,0,.2);
    overflow:auto;
    overscroll-behavior:contain;
    direction:rtl;
  }
  .cme-viajes-ar-drawer.open .cme-viajes-ar-panel{transform:none}
  .cme-viajes-ar-panel-top{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 18px 14px;
    background:#fff;
    border-bottom:1px solid #e5ebe8;
  }
  .cme-viajes-ar-panel-title{font:900 20px/1.2 Tahoma,"Segoe UI",Arial,sans-serif;color:#0b5946}
  .cme-viajes-ar-close{
    width:44px;height:44px;border:0;border-radius:13px;
    background:#eef5f2;color:#0b5946;font-size:28px;line-height:1;cursor:pointer;
  }
  .cme-viajes-ar-links{display:grid;gap:4px;padding:12px 14px 28px}
  .cme-viajes-ar-links a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:11px 14px;
    border-radius:11px;
    color:#183d33;
    text-decoration:none;
    text-align:right;
    font:800 15px/1.2 Tahoma,"Segoe UI",Arial,sans-serif;
  }
  .cme-viajes-ar-links a:active{background:#edf5f1}
  .cme-viajes-ar-links a[aria-current="page"]{background:#e7f3ee;color:#07513f}
  .cme-viajes-ar-links a.pro{color:#82611d;background:#fffaf0}
  .cme-viajes-ar-links a.support{color:#9a2733;background:#fff4f4}

  /* Mantener el bloque verde ya aprobado, solo afinando su arranque bajo la nueva cabecera. */
  html[lang="ar"] body[data-ar-source="viajes.html"] .travel-hero{padding-top:34px}
}

@media (max-width:360px){
  .cme-viajes-ar-mobile-head{grid-template-columns:minmax(0,1fr) 66px;padding-inline:10px;gap:8px;min-height:76px}
  .cme-viajes-ar-mark{flex-basis:50px;width:50px;height:50px;border-radius:15px;font-size:25px}
  .cme-viajes-ar-menu-btn{width:60px;height:52px;border-radius:15px}
  .cme-viajes-ar-brand-text{font-size:13px}
}