body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #ffffff; } .header-menu-bar { background-color: #23232F; margin: 0; padding: 0; position: relative; z-index: 1000; width: 100%; } .menu-container { width: 98%; /* El contenedor debe ocupar el 98% del ancho */ margin: 0 auto; padding: 0; } .menu-grid { display: grid; grid-template-columns: repeat(7, 1fr) !important; gap: 8px; padding: 10px 0; width: 100%; box-sizing: border-box; margin-top: -10px; /* Sube los botones un total de 10px de elevación desde el inicio */ } .menu-item { position: relative; display: flex; } .menu-link { display: flex; align-items: center; justify-content: center; flex: 1; padding: 10px 4px; background-color: #2d2d3a; color: #ffffff; text-align: center; border: none; text-decoration: none; font-weight: 600; font-size: 13px; letter-spacing: 0.2px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: visible; white-space: nowrap; } .menu-link:hover { background-color: #d8b977; color: #23232F; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(216, 185, 119, 0.3); } /* Navigation bridge to prevent submenu closing (zona de seguridad) */ .menu-item::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 20px; display: none; z-index: 5; } .menu-item:hover::after { display: block; } .submenu { visibility: hidden; display: block; position: absolute; top: 100%; left: 0; background-color: #2d2d3a; border: 1px solid #3f3f4e; border-radius: 4px; min-width: 200px; z-index: 1010; opacity: 0; transform: translateY(5px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; transition-delay: 0.15s; /* Delay de salida para navegación humana */ padding: 6px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); margin-top: 5px; } .menu-item:hover .submenu { visibility: visible; opacity: 1; transform: translateY(0); transition-delay: 0s; } .submenu a, .submenu .submenu-title { display: block; padding: 8px 16px; background: transparent; color: #e0e0e0; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 13px; font-weight: 500; transition: all 0.2s ease; white-space: nowrap; text-align: left; cursor: default; } .submenu a { cursor: pointer; } .submenu a:last-child, .submenu .submenu-item:last-child .submenu-title { border-bottom: none; } .submenu a:hover, .submenu .submenu-item:hover .submenu-title { background-color: #3f3f4e; color: #d8b977; padding-left: 20px; } .submenu-item { position: relative; } .submenu-item > a::after, .submenu-item > .submenu-title::after { content: "›"; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: bold; color: #888; } /* Lateral navigation bridge (puente invisible) */ .submenu-item::after { content: ''; position: absolute; top: 0; left: 100%; width: 15px; height: 100%; display: none; z-index: 15; } .submenu-item:hover::after { display: block; } .submenu-lateral { visibility: hidden; display: block; position: absolute; top: -6px; left: 100%; background-color: #2d2d3a; border: 1px solid #3f3f4e; border-radius: 4px; min-width: 180px; z-index: 1020; opacity: 0; transform: translateX(5px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; transition-delay: 0.15s; /* Delay de salida para navegación humana */ padding: 6px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); margin-left: 5px; } .submenu-item:hover .submenu-lateral { visibility: visible; opacity: 1; transform: translateX(0); transition-delay: 0s; } .submenu-lateral a { padding: 8px 16px; display: block; color: #e0e0e0; font-size: 13px; } .submenu-lateral a:hover { background-color: #3f3f4e; color: #d8b977; }
Quiénes somos
Portables S.A. es la primera Empresa Argentina dedicada exclusivamente a la comercialización de equipos portátiles. Satisfacer enteramente las necesidades de portabilidad tecnológica permanente que la sociedad moderna requiere es el desafío que impulsa nuestro accionar diario.
Para ofrecer la respuesta a la realidad del momento, en febrero de 1992, nace nuestra empresa, especializada en la provisión de equipos, insumos y accesorios, cuyo proyecto empresarial inmediato fue la prestación de soluciones integrales en el área, destinadas a abarcar tanto el ámbito particular como el empresarial y el institucional.
La investigación permanente de las novedades específicas nutre y perfecciona su diario accionar, de manera que, ante la urgencia del mercado pronto la empresa detecta la necesidad de portabilidad, producto de la aceleración que experimenta la competitividad en el mundo de los negocios y, nuevamente, en noviembre de 1996, un lugar más estratégico: el local que desde entonces constituye su primer punto de ventas en la Galería Jardín. Allí se inicia esta última etapa dedicada exclusivamente a la comercialización de equipos portátiles.