.custom-nav-bar {
display: flex;
align-items: center;
justify-content: center; /* Alineación central de los ítems en PC */
gap: 2.5rem; /* Separación fija entre elementos para evitar que se desparramen */
width: 100%;
max-width: 1140px; /* Ancho estándar del contenedor de Astra / Elementor */
margin: 0 auto; /* Centra la barra en el contenedor ancho */
padding: 0 1rem;
box-sizing: border-box;
font-family: inherit;
}
.nav-item {
position: relative;
display: inline-flex;
align-items: center;
}
/* Ocultar el indicador nativo de */
summary.nav-title {
list-style: none;
cursor: pointer;
}
summary.nav-title::-webkit-details-marker {
display: none;
}
.nav-title {
font-size: inherit;
font-weight: 600;
color: inherit;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.5rem 0;
white-space: nowrap;
user-select: none;
}
.dropdown-icon {
transition: transform 0.2s ease;
}
/* Rotación del ícono al abrir */
details[open] .dropdown-icon {
transform: rotate(180deg);
}
/* Desplegable */
.dropdown-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%); /* Desplegable centrado respecto al título */
min-width: 220px;
background-color: #ffffff;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
border-radius: 6px;
padding: 0.5rem 0;
margin: 0.25rem 0 0 0;
list-style: none;
z-index: 999;
}
.dropdown-menu li a {
display: block;
padding: 0.6rem 1.2rem;
color: #333333;
text-decoration: none;
font-size: 0.9em;
font-weight: 400;
text-align: left;
}
.dropdown-menu li a:hover {
background-color: #f5f5f5;
color: #000000;
}
/* Insignia */
.badge {
display: inline-block;
font-size: 0.65em;
text-transform: uppercase;
background-color: #f0f0f0;
color: #666666;
padding: 0.2rem 0.4rem;
border-radius: 4px;
margin-left: 0.3rem;
vertical-align: middle;
font-weight: 500;
}
.nav-item.disabled {
opacity: 0.6;
cursor: not-allowed;
}
/* Ajustes para Pantallas Móviles */
@media (max-width: 768px) {
.custom-nav-bar {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
padding: 0;
}
.nav-item {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.nav-title {
width: 100%;
justify-content: space-between;
padding: 0.75rem 0;
border-bottom: 1px solid #f0f0f0;
}
.dropdown-menu {
position: static;
transform: none;
width: 100%;
box-shadow: none;
background-color: #fafafa;
border-radius: 4px;
padding: 0.25rem 0;
margin: 0 0 0.5rem 0;
}
.dropdown-menu li a {
padding: 0.6rem 1rem 0.6rem 1.5rem;
}
}
document.addEventListener('DOMContentLoaded', () => {
const dropdowns = document.querySelectorAll('.custom-nav-bar details');
dropdowns.forEach((targetDetail) => {
targetDetail.addEventListener('click', (e) => {
// Al hacer clic en un desplegable, se cierran los demás
dropdowns.forEach((detail) => {
if (detail !== targetDetail) {
detail.removeAttribute('open');
}
});
});
});
// Cerrar el menú si se hace clic fuera del componente
document.addEventListener('click', (e) => {
if (!e.target.closest('.custom-nav-bar')) {
dropdowns.forEach((detail) => {
detail.removeAttribute('open');
});
}
});
});
Ofertas
Ver todas las ofertas
Ofertas
Descubrí nuestra colección
Bolsas de Boxeo
Nuestras HEAVY BAGS están pensadas para entrenamiento profesional, siendo las más elegidas por los mejores profesionales de nuestro país.
- Diseño
- Calidad
- Resistencia
Descubrí nuestra colección
Botitas de Boxeo
Confeccionadas en sintético importado de excelente calidad , suelines de caucho ideales para uso profesional.
- Calidad
- Diseño
- Confort
Descubrí nuestra colección
Shorts y Batas
Confeccionadas solo con materiales de primera calidad , diseños propios, creaciones personalizadas.
- Calidad
- Diseño
- Innovación
¿Por qué elegirnos?
Calidad y Excelencia
Prendas Personalizadas
Producto Argentino
Envíos Internacionales
Múltiples Opciones de Pago
Por qué elegirnos?
Producto Argentino
Envíos Internacionales
Múltiples opciones de pago
Explorá las Heavy Bags
Ver todas las bolsas
Explorá las Heavy Bags
Visitanos
Dirección
Tucumán 2943, San Andrés, Prov. de Buenos Aires
Horarios de atención
9 a 13 hs y 14 a 16 hs Solo con coordinación previa
Visitanos
DE 9 a 13 hs y de 14 a 16 hs ( solo con coordinación previa )
.custom-site-footer {
width: 100%;
background-color: #0d0d0d;
color: #a3a3a3;
font-family: inherit;
padding-top: 3rem;
box-sizing: border-box;
}
.footer-container {
max-width: 1140px;
margin: 0 auto;
padding: 0 1rem 2.5rem 1rem;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 2.5rem;
}
.footer-col {
display: flex;
flex-direction: column;
}
/* Ajustes del Logo */
.footer-logo {
max-width: 95px; /* Tamaño controlado para escritorio */
height: auto;
margin-bottom: 0.85rem;
display: block;
/* Se remueve el filtro de inversión de color */
}
.footer-tagline {
font-size: 0.85rem;
line-height: 1.4;
color: #737373;
margin: 0 0 1.25rem 0;
}
/* Redes sociales */
.footer-socials {
display: flex;
gap: 0.6rem;
}
.social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #171717;
color: #ffffff;
text-decoration: none;
border: 1px solid #262626;
transition: all 0.2s ease;
}
.social-link:hover {
background-color: #ffffff;
color: #000000;
border-color: #ffffff;
transform: translateY(-2px);
}
/* Titulares y enlaces */
.footer-title {
font-size: 0.9rem;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 1rem 0;
}
.footer-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.footer-links a {
color: #a3a3a3;
text-decoration: none;
font-size: 0.85rem;
transition: color 0.2s ease;
}
.footer-links a:hover {
color: #ffffff;
}
/* Subfooter */
.footer-bottom {
border-top: 1px solid #1f1f1f;
background-color: #050505;
padding: 1.25rem 1rem;
}
.footer-bottom-container {
max-width: 1140px;
margin: 0 auto;
text-align: center;
}
.footer-bottom p {
margin: 0;
font-size: 0.8rem;
color: #525252;
}
/* Responsivo para Tablet y Móvil */
@media (max-width: 900px) {
.footer-container {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.footer-brand {
grid-column: span 2;
}
}
@media (max-width: 550px) {
.footer-container {
grid-template-columns: 1fr;
gap: 1.75rem;
}
.footer-brand {
grid-column: span 1;
}
.footer-logo {
max-width: 80px; /* Tamaño reducido para móviles */
}
}
