.sv-menu-v7, .sv-menu-v7 * { box-sizing: border-box; }
.sv-menu-v7-card { padding: 18px; background: #fff; border: 1px solid var(–sv-border); border-radius: 8px; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); }
.sv-menu-v7-grid { display: grid; grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: 22px 42px; align-items: start; }
.sv-menu-v7-item { position: relative; min-width: 0; }
.sv-menu-v7-trigger { display: inline-flex; align-items: center; gap: 9px; width: 100%; min-height: 20px; margin: 0; padding: 0; color: var(–sv-text); background: transparent; border: 0; font: inherit; font-size: 14px; line-height: 1.25; text-align: left; cursor: pointer; }
.sv-menu-v7-trigger:hover, .sv-menu-v7-item.is-open .sv-menu-v7-trigger { color: var(–sv-accent); }
.sv-menu-v7-icon, .sv-menu-v7-arrow { display: inline-grid; place-items: center; flex: 0 0 auto; color: currentColor; }
.sv-menu-v7-icon svg { width: 14px; height: 14px; display: block; }
.sv-menu-v7-arrow svg { width: 12px; height: 12px; display: block; transition: transform 0.15s ease; }
.sv-menu-v7-item.is-open .sv-menu-v7-arrow svg { transform: rotate(180deg); }
.sv-menu-v7-dropdown { display: none; position: absolute; top: calc(100% + 12px); left: 0; z-index: 40; width: 300px; max-height: 550px; overflow: auto; padding: 24px 18px; background: #fff; border: 1px solid var(–sv-border); border-radius: 8px; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12); }
.sv-menu-v7-item.is-open .sv-menu-v7-dropdown { display: block; }
.sv-menu-v7-dropdown ul { display: grid; gap: 24px; margin: 0; padding: 0; list-style: none; }
.sv-menu-v7-dropdown li { margin: 0; padding: 0; }
.sv-menu-v7-dropdown a { color: var(–sv-text); font-size: 14px; line-height: 1.25; text-decoration: none; }
.sv-menu-link { display: inline-flex; align-items: center; gap: 8px; } .sv-menu-v7-dropdown a:hover { color: var(–sv-accent); }
@media (max-width: 820px) { .sv-menu-v7 { width: 100%; }
.sv-menu-v7-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; }
.sv-menu-v7-dropdown { width: min(270px, 88vw); } }
@media (max-width: 540px) { .sv-menu-v7-grid { grid-template-columns: 1fr; }
.sv-menu-v7-dropdown { position: static; width: 100%; max-height: none; margin-top: 12px; } }
Almacenamiento
Automatización Doméstica
Cámaras
Escritorio
Gaming
Impresión
Monitores
Movilidad
Música
Proyectores
Telefónicos
Almacenamiento de Red
CD / DVD
Controladores de Disco
Disco de Estado Sólido
Discos Duros
Infraestructura SAN
Memorias Flash
Unidades Drive
Reproductores / Sistema Audio
Audio / Video
Cables de Red
Componentes
Entrada / Salida
Poder / Energía / Alimentación
Café molido y en granos
Gabinetes / Montaje
Procesadores
Tarjetas Madre
Reguladores y No Break
Portátiles / Tablets
Servidores
Thin Clients / Terminales
Workstations
Móviles
Teléfonos
Videoconferencias
Apuntadores
Controladores de PC
Inalámbricos
Paralelo / Serial
Teclado / Keypad
USB / Firewire
Displays
Pantallas Táctiles
Pantallas TV
(function () { function closeMenu(menu) { menu .querySelectorAll(“.sv-menu-v7-item.is-open”) .forEach(function (item) { item.classList.remove(“is-open”); var button = item.querySelector(“.sv-menu-v7-trigger”); if (button) button.setAttribute(“aria-expanded”, “false”); var dropdown = item.querySelector(“.sv-menu-v7-dropdown”); if (dropdown) dropdown.hidden = true; }); }
document.querySelectorAll(“[data-sv-menu-v7]”).forEach(function (menu) { menu.querySelectorAll(“.sv-menu-v7-trigger”).forEach(function (button) { button.addEventListener(“click”, function (event) { event.preventDefault(); event.stopPropagation();
var item = button.closest(“.sv-menu-v7-item”); var wasOpen = item.classList.contains(“is-open”);
closeMenu(menu);
if (!wasOpen) { item.classList.add(“is-open”); button.setAttribute(“aria-expanded”, “true”); var dropdown = item.querySelector(“.sv-menu-v7-dropdown”); if (dropdown) dropdown.hidden = false; } }); }); });
document.addEventListener(“click”, function (event) { document.querySelectorAll(“[data-sv-menu-v7]”).forEach(function (menu) { if (!menu.contains(event.target)) closeMenu(menu); }); });
document.addEventListener(“keydown”, function (event) { if (event.key === “Escape”) { document.querySelectorAll(“[data-sv-menu-v7]”).forEach(closeMenu); } }); })();
Barebon ofrece productos esenciales con diseño minimalista y funcionalidad superior, ideales para quienes buscan simplicidad y calidad en su día a día.