/* CME Inicio móvil español · 12-09-2026
   Hoja aislada: se carga solo con media (max-width:900px).
   V3: cabecera 2×2 unificada visualmente + Perfil desplegable + selector de idioma compacto. */
@media (max-width:900px){
  /* La cabecera móvil puede desplegar menús sin recortes. */
  #mobileHome .m-head-v4,
  #mobileHome .m-brand-row-v4,
  #mobileHome .m-quicknav-v4{overflow:visible}

  /* Selector de idioma: compacto, claro y siempre por encima. */
  #mobileHome .m-top-language-v4{position:relative;justify-self:end;z-index:320}
  #mobileHome .m-top-language-v4 summary{
    min-width:76px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 10px;
    border:1.5px solid #9bbdaf;
    border-radius:13px;
    background:#fbfdfc;
    color:#07513f;
    cursor:pointer;
    list-style:none;
    font-size:12px;
    font-weight:900;
    box-shadow:0 3px 10px rgba(7,63,50,.06);
  }
  #mobileHome .m-top-language-v4 summary::-webkit-details-marker{display:none}
  #mobileHome .cme-mobile-lang-icon{width:17px;height:17px;display:grid;place-items:center;color:#0a6b54;flex:0 0 17px}
  #mobileHome .cme-mobile-lang-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #mobileHome .m-lang-current-v4{letter-spacing:.02em}
  #mobileHome .m-lang-chevron-v4{font-size:15px;line-height:1;transition:transform .16s ease;transform-origin:center}
  #mobileHome .m-top-language-v4[open] summary{
    border-color:#0b6751;
    background:#eef6f2;
    box-shadow:0 0 0 3px rgba(11,103,81,.10);
  }
  #mobileHome .m-top-language-v4[open] .m-lang-chevron-v4{transform:rotate(180deg)}
  #mobileHome .m-top-language-v4 nav{
    position:absolute;
    z-index:340;
    top:48px;
    right:0;
    width:158px;
    padding:6px;
    border:1px solid #d4e1db;
    border-radius:12px;
    background:#fff;
    box-shadow:0 14px 34px rgba(6,47,38,.22);
  }
  #mobileHome .m-top-language-v4 nav a{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 10px;
    border-radius:8px;
    color:#123f34;
    font-size:13px;
    font-weight:760;
  }
  #mobileHome .m-top-language-v4 nav a[aria-current="page"]{background:#eef6f2;color:#07513f}
  #mobileHome .m-top-language-v4 nav a:active{background:#e7f2ed}

  /* Accesos rápidos como un único bloque 2×2: Inicio | Perfil / Participar | Menú. */
  #mobileHome .m-quicknav-v4{
    position:relative;
    z-index:110;
    min-height:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "home account"
      "join menu";
    gap:1px;
    align-items:stretch;
    margin:8px 10px 10px;
    padding:1px;
    border:1px solid #b9cec5;
    border-radius:14px;
    background:#c8d9d2;
    box-shadow:0 4px 14px rgba(6,71,55,.08);
  }
  #mobileHome .m-quick-home-v4{grid-area:home}
  #mobileHome .m-quick-join-v4{grid-area:join}
  #mobileHome .m-quick-login-v4{grid-area:account}
  #mobileHome .m-menu-btn-v4{grid-area:menu}

  #mobileHome .m-quick-v4,
  #mobileHome .m-menu-btn-v4,
  #mobileHome .cme-mobile-home-profile-trigger{
    min-width:0;
    width:100%;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 10px;
    border:0;
    border-radius:0;
    box-shadow:none;
    font-size:13px;
    line-height:1;
    font-weight:850;
    white-space:nowrap;
  }
  #mobileHome .m-quick-home-v4{
    color:#064737;
    background:#edf6f2;
    border-radius:12px 0 0 0;
  }
  #mobileHome .m-quick-join-v4{
    color:#805612;
    background:#fff8e8;
    border-radius:0 0 0 12px;
  }
  #mobileHome .m-quick-login-v4{
    color:#07513f;
    background:#fff;
    border-radius:0 12px 0 0;
  }
  #mobileHome .m-menu-btn-v4{
    background:#07513f;
    color:#fff;
    cursor:pointer;
    border-radius:0 0 12px 0;
  }

  /* Perfil móvil real con avatar, nombre, flecha y menú. */
  #mobileHome .cme-mobile-home-profile-wrap{
    grid-area:account;
    position:relative;
    min-width:0;
    z-index:230;
  }
  #mobileHome .cme-mobile-home-profile-trigger{
    background:#fff;
    color:#07513f;
    cursor:pointer;
    border-radius:0 12px 0 0;
  }
  #mobileHome .cme-mobile-home-profile-wrap.open .cme-mobile-home-profile-trigger{
    background:#eef6f2;
    box-shadow:inset 0 0 0 1px rgba(11,103,81,.18);
  }
  #mobileHome .cme-mobile-home-avatar{
    flex:0 0 29px;
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    background:#07513f;
    color:#fff;
    font-size:12px;
    line-height:1;
    font-weight:900;
    box-shadow:0 0 0 1px rgba(7,81,63,.16);
  }
  #mobileHome .cme-mobile-home-avatar img{display:block;width:100%;height:100%;object-fit:cover}
  #mobileHome .cme-mobile-home-account-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #mobileHome .cme-mobile-home-account-caret{
    flex:0 0 auto;
    width:15px;
    height:15px;
    display:grid;
    place-items:center;
    transition:transform .16s ease;
  }
  #mobileHome .cme-mobile-home-account-caret svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  #mobileHome .cme-mobile-home-profile-wrap.open .cme-mobile-home-account-caret{transform:rotate(180deg)}
  #mobileHome .cme-mobile-home-profile-menu{
    position:absolute;
    z-index:260;
    top:calc(100% + 6px);
    right:0;
    width:min(210px,calc(100vw - 24px));
    padding:6px;
    border:1px solid #d6e2dc;
    border-radius:12px;
    background:#fff;
    box-shadow:0 16px 36px rgba(6,47,38,.22);
  }
  #mobileHome .cme-mobile-home-profile-menu[hidden]{display:none!important}
  #mobileHome .cme-mobile-home-profile-menu a,
  #mobileHome .cme-mobile-home-profile-menu button{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    padding:8px 10px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#123f34;
    font:750 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
    text-align:left;
    cursor:pointer;
  }
  #mobileHome .cme-mobile-home-profile-menu a:active,
  #mobileHome .cme-mobile-home-profile-menu button:active{background:#eef6f2}
  #mobileHome .cme-mobile-home-profile-menu button{color:#a72a39;border-top:1px solid #edf0ee;margin-top:3px}

  #mobileHome .m-hamb-v4{width:17px;display:grid;gap:3px}
  #mobileHome .m-hamb-v4 i{display:block;width:17px;height:2px;border-radius:3px;background:#fff}
}

@media (max-width:370px){
  #mobileHome .m-top-language-v4 summary{min-width:68px;height:40px;padding-inline:8px;font-size:11.5px}
  #mobileHome .m-quicknav-v4{margin-left:8px;margin-right:8px}
  #mobileHome .m-quick-v4,
  #mobileHome .m-menu-btn-v4,
  #mobileHome .cme-mobile-home-profile-trigger{height:44px;padding-inline:7px;font-size:12px}
  #mobileHome .m-quick-home-v4{border-radius:12px 0 0 0}
  #mobileHome .m-quick-join-v4{border-radius:0 0 0 12px}
  #mobileHome .m-quick-login-v4,
  #mobileHome .cme-mobile-home-profile-trigger{border-radius:0 12px 0 0}
  #mobileHome .m-menu-btn-v4{border-radius:0 0 12px 0}
  #mobileHome .cme-mobile-home-avatar{flex-basis:27px;width:27px;height:27px}
  #mobileHome .cme-mobile-home-profile-menu{width:min(196px,calc(100vw - 18px))}
  #mobileHome .m-hamb-v4{width:15px}
  #mobileHome .m-hamb-v4 i{width:15px}
}