/* Mobile fixes - max 767px */
@media (max-width: 767px) {
  /* Header: single row */
  .main-header { display:flex !important; flex-wrap:nowrap !important; height:50px !important; }
  .main-header .logo { display:none !important; }
  .main-header .navbar { flex:1 !important; }
  .main-header .navbar { flex:1 !important; height:50px !important; min-height:50px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; }
  .main-header .navbar-custom-menu { float:none !important; width:auto !important; margin-left:auto !important; }
  .main-header .navbar-nav { display:flex !important; align-items:center !important; margin:0 !important; }
  .menu-idioma { display:none !important; }

  /* Sidebar overlay */
  .main-sidebar { transform: translateX(-100%); transition: transform .3s; }
  .sidebar-open .main-sidebar { transform: translateX(0); }

  /* Content: padding reducido */
  .content-wrapper { margin-left:0 !important; padding:0 !important; }
  .content-header { padding:8px 10px !important; }
  .content { padding:8px 10px !important; }
  .box, .card-search { margin-bottom:8px !important; }
  .hero-title { padding: 4px 0 !important; }
  .hero-h2 { font-size: 18px !important; }
  .card-search { flex-wrap: wrap !important; }
  .card-search .ui-autocomplete { max-width: 100% !important; width: 100% !important; }
  .btn-normalizacion-secundario { width: 100%; margin-top: 8px; text-align: center; }

  /* Tabs */
  .ui-tabs .ui-tabs-nav { flex-wrap: wrap; }

  /* Linea etapas: scroll horizontal */
  .linea-etapas.ui-menubar { display:block !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch; padding-bottom:8px !important; }
  .linea-etapas .ui-menu-list { display:flex !important; flex-wrap:nowrap !important; gap:8px !important; }
  .linea-etapas .ui-menuitem { flex:0 0 auto !important; }
  .linea-etapas .ui-menuitem .ui-menuitem-link { width:auto !important; }

  /* Login */
  .login-box { width:92% !important; margin:0 auto !important; padding:12px !important; }
  .login-box-body { padding:12px !important; }

  /* Evaluaciones: no achicar botones potencial */
  .select-potencial .ui-button, .evaluacion-opciones-modernas .ui-button { min-width:48px !important; }

  .skin-engageme .div-padre-responsive { padding: 0 10px !important; }

  /* Images responsive */
  .content img { max-width: 100% !important; height: auto !important; }
}