/*
 * TULOGICA — mobile-responsive.css v3.0
 * Archivo de respaldo — el CSS principal ya está en main.css
 * Este archivo refuerza estilos por si hay conflictos de caché
 */

/* Hamburger a 1100px — refuerzo con !important */
@media(max-width:1100px){
  .main-nav{display:none!important}
  .header-ctas{display:none!important}
  .nav-toggle{display:flex!important}
  .nav-dropdown,.nav-dropdown--mega,.nav-dropdown--slim{display:none!important;pointer-events:none!important}
  .platform-tabs,.prod-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
  .platform-tabs::-webkit-scrollbar,.prod-tabs::-webkit-scrollbar{display:none}
  .platform-tab,.prod-tab{white-space:nowrap!important;flex-shrink:0!important}
  .uc2-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;justify-content:flex-start!important}
  .uc2-tabs::-webkit-scrollbar{display:none}
  .uc2-tab{flex-shrink:0!important;white-space:nowrap!important}
}

/* Por encima de 1100px: restaurar nav */
@media(min-width:1101px){
  .main-nav{display:flex!important}
  .header-ctas{display:flex!important}
  .nav-toggle{display:none!important}
}