/* CME · Inicio móvil árabe · contenido de portada v1 · 12-09-2026
   EXCLUSIVO de #mobileHome y <=900px.
   No modifica cabecera móvil, móvil español ni ningún escritorio. */
@media (max-width:900px){
  #mobileHome{
    --ar-mh-green:#07513f;
    --ar-mh-green-dark:#043f32;
    --ar-mh-gold:#d39a2c;
    --ar-mh-paper:#f8f7f2;
    --ar-mh-ink:#12362c;
    background:var(--ar-mh-paper);
  }

  /* Portada: misma familia visual que el móvil español, espejada para RTL. */
  #mobileHome .m-hero{
    position:relative;
    min-height:410px;
    overflow:hidden;
    background:
      linear-gradient(270deg,rgba(16,73,61,.86) 0%,rgba(23,89,75,.68) 47%,rgba(31,103,87,.27) 76%,rgba(37,111,94,.12) 100%),
      #3e786a url('assets/zellige-dorado.png') center/265px 265px repeat;
    isolation:isolate;
  }
  #mobileHome .m-hero:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(6,48,39,.04),rgba(5,53,43,.10));
  }
  #mobileHome .m-hero-art{
    position:absolute;
    z-index:-1;
    width:min(76vw,325px);
    left:-42px;
    right:auto;
    bottom:-2px;
    opacity:.78;
    pointer-events:none;
    transform:scaleX(-1);
  }
  #mobileHome .m-hero-art img{display:block;width:100%;height:auto}
  #mobileHome .m-hero .m-shell{
    min-height:410px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding-top:38px;
    padding-bottom:48px;
  }
  #mobileHome .m-hero-copy{
    width:78%;
    max-width:315px;
    margin-right:0;
    margin-left:auto;
    color:#fff;
    text-align:right;
    direction:rtl;
  }
  #mobileHome .m-hero h2{
    margin:0;
    color:#fff;
    font:900 clamp(35px,9.8vw,43px)/1.10 Tahoma,"Segoe UI",Arial,sans-serif;
    letter-spacing:0;
    text-shadow:0 2px 8px rgba(0,0,0,.20);
  }
  #mobileHome .m-hero p{
    max-width:305px;
    margin:17px 0 0;
    color:#fff;
    font:500 14.5px/1.58 Tahoma,"Segoe UI",Arial,sans-serif;
    text-shadow:0 1px 4px rgba(0,0,0,.28);
  }
  #mobileHome .m-hero .m-more,
  #mobileHome .m-hero .m-dots,
  #mobileHome .m-hero .m-hero-bg{display:none!important}
  #mobileHome .m-scroll-cue{
    position:absolute;
    left:50%;
    bottom:15px;
    transform:translateX(-50%);
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    color:#fff;
    background:rgba(2,54,42,.18);
    box-shadow:0 5px 18px rgba(0,0,0,.12);
    font-size:25px;
    line-height:1;
  }

  /* Tres accesos principales: Foro -> Compartir coche -> Anuncios profesionales. */
  #mobileHome #mDestacados{
    display:block!important;
    position:static!important;
    margin:0!important;
    padding:15px 0 16px!important;
    background:var(--ar-mh-paper)!important;
    border:0!important;
  }
  #mobileHome #mDestacados .cme-home-feature-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    align-items:stretch!important;
  }
  #mobileHome #mDestacados .cme-home-feature-card{
    min-width:0!important;
    min-height:94px!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:11px!important;
    padding:12px 13px!important;
    border:1px solid #e2e5e1!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#5f6f69!important;
    text-decoration:none!important;
    box-shadow:0 8px 23px rgba(16,48,39,.08)!important;
    direction:rtl!important;
  }
  #mobileHome #mDestacados .cme-home-feature-icon{
    width:50px!important;
    height:50px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    background:#0b624e!important;
    color:#fff!important;
  }
  #mobileHome #mDestacados .cme-home-feature-icon svg{
    width:26px!important;
    height:26px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #mobileHome #mDestacados .cme-home-feature-forum .cme-home-feature-icon{background:#d39a2c!important;color:#fff!important}
  #mobileHome #mDestacados .cme-home-feature-travel .cme-home-feature-icon{background:#0b624e!important;color:#fff!important}
  #mobileHome #mDestacados .cme-home-feature-pro .cme-home-feature-icon{background:#0b624e!important;color:#f5c24b!important}
  #mobileHome #mDestacados .cme-home-feature-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:right!important;
    direction:rtl!important;
  }
  #mobileHome #mDestacados .cme-home-feature-copy em{
    display:block!important;
    margin:0 0 2px!important;
    color:#9a6b12!important;
    font:900 9px/1.2 Tahoma,"Segoe UI",Arial,sans-serif!important;
    font-style:normal!important;
  }
  #mobileHome #mDestacados .cme-home-feature-copy strong{
    display:block!important;
    margin:0 0 4px!important;
    color:#073f32!important;
    font:800 19px/1.18 Tahoma,"Segoe UI",Arial,sans-serif!important;
    white-space:normal!important;
  }
  #mobileHome #mDestacados .cme-home-feature-copy small{
    display:block!important;
    margin:0!important;
    color:#68756f!important;
    font:500 12px/1.48 Tahoma,"Segoe UI",Arial,sans-serif!important;
  }
  #mobileHome #mDestacados .cme-home-feature-arrow{
    width:33px!important;
    height:33px!important;
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    border:0!important;
    border-radius:50%!important;
    background:#d79a28!important;
    color:#fff!important;
    box-shadow:none!important;
    font:500 28px/1 Arial,sans-serif!important;
    direction:ltr!important;
  }

  /* Explorar todas las secciones: misma mecánica del español, RTL. */
  #mobileHome .m-explore-wrap{padding:0 0 22px;background:var(--ar-mh-paper)}
  #mobileHome .m-explore{
    border:1px solid #dfe3df;
    border-radius:19px;
    background:#fffdf8;
    box-shadow:0 8px 24px rgba(16,48,39,.07);
    overflow:hidden;
    direction:rtl;
  }
  #mobileHome .m-explore summary{
    min-height:59px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:13px 15px;
    color:#073f32;
    cursor:pointer;
    list-style:none;
    font:850 17px/1.2 Tahoma,"Segoe UI",Arial,sans-serif;
    text-align:right;
  }
  #mobileHome .m-explore summary::-webkit-details-marker{display:none}
  #mobileHome .m-explore-grid-symbol{
    width:31px;
    height:31px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3px;
    flex:0 0 auto;
  }
  #mobileHome .m-explore-grid-symbol i{display:block;border-radius:4px;background:#0b624e}
  #mobileHome .m-explore-title{min-width:0;flex:1;text-align:right}
  #mobileHome .m-explore-chevron{font-size:23px;line-height:1;transition:transform .16s ease}
  #mobileHome .m-explore[open] .m-explore-chevron{transform:rotate(180deg)}
  #mobileHome .m-explore-grid{
    display:block;
    padding:0 15px 10px;
    border-top:1px solid #e7e9e5;
    background:#fff;
  }
  #mobileHome .m-explore-link{
    min-width:0;
    min-height:50px;
    display:grid;
    grid-template-columns:31px minmax(0,1fr) 18px;
    align-items:center;
    gap:10px;
    padding:8px 2px;
    border:0;
    border-bottom:1px solid #edf0ed;
    background:transparent;
    color:#124236;
    text-decoration:none;
    font:800 13.5px/1.25 Tahoma,"Segoe UI",Arial,sans-serif;
    text-align:right;
    direction:rtl;
  }
  #mobileHome .m-explore-link:last-child{border-bottom:0}
  #mobileHome .m-explore-link .m-xicon{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#eef5f1;
    color:#0a604c;
  }
  #mobileHome .m-explore-link .m-xicon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  #mobileHome .m-explore-link .m-xarrow{
    justify-self:end;
    color:#c98a17;
    font:500 22px/1 Arial,sans-serif;
    direction:ltr;
  }
  #mobileHome .m-explore-link:active{background:#f7faf8}

  /* El bloque informativo antiguo queda después de los accesos, como en español. */
  #mobileHome .m-about{padding:32px 0 34px;background:#fff;text-align:right;direction:rtl}
  #mobileHome .m-about-grid{gap:17px}
  #mobileHome .m-about h2{font-size:28px}
  #mobileHome .m-goldline{margin:13px 0 13px auto;width:39px;height:3px}
  #mobileHome .m-about p{font-size:14px;line-height:1.65;color:#55665f}
  #mobileHome .m-stat{min-height:118px;border-radius:16px;padding:17px}
  #mobileHome .m-stat b{font-size:27px}
  #mobileHome .m-stat span{font-size:15px}
  #mobileHome .m-people{width:45px;height:35px;margin-bottom:7px}
}

@media (max-width:370px){
  #mobileHome .m-hero{min-height:390px}
  #mobileHome .m-hero .m-shell{min-height:390px;padding-top:34px;padding-bottom:45px}
  #mobileHome .m-hero-copy{width:82%;max-width:285px}
  #mobileHome .m-hero h2{font-size:34px}
  #mobileHome .m-hero p{font-size:13.7px}
  #mobileHome .m-hero-art{width:86vw;left:-54px;opacity:.72}
  #mobileHome #mDestacados .cme-home-feature-card{min-height:88px!important;grid-template-columns:47px minmax(0,1fr) 31px!important;gap:9px!important;padding:10px 11px!important}
  #mobileHome #mDestacados .cme-home-feature-icon{width:45px!important;height:45px!important;border-radius:12px!important}
  #mobileHome #mDestacados .cme-home-feature-icon svg{width:23px!important;height:23px!important}
  #mobileHome #mDestacados .cme-home-feature-copy strong{font-size:17px!important}
  #mobileHome #mDestacados .cme-home-feature-copy small{font-size:11.2px!important}
  #mobileHome #mDestacados .cme-home-feature-arrow{width:30px!important;height:30px!important;font-size:25px!important}
  #mobileHome .m-explore summary{font-size:16px;padding-inline:12px}
  #mobileHome .m-explore-link{font-size:12.5px}
}