/* //* =========================================================
   //* EL ÍNDICE - MOBILE FIX CACHE / ICONOS
   //* Corrige restos visuales por icon fonts o CSS viejo en mobile.
   //* ========================================================= */

@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  /*
   * Evita que códigos unicode de icon-font tipo \f0a2 queden visibles
   * como texto cuando Opera/Chrome cachean mal fuentes o CSS.
   */
  .ei-header a,
  .ei-header button,
  .ei-header span,
  .ei-topbar a,
  .ei-topbar button,
  .ei-topbar span {
    text-rendering: geometricPrecision;
  }

  .ei-header [class*="fa-"]:empty,
  .ei-header [class*="icofont-"]:empty,
  .ei-header [class*="icon-"]:empty,
  .ei-topbar [class*="fa-"]:empty,
  .ei-topbar [class*="icofont-"]:empty,
  .ei-topbar [class*="icon-"]:empty {
    display: none !important;
  }

  /*
   * Si algún pseudo-elemento viejo imprime \f0a2 en el lateral derecho
   * del header mobile, lo anulamos sin tocar el logo ni el menú.
   */
  .ei-header *::before,
  .ei-header *::after,
  .ei-topbar *::before,
  .ei-topbar *::after {
    font-variant: normal;
  }

  .ei-header [class*="notification"]::before,
  .ei-header [class*="notification"]::after,
  .ei-header [class*="bell"]::before,
  .ei-header [class*="bell"]::after,
  .ei-header [class*="login"]::before,
  .ei-header [class*="login"]::after,
  .ei-header [class*="user"]::before,
  .ei-header [class*="user"]::after,
  .ei-header [class*="search"]::before,
  .ei-header [class*="search"]::after {
    content: "" !important;
  }

  /*
   * Oculta acciones temporales de usuario/búsqueda en mobile.
   * Ya habías pedido mantener Buscar e Iniciar sesión fuera hasta terminar panel.
   */
  .ei-header__search,
  .ei-header__login,
  .ei-header__user,
  .ei-header__actions,
  .header-search,
  .header-login,
  .user-login,
  .login-btn,
  .search-btn {
    display: none !important;
  }

  /*
   * Fuerza el logo centrado y evita basura visual a la derecha.
   */
  .ei-header,
  .ei-header__main,
  .ei-header__inner {
    max-width: 100% !important;
  }

  .ei-marketbar,
  .ei-indicators,
  .ei-header-indicators {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .ei-marketbar::-webkit-scrollbar,
  .ei-indicators::-webkit-scrollbar,
  .ei-header-indicators::-webkit-scrollbar {
    display: none;
  }
}

/* //* FIN EL ÍNDICE - MOBILE FIX CACHE / ICONOS */