@media (max-width: 768px) {
body.oggi-chrome .oggi-bnav {
--oggi-navy: var(--oggi-violeta);
--oggi-navy-700: var(--oggi-violeta-hondo);
--oggi-muted: var(--oggi-tinta-2);
--oggi-line: var(--oggi-linea);
--oggi-lime: #fff;
--oggi-red: var(--oggi-alerta);
--oggi-font-display: var(--oggi-letra);
border-top-color: var(--oggi-linea);
box-shadow: 0 -4px 16px rgba(29, 22, 64, .07);
}
body.oggi-chrome .oggi-bnav__item {
align-self: stretch;
font-family: var(--oggi-letra);
font-weight: 600;
color: var(--oggi-tinta-2);
letter-spacing: 0;
}
body.oggi-chrome .oggi-bnav__item.is-active,
body.oggi-chrome .oggi-bnav__item:active { color: var(--oggi-violeta); }
body.oggi-chrome .oggi-bnav__item.is-active { font-weight: 700; }
body.oggi-chrome .oggi-bnav__item.is-active::before {
content: "";
position: absolute;
top: 0; left: 50%;
width: 32px; height: 4px;
margin-left: -16px;
border-radius: 0 0 var(--oggi-r-pildora) var(--oggi-r-pildora);
background: var(--oggi-marca);
pointer-events: none;
}
body.oggi-chrome .oggi-bnav__item:focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
}
@media (max-width: 768px) {
body.oggi-chrome .oggi-bnav__ofertas {
flex: 0 0 80px;
padding: 6px 0;
}
body.oggi-chrome .oggi-bnav__ofertas .oggi-bnav__ofertas-btn {
width: auto;
height: auto;
margin: 0;
gap: 3px;
background: none;
border-radius: 0;
box-shadow: none;
filter: none;
color: inherit;
outline: 0;
scale: none;
transform: none;
animation: none;
}
body.oggi-chrome .oggi-bnav__ofertas .oggi-bnav__ofertas-btn::after { content: none; animation: none; }
body.oggi-chrome .oggi-bnav__ofertas .oggi-bnav__ofertas-btn::before { content: none; }
body.oggi-chrome .oggi-bnav__ofertas .oggi-bnav__ofertas-cruceta { display: block; width: 20px; height: 20px; margin: 1.5px; overflow: visible; }
body.oggi-chrome .oggi-bnav__ofertas .oggi-bnav__ofertas-cruceta :is(.oggi-of-cuerpo, .oggi-of-sat) { fill: currentColor; }
body.oggi-chrome .oggi-bnav__ofertas .oggi-bnav__ofertas-rotulo {
font: inherit;
letter-spacing: 0;
line-height: 1;
color: inherit;
}
}
@media (max-width: 768px) {
body.oggi-chrome .oggi-bnav__cart .oggi-hdr-m__cart-badge {
top: 7.5px;
right: calc(50% - 20px);
min-width: 16px;
height: 16px;
padding: 0 4px;
border: 0;
border-radius: var(--oggi-r-control);
background: var(--oggi-marca-hondo);
color: #fff;
font-family: var(--oggi-letra);
font-size: 10px;
font-weight: 800;
font-variant-numeric: tabular-nums;
line-height: 1;
box-shadow: none;
}
body.oggi-chrome .oggi-bnav__cart .oggi-hdr-m__cart-badge--empty { display: none; }
}