.hbx-mn-fondo{
position:fixed;
inset:0; z-index:9450;
background:rgba(20,23,58,.45);
display:flex;
justify-content:flex-start;
} .hbx-mn-fondo[hidden]{display:none} body.hbx-mn-abierto{overflow:hidden}
body.hbx-mn-abierto .joinchat{display:none}
.hbx-mn-panel{
position:relative; width:84%;
max-width:320px;
height:100%; min-width:0;
background:#fff;
display:flex;
flex-direction:column;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
box-shadow:8px 0 32px rgba(0,12,70,.18); font-family:var(--hbx-fuente, 'Poppins', system-ui, -apple-system, sans-serif);
color:var(--hbx-texto, #14173a);
font-size:1rem;
line-height:1.5; transform:translateX(-100%);
transition:transform .22s ease;
}
.hbx-mn-fondo--on .hbx-mn-panel{transform:translateX(0)}
.hbx-mn-panel *{box-sizing:border-box} .hbx-mn-panel a{text-decoration:none; color:inherit}
.hbx-mn-panel p,
.hbx-mn-panel ul,
.hbx-mn-panel li{margin:0; padding:0}
.hbx-mn-panel ul{list-style:none} .hbx-mn-panel button{
font-family:inherit;
cursor:pointer;
color:inherit;
background:none;
border:none;
border-radius:0;
min-height:0;
padding:0;
text-align:left;
box-shadow:none;
} .hbx-mn-panel a:focus-visible,
.hbx-mn-panel button:focus-visible{
outline:2px solid var(--hbx-morado, #581fb6);
outline-offset:-3px;
} .hbx-mn-cab{
display:flex;
align-items:center;
gap:8px;
padding:8px 8px 8px 18px;
border-bottom:1px solid var(--hbx-borde, #e6e2f0); position:sticky;
top:0;
background:#fff;
z-index:1;
}
.hbx-mn-marca{
flex:1;
min-width:0; font-family:inherit;
font-size:1.2rem;
font-weight:700;
letter-spacing:-.05em;
color:var(--hbx-texto, #14173a);
}
.hbx-mn-marca b{color:var(--hbx-morado, #581fb6); font-weight:700}
.hbx-mn-marca sup{font-size:.42em; font-weight:500; top:-.7em}
.hbx-mn-panel .hbx-mn-cerrar{
width:44px;
height:44px;
flex:none;
display:grid;
place-items:center;
border-radius:12px;
color:var(--hbx-texto, #14173a);
} .hbx-mn-cerrar:hover,
.hbx-mn-cerrar:active{background:#f4f1fa} .hbx-mn-nav{padding-bottom:32px}
.hbx-mn-fila{border-bottom:1px solid var(--hbx-borde, #e6e2f0)} .hbx-mn-linea{
display:flex;
align-items:stretch;
min-width:0;
}
.hbx-mn-panel .hbx-mn-enlace{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex:1;
min-width:0; min-height:64px;
padding:0 18px;
font-family:inherit;
font-size:1.125rem;
font-weight:600;
letter-spacing:-.025em;
line-height:1.25;
color:var(--hbx-texto, #14173a);
}
.hbx-mn-enlace:hover,
.hbx-mn-enlace:active{background:#f7f5fb; color:var(--hbx-texto, #14173a)} .hbx-mn-enlace::after{
content:'\203A';
flex:none;
color:var(--hbx-morado, #581fb6);
font-size:1.5rem;
font-weight:700;
line-height:1;
} .hbx-mn-panel .hbx-mn-enlace--rotulo{
color:var(--hbx-texto-2, #5d6081);
font-weight:500;
cursor:default;
}
.hbx-mn-enlace--rotulo::after{content:none}
.hbx-mn-enlace--rotulo:hover{background:none} .hbx-mn-fila--cuenta{margin-top:10px; border-top:1px solid var(--hbx-borde, #e6e2f0)}
.hbx-mn-panel .hbx-mn-fila--cuenta .hbx-mn-enlace{
min-height:56px;
font-size:1rem;
font-weight:500;
color:var(--hbx-texto-2, #5d6081);
} .hbx-mn-fila--actual{box-shadow:inset 4px 0 0 var(--hbx-morado, #581fb6)}
.hbx-mn-panel .hbx-mn-enlace[aria-current],
.hbx-mn-panel .hbx-mn-sub-enlace[aria-current]{color:var(--hbx-morado, #581fb6)} .hbx-mn-panel .hbx-mn-mas{
flex:none;
width:56px;
min-height:64px;
display:grid;
place-items:center; border-left:1px solid var(--hbx-borde, #e6e2f0);
}
.hbx-mn-mas:hover,
.hbx-mn-mas:active{background:#f7f5fb} .hbx-mn-mas::after{
content:'\203A';
color:var(--hbx-morado, #581fb6);
font-size:1.5rem;
font-weight:700;
line-height:1;
transform:rotate(0deg);
transition:transform .18s ease;
}
.hbx-mn-fila--abierta .hbx-mn-mas::after{transform:rotate(90deg)} .hbx-mn-panel .hbx-mn-enlace.hbx-mn-mas--solo{
display:flex;
width:100%;
border-left:none;
justify-content:space-between;
} .hbx-mn-fila--padre .hbx-mn-enlace::after{content:none}
.hbx-mn-fila--padre .hbx-mn-enlace{padding-right:10px}
.hbx-mn-enlace.hbx-mn-mas--solo{padding:0 18px}
.hbx-mn-enlace.hbx-mn-mas--solo::after{content:'\203A'} .hbx-mn-sub{
background:#faf9fd;
border-top:1px solid var(--hbx-borde, #e6e2f0);
} .hbx-mn-sub[hidden]{display:none}
.hbx-mn-sub li + li .hbx-mn-sub-enlace{
border-top:1px solid var(--hbx-borde, #e6e2f0);
}
.hbx-mn-panel .hbx-mn-sub-enlace{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-width:0;
min-height:52px; padding:0 18px 0 30px;
font-family:inherit;
font-size:1rem;
font-weight:500;
line-height:1.3;
color:var(--hbx-texto-2, #5d6081);
}
.hbx-mn-sub-enlace:hover,
.hbx-mn-sub-enlace:active{background:#f4f1fa; color:var(--hbx-texto, #14173a)}
.hbx-mn-sub-enlace::after{
content:'\203A';
flex:none;
color:var(--hbx-morado, #581fb6);
font-size:1.25rem;
font-weight:700;
line-height:1;
}
.hbx-mn-sub-enlace.hbx-mn-enlace--rotulo::after{content:none} @media (min-width:1025px){
.hbx-mn-fondo{display:none}
} @media (prefers-reduced-motion: reduce){
.hbx-mn-panel,
.hbx-mn-mas::after{transition:none}
.hbx-mn-panel{transform:none}
}.hbx-ca{ font-family:var(--hbx-fuente, 'Poppins', system-ui, -apple-system, sans-serif);
color:var(--hbx-texto, #14173a);
font-size:1rem;
line-height:1.5; min-width:0;
}
.hbx-ca *{box-sizing:border-box} .hbx-ca img{display:block}
.hbx-ca a{text-decoration:none}
.hbx-ca button{font-family:inherit; cursor:pointer} .hbx-ca h2,
.hbx-ca h3,
.hbx-ca p{margin:0; padding:0}  .hbx-ca .hbx-paso button{min-height:0} .hbx-ca a:focus-visible,
.hbx-ca button:focus-visible,
.hbx-ca input:focus-visible{
outline:2px solid var(--hbx-morado, #581fb6);
outline-offset:2px;
} .hbx-ca-fondo{
position:fixed;
inset:0; z-index:9500;
background:rgba(20,23,58,.45);
display:flex;
justify-content:flex-end;
} .hbx-ca-fondo[hidden]{display:none} body.hbx-ca-abierto{overflow:hidden}
body.hbx-ca-abierto .joinchat{display:none}
.hbx-ca-panel{
position:relative;
width:94%;
max-width:420px;
height:100%;
min-width:0;
background:#fff;
display:flex;
flex-direction:column;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
box-shadow:-8px 0 32px rgba(0,12,70,.18); transform:translateX(100%);
transition:transform .22s ease;
}
.hbx-ca-fondo--on .hbx-ca-panel{transform:translateX(0)} .hbx-ca-panel--cargando .hbx-ca-cuerpo{
opacity:.55;
pointer-events:none;
} .hbx-ca-cab{
display:flex;
align-items:center;
gap:8px;
min-width:0;
padding:12px 8px 12px 18px;
border-bottom:1px solid var(--hbx-borde, #e6e2f0);
}
.hbx-ca-cab h2{
flex:1;
min-width:0;
font-size:1.25rem;
font-weight:700;
letter-spacing:-.03em;
color:var(--hbx-texto, #14173a);
}
.hbx-ca-n{
color:var(--hbx-texto-3, #6b6e88);
font-weight:600;
}
.hbx-ca-cerrar{
flex:none;
width:44px;
height:44px;
display:grid;
place-items:center;
border:none;
background:none;
border-radius:12px;
color:var(--hbx-texto, #14173a);
}
.hbx-ca-cerrar:active{background:#f4f1fa} .hbx-ca-cuerpo{
display:flex;
flex-direction:column; flex:1 0 auto;
min-height:0;
min-width:0;
} .hbx-ca-envio{
padding:14px 18px;
background:var(--hbx-hueso, #f7f5fb);
border-bottom:1px solid var(--hbx-borde, #e6e2f0);
}
.hbx-ca-envio p{
font-size:.875rem;
font-weight:600;
margin-bottom:8px;
} .hbx-ca-envio p b{color:var(--hbx-naranja-btn, #cc4400)}
.hbx-ca-envio--listo p{color:var(--hbx-verde, #0f7b52)}
.hbx-ca-barra{
height:8px;
border-radius:999px;
background:#e3dff0;
overflow:hidden;
}
.hbx-ca-barra i{
display:block;
height:100%;
border-radius:999px;
background:var(--hbx-naranja-btn, #cc4400);
transition:width .3s ease;
}
.hbx-ca-envio--listo .hbx-ca-barra i{background:var(--hbx-verde, #0f7b52)} .hbx-ca-lista{
flex:1 0 auto;
padding:6px 18px;
min-width:0;
list-style:none;
margin:0;
}
.hbx-ca-item{
display:grid;
grid-template-columns:76px 1fr;
gap:14px;
padding:16px 0;
border-bottom:1px solid var(--hbx-borde, #e6e2f0);
min-width:0;
}
.hbx-ca-item > div{min-width:0} .hbx-ca-item .hbx-ca-foto{
--hbx-margen:16px;
background:var(--hbx-hueso, #f7f5fb);
border-radius:14px;
padding:8px;
}
.hbx-ca-item h3{
font-size:.9375rem;
font-weight:600;
letter-spacing:-.02em;
line-height:1.25; overflow-wrap:anywhere;
}
.hbx-ca-item h3 a{color:var(--hbx-texto, #14173a)}
.hbx-ca-item h3 a:hover{color:var(--hbx-morado, #581fb6)}
.hbx-ca-form{
font-size:.75rem;
color:var(--hbx-texto-2, #5d6081);
margin-top:2px;
overflow-wrap:anywhere;
}
.hbx-ca-fila{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-top:10px;
min-width:0;
}
.hbx-ca-pr{
text-align:right;
font-variant-numeric:tabular-nums;
flex:none;
}
.hbx-ca-pr b{
display:block;
font-size:1.0625rem;
font-weight:700;
letter-spacing:-.03em;
}
.hbx-ca-pr s{
font-size:.75rem;
color:var(--hbx-texto-3, #6b6e88);
} .hbx-ca-quitar{
display:inline-flex;
align-items:center;
background:none;
border:none;
padding:8px 0;
min-height:32px;
margin-top:2px;
font-size:.75rem;
color:var(--hbx-texto-3, #6b6e88);
text-decoration:underline;
text-underline-offset:2px;
}
.hbx-ca-quitar:hover{color:var(--hbx-texto, #14173a)} .hbx-ca-cruzada{
padding:16px 18px;
background:var(--hbx-hueso, #f7f5fb);
border-top:1px solid var(--hbx-borde, #e6e2f0);
min-width:0;
}
.hbx-ca-cruzada > p{
font-size:.6875rem;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--hbx-morado, #581fb6);
margin-bottom:12px;
}
.hbx-ca-sug{
display:flex;
align-items:center;
gap:12px;
background:#fff;
border:1.5px solid var(--hbx-borde, #e6e2f0);
border-radius:14px;
padding:10px 12px;
min-width:0;
}
.hbx-ca-sug + .hbx-ca-sug{margin-top:8px} .hbx-ca-sug .hbx-ca-foto{
--hbx-margen:10px;
width:48px;
height:48px;
flex:none;
aspect-ratio:auto;
border-radius:10px;
padding:5px;
}
.hbx-ca-sug-txt{
flex:1;
min-width:0;
}
.hbx-ca-sug-txt b{
display:block;
font-size:.875rem;
font-weight:600;
letter-spacing:-.02em;
line-height:1.2;
overflow-wrap:anywhere;
}
.hbx-ca-sug-txt span{
font-size:.8125rem;
color:var(--hbx-texto-2, #5d6081);
font-variant-numeric:tabular-nums;
}
.hbx-ca-sumar{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
min-height:36px;
padding:0 16px;
border-radius:999px;
border:1.5px solid var(--hbx-morado, #581fb6);
background:#fff;
color:var(--hbx-morado, #581fb6);
font-weight:700;
font-size:.8125rem;
text-decoration:none;
}
.hbx-ca-sumar:hover,
.hbx-ca-sumar:focus{color:var(--hbx-morado, #581fb6)}
.hbx-ca-sumar:active{background:var(--hbx-lavender, #e5e0f5)} .hbx-ca-vacio{
display:none;
min-width:0;
}
.hbx-ca-vacio--on{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:14px;
padding:56px 24px;
}
.hbx-ca-vacio .hbx-ca-ico{
width:72px;
height:72px;
border-radius:999px;
background:var(--hbx-lavender, #e5e0f5);
display:grid;
place-items:center;
color:var(--hbx-morado, #581fb6);
}
.hbx-ca-vacio h3{
font-size:1.25rem;
font-weight:600;
letter-spacing:-.03em;
}
.hbx-ca-vacio p{
font-size:.9375rem;
color:var(--hbx-texto-2, #5d6081);
}
.hbx-ca-vacio a{
display:flex;
align-items:center;
justify-content:center;
min-height:52px;
width:100%;
max-width:340px;
background:var(--hbx-naranja-btn, #cc4400);
color:#fff;
border-radius:999px;
font-weight:700;
margin-top:6px;
}
.hbx-ca-vacio a:hover,
.hbx-ca-vacio a:focus{background:#a83700; color:#fff} .hbx-ca-pie{
position:sticky;
bottom:0;
background:#fff;
border-top:1px solid var(--hbx-borde, #e6e2f0);
padding:14px 18px calc(14px + env(safe-area-inset-bottom));
box-shadow:0 -6px 20px rgba(20,23,58,.08);
min-width:0;
} .hbx-ca-fee{
display:flex;
justify-content:space-between;
gap:12px;
font-size:.875rem;
font-weight:600;
color:var(--hbx-verde, #0f7b52);
margin-bottom:6px;
font-variant-numeric:tabular-nums;
min-width:0;
}
.hbx-ca-fee span:first-child{min-width:0; overflow-wrap:anywhere}
.hbx-ca-fee--mas{color:var(--hbx-texto-2, #5d6081)}
.hbx-ca-fee a{
color:var(--hbx-texto-3, #6b6e88);
font-weight:400;
text-decoration:underline;
text-underline-offset:2px;
margin-left:6px;
}
.hbx-ca-sub{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:12px;
margin-bottom:4px;
font-variant-numeric:tabular-nums;
min-width:0;
}
.hbx-ca-sub span{
font-size:.9375rem;
color:var(--hbx-texto-2, #5d6081);
}
.hbx-ca-sub b{
font-size:1.5rem;
font-weight:700;
letter-spacing:-.045em;
}
.hbx-ca-impuesto{
font-size:.75rem;
color:var(--hbx-texto-3, #6b6e88);
margin-bottom:12px;
}
.hbx-ca-pagar{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:56px;
background:var(--hbx-naranja-btn, #cc4400);
color:#fff;
border:none;
border-radius:999px;
font-weight:700;
font-size:1.0625rem;
transition:background .15s;
}
.hbx-ca-pagar:hover,
.hbx-ca-pagar:focus{background:#a83700; color:#fff}
.hbx-ca-seguir{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:44px;
margin-top:4px;
background:none;
border:none;
color:var(--hbx-morado, #581fb6);
font-weight:600;
font-size:.9375rem;
text-decoration:underline;
text-underline-offset:3px;
}
.hbx-ca-seguir:hover,
.hbx-ca-seguir:focus{color:var(--hbx-morado-osc, #40158c)} .hbx-ca--pagina{
display:block;
width:100%;
padding:8px 0 40px;
}
.hbx-ca--pagina .hbx-ca-pagina-cuerpo{min-width:0}
.hbx-ca--pagina .hbx-ca-col,
.hbx-ca--pagina .hbx-ca-lado{min-width:0} .hbx-ca--pagina .hbx-ca-pie{
position:static;
box-shadow:none;
border-top:1px solid var(--hbx-borde, #e6e2f0);
} .hbx-ca--pagina .hbx-ca-titulo{
padding:8px 18px 12px;
font-size:1.5rem;
font-weight:700;
letter-spacing:-.03em;
font-family:inherit;
font-style:normal;
text-transform:none;
margin:0;
} .hbx-ca--pagina .hbx-paso .hbx-paso-n{
height:36px;
min-height:0;
line-height:36px;
border-radius:0;
}
.hbx-ca--pagina .hbx-paso-n::-webkit-outer-spin-button,
.hbx-ca--pagina .hbx-paso-n::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
} .hbx-ca-ganchos{min-width:0}
.hbx-ca-ganchos:empty{display:none}
.hbx-ca-cupon-fila{
display:flex;
justify-content:flex-end;
padding:6px 18px 0;
min-width:0;
} .hbx-ca--vacia{padding:24px 0 60px}
.hbx-ca--vacia .hbx-ca-vacio{margin-inline:auto; max-width:420px}
.hbx-ca-actualizar{
display:inline-flex;
align-items:center;
min-height:36px;
padding:0 4px;
background:none;
border:none;
color:var(--hbx-morado, #581fb6);
font-size:.8125rem;
font-weight:600;
text-decoration:underline;
text-underline-offset:3px;
} .hbx-ca-cupon{
display:flex;
flex-wrap:wrap;
gap:8px;
padding:16px 18px;
border-top:1px solid var(--hbx-borde, #e6e2f0);
min-width:0;
}
.hbx-ca-cupon label{
flex:0 0 100%;
font-size:.75rem;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--hbx-morado, #581fb6);
}
.hbx-ca-cupon input{
flex:1 1 160px;
min-width:0;
min-height:50px;
padding:0 16px;
border:1.5px solid var(--hbx-borde-2, #cfc8e2);
border-radius:12px;
background:#fff;
font-family:inherit;
font-size:.9375rem;
color:var(--hbx-texto, #14173a);
}
.hbx-ca-cupon input:focus{
border-color:var(--hbx-morado, #581fb6);
outline:none;
} .hbx-ca-cupon .hbx-btn{
flex:0 0 auto;
width:auto;
min-height:50px;
padding:0 24px;
border:none;
font-size:.9375rem;
} @media (min-width:900px){
.hbx-ca--pagina{padding:16px 0 60px}
.hbx-ca--pagina .hbx-ca-pagina-cuerpo{
display:grid;
grid-template-columns:1fr 360px;
gap:32px;
align-items:start;
max-width:1240px;
margin-inline:auto;
padding:0 32px;
}
.hbx-ca--pagina .hbx-ca-pie{
position:sticky;
top:24px;
border:1.5px solid var(--hbx-borde, #e6e2f0);
border-radius:20px;
padding:20px;
} .hbx-ca--pagina .hbx-ca-item{grid-template-columns:92px 1fr; gap:18px}
} @media (min-width:900px){
.hbx-ca-panel{max-width:440px}
} @media (prefers-reduced-motion: reduce){
.hbx-ca-panel,
.hbx-ca-barra i,
.hbx-ca-pagar,
.hbx-ca-vacio a{transition:none}
.hbx-ca-panel{transform:none}
}.shop-loop-head .wd-show-sidebar-btn,
.shop-loop-head .wd-products-per-page,
.shop-loop-head .wd-products-shop-view{
display:none;
} .shop-loop-head .wd-shop-tools{
gap:12px;
} .wd-products .hbx-prod,
.products .hbx-prod{
height:100%; position:relative; padding:0;
margin:0;
box-shadow:none;
} .hbx-prod .hbx-prod-cuerpo{
min-width:0;
}
.hbx-prod .hbx-prod-cuerpo h3{
overflow-wrap:anywhere;
} .wd-products .hbx-prod .hbx-form{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}  .hbx-prod .hbx-cat{
margin:0;
font-size:.625rem;
font-weight:700;
letter-spacing:.13em;
text-transform:uppercase;
color:var(--morado,#581fb6);
} .hbx-prod .hbx-prec-wc{
font-size:1.1875rem;
font-weight:700;
letter-spacing:-.045em;
}
.hbx-prod .hbx-prec-wc del{
font-size:.8125rem;
font-weight:400;
color:var(--texto-3,#6b6e88);
}
.hbx-prod .hbx-prec-wc ins{
text-decoration:none;
} .hbx-prod .hbx-agregar-alt{
background:#fff;
color:var(--texto,#14173a);
border:1.5px solid var(--borde-2,#cfc8e2);
font-weight:600;
}
.hbx-prod .hbx-agregar-alt:hover,
.hbx-prod .hbx-agregar-alt:focus{
background:#fff;
color:var(--morado,#581fb6);
border-color:var(--morado,#581fb6);
} .hbx-prod .hbx-extras:empty{
display:none;
}
.hbx-prod .hbx-extras{
padding:0 14px 14px;
} .shop-loop-head .woocommerce-result-count,
.shop-loop-head .woocommerce-breadcrumb,
.woocommerce-ordering select.orderby{
font-family:var(--hbx-fuente,'Poppins',system-ui,sans-serif);
font-size:.8125rem;
color:var(--hbx-texto-2,#5d6081);
}
.woocommerce-ordering select.orderby{ min-height:44px;
padding:0 12px;
border:1.5px solid var(--hbx-borde,#e6e2f0);
border-radius:999px;
background-color:#fff;
color:var(--hbx-texto,#14173a);
font-weight:600;
}
.wd-pagination ul.page-numbers{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:center;
padding:0;
margin:24px 0 0;
list-style:none;
}
.wd-pagination ul.page-numbers li{
margin:0;
list-style:none;
}
.wd-pagination .page-numbers{
display:flex;
align-items:center;
justify-content:center;
min-width:44px;
min-height:44px;
padding:0 12px;
border:1.5px solid var(--hbx-borde,#e6e2f0);
border-radius:999px;
background-color:#fff;
color:var(--hbx-texto,#14173a);
font-family:var(--hbx-fuente,'Poppins',system-ui,sans-serif);
font-size:.9375rem;
font-weight:600;
text-decoration:none;
}
.wd-pagination a.page-numbers:hover,
.wd-pagination a.page-numbers:focus{
border-color:var(--hbx-morado,#581fb6);
color:var(--hbx-morado,#581fb6);
}
.wd-pagination .page-numbers.current{
border-color:var(--hbx-morado,#581fb6);
background-color:var(--hbx-morado,#581fb6);
color:#fff;
} @media (min-width:1025px){
.wd-products .hbx-prod .hbx-prod-cuerpo{
padding:16px;
}
} .hbx-prod a:focus-visible,
.hbx-prod button:focus-visible,
.hbx-agregar:focus-visible,
.woocommerce-pagination a:focus-visible,
.woocommerce-ordering select:focus-visible{
outline:2px solid var(--hbx-morado,#581fb6);
outline-offset:2px;
border-radius:6px;
}