
      /* ================= MENU MOVIL (referencia: Sam's Club) ================= */
      #top_menu_collapse_mobile {
        --er-p:#490AA0; --er-tx:#141018; --er-mut:#6e667a;
        /* el offcanvas de Odoo viene oscuro; aqui va blanco tipo Sam's */
        background:#fff !important; color:var(--er-tx) !important;
        width:min(86vw, 380px) !important;
        /* .er_barra tiene z-index 1035 y se le encimaba */
        z-index:1060 !important; }
      .offcanvas-backdrop { z-index:1055 !important; }
      /* .er_barra estaba en 1035 y tapaba el panel; sigue por encima
         del contenido pero por debajo del menu */
      .er_barra { z-index:1000 !important; }
      #top_menu_collapse_mobile .btn-close {
        filter:none !important; opacity:.55; }
      #top_menu_collapse_mobile .offcanvas-header { padding:.9rem 1rem .2rem; }
      #top_menu_collapse_mobile .offcanvas-body { padding:0 !important; }
      /* se esconde el menu de serie, no se borra */
      #top_menu_collapse_mobile .offcanvas-body > *:not(.er_menu) { display:none !important; }

      .er_menu { padding:.4rem 0 2rem; font-size:1rem; }

      .er_menu_sesion {
        display:block; margin:.2rem 1.15rem 1.4rem; padding:.85rem 1rem;
        background:var(--er-p); color:#fff !important; border-radius:999px;
        text-align:center; font-weight:600; font-size:.98rem;
        text-decoration:none !important; }
      .er_menu_sesion:hover { background:#2E0668; }

      .er_menu_grupo { padding:.2rem 0; }
      .er_menu_sep { height:1px; background:#ececf2; margin:.75rem 1.15rem; }

      .er_it {
        display:flex; align-items:center; gap:1rem; width:100%;
        padding:.82rem 1.15rem; background:none; border:0; text-align:left;
        color:var(--er-tx) !important; text-decoration:none !important;
        font-size:1.02rem; line-height:1.2; opacity:1 !important; }
      .er_it:active { background:#f5f3fb; }
      .er_it svg { flex:0 0 22px; width:22px; height:22px; stroke:var(--er-p);
        fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
      .er_it .er_it_tx { flex:1 1 auto; min-width:0; }
      .er_it .er_chev { flex:0 0 auto; width:16px; height:16px; stroke:var(--er-mut);
        transition:transform .22s ease; }
      .er_it[aria-expanded="true"] .er_chev { transform:rotate(90deg); }

      .er_sub_lista {
        display:grid; grid-template-rows:0fr;
        transition:grid-template-rows .28s ease; }
      .er_sub_lista > div { overflow:hidden; }
      .er_it[aria-expanded="true"] + .er_sub_lista { grid-template-rows:1fr; }
      .er_sub_lista a {
        display:block; padding:.6rem 1.15rem .6rem 3.15rem;
        color:var(--er-mut) !important; text-decoration:none !important;
        font-size:.94rem; }
      .er_sub_lista a:active { background:#f5f3fb; }

      .er_dep_fila { display:flex; align-items:center; }
      .er_dep_enc {
        flex:1 1 auto; display:block; padding:.6rem 1.15rem .6rem 3.15rem;
        color:var(--er-tx) !important; text-decoration:none !important;
        font-size:.95rem; font-weight:600; }
      .er_dep_mas {
        flex:0 0 auto; width:38px; height:38px; margin-right:.6rem;
        border:1px solid #e4e0f2; border-radius:10px; background:#fff;
        color:var(--er-p); font-size:1.15rem; line-height:1; cursor:pointer; }
      .er_subs { display:none; padding:.1rem 0 .5rem; background:#faf9fd; }
      .er_subs.er_abierta { display:block; }
      .er_subs a {
        display:block; padding:.5rem 1.15rem .5rem 4.1rem;
        color:var(--er-mut) !important; text-decoration:none !important;
        font-size:.9rem; }
      .er_subs a:active { background:#f1eefb; }

      .er_it_wa { color:#128c4a !important; }
      .er_it_wa svg { stroke:#128c4a; }
    