body.oggi-chrome :where(.oggi-hdr, .oggi-catnav, .oggi-hdr-m__search, .oggi-hdr-m__pills, .oggi-wppsuc) {
--oggi-navy: #1D1640;
--oggi-navy-700: #2E2560;
--oggi-navy-600: #2E2560;
--oggi-navy-500: #57527A;
--oggi-navy-50: #EEE9FF;
--oggi-lime: #6A3BF0;
--oggi-lime-600: #5326D6;
--oggi-lime-700: #5326D6;
--oggi-lime-50: #EEE9FF;
--oggi-lime-100: #E2DAFF;
--oggi-red: #E4002B;
--oggi-ink: #1D1640;
--oggi-ink-2: #1D1640;
--oggi-muted: #57527A;
--oggi-line: #E4E1F2;
--oggi-line-2: #EEECF7;
--oggi-bg: #F4F3FB;
--oggi-sh-2: 0 6px 16px rgba(29, 22, 64, .08);
--oggi-sh-3: 0 14px 40px rgba(29, 22, 64, .14);
--oggi-font-display: var(--oggi-letra);
--oggi-azul-marino: #1D1640;
--oggi-verde: #6A3BF0;
--oggi-verde-oscuro: #5326D6;
--hdr-tinta-hover: #2E2560;
--hdr-placeholder: #6A6589;
--hdr-oferta-hondo: linear-gradient(110deg, #B8005F, #C70026);
font-family: var(--oggi-letra);
}
body.oggi-chrome .oggi-hdr__search {
border: 2px solid var(--oggi-tinta);
border-radius: var(--oggi-r-campo);
padding: 0;
transition: border-color .15s ease;
}
body.oggi-chrome .oggi-hdr__search:focus-within { border-color: var(--oggi-violeta); }
body.oggi-chrome .oggi-hdr__cat-picker { border-right: 1px solid var(--oggi-linea); }
body.oggi-chrome .oggi-hdr__cat-toggle {
border-radius: var(--oggi-r-control) 0 0 var(--oggi-r-control);
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 700;
}
body.oggi-chrome .oggi-hdr__cat-toggle:hover,
body.oggi-chrome .oggi-hdr__cat-picker.is-open .oggi-hdr__cat-toggle { background: #E2DAFF; }
body.oggi-chrome .oggi-hdr__cat-chev { color: var(--oggi-tinta); }
body.oggi-chrome .oggi-hdr .oggi-hdr__search input.oggi-hdr__search-input,
body.oggi-chrome .oggi-hdr .oggi-hdr__search input.oggi-hdr__search-input:focus {
font-family: var(--oggi-letra);
font-weight: 500;
color: var(--oggi-tinta);
}
body.oggi-chrome .oggi-hdr .oggi-hdr__search input.oggi-hdr__search-input::placeholder { color: var(--hdr-placeholder); }
body.oggi-chrome .oggi-hdr__search-btn {
border-radius: 0 var(--oggi-r-control) var(--oggi-r-control) 0;
background: var(--oggi-marca);
color: #fff;
font-family: var(--oggi-letra);
font-weight: 800;
}
body.oggi-chrome .oggi-hdr__search-btn:hover { background: var(--oggi-marca-hondo); color: #fff; }
body.oggi-chrome .oggi-hdr__cat-menu {
padding: 7px;
border: 1px solid #D9D3EF;
border-radius: var(--oggi-r-control);
background: #fff;
font-family: var(--oggi-letra);
}
body.oggi-chrome .oggi-hdr__cat-picker.is-open {
filter: drop-shadow(0 12px 22px rgba(29, 22, 64, .16)) drop-shadow(0 2px 4px rgba(29, 22, 64, .06));
}
body.oggi-chrome .oggi-hdr__cat-item {
color: var(--oggi-tinta);
font-weight: 500;
}
body.oggi-chrome .oggi-hdr__cat-item:hover,
body.oggi-chrome .oggi-hdr__cat-item.is-focused {
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
}
body.oggi-chrome .oggi-hdr__cat-item.is-selected {
background: #E2DAFF;
color: var(--oggi-tinta);
font-weight: 700;
}
body.oggi-chrome .oggi-hdr__cat-item.is-selected::after { border-color: var(--oggi-violeta); }
body.oggi-chrome .oggi-hdr__cat-menu::-webkit-scrollbar-thumb { background: var(--oggi-linea); }
body.oggi-chrome .oggi-hdr__cat-menu::-webkit-scrollbar-thumb:hover { background: var(--oggi-tinta-2); }
body.oggi-chrome .oggi-hdr__action {
border-radius: var(--oggi-r-control);
color: var(--oggi-tinta);
}
body.oggi-chrome .oggi-hdr__action:hover { background: var(--oggi-lavanda); color: var(--oggi-tinta); }
body.oggi-chrome .oggi-hdr__action:focus { outline: none; }
body.oggi-chrome .oggi-hdr__action-icon {
border-radius: 50%;
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
transition: background-color .15s ease;
}
body.oggi-chrome .oggi-hdr__action:hover .oggi-hdr__action-icon { background: #E2DAFF; }
body.oggi-chrome .oggi-hdr__action--cart .oggi-hdr__action-icon,
body.oggi-chrome .oggi-hdr__action--cart:hover .oggi-hdr__action-icon { background: var(--oggi-tinta); color: #fff; }
body.oggi-chrome .oggi-hdr__action-t1 { color: var(--oggi-tinta-2); font-weight: 500; }
body.oggi-chrome .oggi-hdr__action-t2 {
color: var(--oggi-tinta);
font-weight: 800;
font-variant-numeric: tabular-nums;
}
body.oggi-chrome .oggi-hdr__cart-badge {
border: 0;
border-radius: var(--oggi-r-control);
background: var(--oggi-marca-hondo);
color: #fff;
font-family: var(--oggi-letra);
font-weight: 800;
font-variant-numeric: tabular-nums;
}
body.oggi-chrome .oggi-catnav {
background: var(--oggi-lavanda);
border-top-color: var(--oggi-linea);
border-bottom-color: var(--oggi-linea);
}
body.oggi-chrome .oggi-hdr { border-bottom-color: var(--oggi-linea); }
body.oggi-chrome .oggi-catnav__all,
body.oggi-chrome .oggi-catnav__pill {
border-radius: var(--oggi-r-control);
background: var(--oggi-tinta);
color: #fff;
font-family: var(--oggi-letra);
font-weight: 800;
}
body.oggi-chrome .oggi-catnav__all:hover,
body.oggi-chrome .oggi-catnav__all.is-open,
body.oggi-chrome .oggi-catnav__all-wrap:hover .oggi-catnav__all,
body.oggi-chrome .oggi-catnav__pill:hover {
background: var(--hdr-tinta-hover);
color: #fff;
}
body.oggi-chrome :is(.oggi-catnav__all, .oggi-catnav__pill):focus { outline: none; }
body.oggi-chrome .oggi-catnav__pill--wpp { background: #0B7A3E; color: #fff; }
body.oggi-chrome .oggi-catnav__pill--wpp:hover { background: #096633; color: #fff; }
body.oggi-chrome .oggi-catnav__link {
border-radius: var(--oggi-r-control);
background: #fff;
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 700;
}
body.oggi-chrome .oggi-catnav__all { letter-spacing: 0; }
body.oggi-chrome .oggi-catnav__link { padding-inline: 16px; }
@media (max-width: 1100px) {
body.oggi-chrome .oggi-catnav__link { padding-inline: 10px; }
}
body.oggi-chrome .oggi-catnav__link:hover { background: var(--oggi-violeta-suave); color: var(--oggi-tinta); }
body.oggi-chrome .oggi-catnav__link:focus { outline: none; }
body.oggi-chrome .oggi-catnav__link--hot,
body.oggi-chrome .oggi-catnav__link--hot:hover {
background: var(--oggi-oferta);
color: #fff;
font-weight: 800;
box-shadow: none;
}
body.oggi-chrome .oggi-catnav__link--hot:hover { background: var(--hdr-oferta-hondo); }
body.oggi-chrome .oggi-megamenu {
border-radius: var(--oggi-r-campo);
background: #fff;
box-shadow: none;
filter: drop-shadow(0 14px 28px rgba(29, 22, 64, .20)) drop-shadow(0 2px 4px rgba(29, 22, 64, .08));
font-family: var(--oggi-letra);
}
body.oggi-chrome .oggi-megamenu__side {
background: var(--oggi-tinta);
scrollbar-color: #57527A var(--oggi-tinta);
}
body.oggi-chrome .oggi-megamenu__side-item {
border-left-color: transparent;
font-family: var(--oggi-letra);
font-weight: 600;
}
body.oggi-chrome .oggi-megamenu__side-item:hover { background: var(--hdr-tinta-hover); border-left-color: transparent; }
body.oggi-chrome .oggi-megamenu__side-item.is-active { background: var(--oggi-violeta); border-left-color: transparent; font-weight: 700; }
body.oggi-chrome .oggi-megamenu__side-item:is(:hover, .is-active) .oggi-icon { color: #fff; }
body.oggi-chrome .oggi-megamenu__side-item:focus { outline: none; }
body.oggi-chrome .oggi-megamenu__side-item:focus-visible { box-shadow: var(--oggi-foco-sobre-color); }
body.oggi-chrome .oggi-megamenu__panel-title,
body.oggi-chrome .oggi-megamenu__panel-title a { color: var(--oggi-tinta); font-weight: 800; }
body.oggi-chrome .oggi-megamenu__panel-title a:hover,
body.oggi-chrome .oggi-megamenu__link:hover { color: var(--oggi-violeta-hondo); }
body.oggi-chrome .oggi-megamenu__link { color: var(--oggi-tinta); font-weight: 500; }
body.oggi-chrome .oggi-megamenu__empty { color: var(--oggi-tinta-2); }
body.oggi-chrome .oggi-fuego svg {
filter: drop-shadow(0 0 2px rgba(255, 122, 26, .5));
}
body.oggi-chrome .oggi-fuego .oggi-fuego__f1 { fill: #FFC3A0; }
body.oggi-chrome .oggi-fuego .oggi-fuego__f2 { fill: #FFE3D6; }
body.oggi-chrome .oggi-fuego .oggi-fuego__f3 { fill: #FFFFFF; }
body.oggi-chrome a:hover > .oggi-fuego svg,
body.oggi-chrome a:focus-visible > .oggi-fuego svg {
transform: scale(1.15);
filter: drop-shadow(0 0 4px rgba(255, 140, 100, .7));
}
body.oggi-chrome .oggi-fuego__chispas { display: none; }
body.oggi-chrome .oggi-fuego__brillo::after {
background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .16), transparent);
}
@media (prefers-reduced-motion: reduce) {
body.oggi-chrome .oggi-fuego svg { transition: none; }
body.oggi-chrome a:hover > .oggi-fuego svg,
body.oggi-chrome a:focus-visible > .oggi-fuego svg { transform: none; }
}
body.oggi-chrome .oggi-hdr-m__search-form {
border-color: transparent;
border-radius: var(--oggi-r-campo);
background: var(--oggi-lavanda) border-box;
box-shadow: none;
}
body.oggi-chrome .oggi-hdr-m__search-form:focus-within {
border-color: transparent;
background: #fff border-box;
box-shadow: inset 0 0 0 2px var(--oggi-violeta);
}
body.oggi-chrome .oggi-hdr-m .oggi-hdr-m__search-form input.oggi-hdr-m__search-input,
body.oggi-chrome .oggi-hdr-m .oggi-hdr-m__search-form input.oggi-hdr-m__search-input:focus {
font-family: var(--oggi-letra);
font-weight: 500;
color: var(--oggi-tinta);
line-height: 25px;
}
body.oggi-chrome .oggi-hdr-m .oggi-hdr-m__search-form input.oggi-hdr-m__search-input::placeholder { color: var(--oggi-tinta-2); }
body.oggi-chrome .oggi-hdr-m__search-btn {
border-radius: 0 calc(var(--oggi-r-campo) - 1.5px) calc(var(--oggi-r-campo) - 1.5px) 0;
color: var(--oggi-tinta);
}
body.oggi-chrome .oggi-hdr-m__search-btn:active { color: var(--oggi-violeta-hondo); }
body.oggi-chrome .oggi-hdr-m__search-btn:focus { outline: none; }
body.oggi-chrome .oggi-hdr-m { box-shadow: 0 1px 6px rgba(29, 22, 64, .07); }
body.oggi-chrome .oggi-hdr-m__pill {
--fondo: var(--oggi-lavanda);
position: relative;
isolation: isolate;
border-radius: var(--oggi-r-control);
background: var(--fondo);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 700;
}
body.oggi-chrome .oggi-hdr-m__pill::after {
content: "";
position: absolute;
inset: -3.25px 0;
}
body.oggi-chrome .oggi-hdr-m__pill:active { --fondo: var(--oggi-violeta-suave); }
body.oggi-chrome .oggi-hdr-m__pill:focus { outline: none; }
body.oggi-chrome .oggi-hdr-m__pill:is(.oggi-hdr-m__pill--accent, .oggi-hdr-m__pill--hot),
body.oggi-chrome .oggi-hdr-m__pill:is(.oggi-hdr-m__pill--accent, .oggi-hdr-m__pill--hot):active {
--fondo: var(--oggi-oferta);
color: #fff;
font-weight: 800;
box-shadow: none;
}
body.oggi-chrome .oggi-hdr-m__pill--wpp,
body.oggi-chrome .oggi-hdr-m__pill--wpp:active { --fondo: #0B7A3E; color: #fff; }
body.oggi-chrome .oggi-wppsuc.oggi-wppsuc {
--w-navy: #1D1640;
--w-navy-50: #EEE9FF;
--w-ink: #1D1640;
--w-sec: #57527A;
--w-muted: #57527A;
--w-line: #E4E1F2;
--w-bg: #F4F3FB;
border-radius: 20px 20px 0 0;
box-shadow: none;
}
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__hoja::before { background: var(--oggi-linea); }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__cerrar {
border-radius: 50%;
box-shadow: none;
background: var(--oggi-lavanda);
color: var(--oggi-tinta);
}
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__cerrar:is(:hover, :active) { background: var(--oggi-violeta-suave); color: var(--oggi-tinta); }
body.oggi-chrome .oggi-wppsuc :is(button, a):focus-visible { outline: none; box-shadow: var(--oggi-foco); }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__titulo { color: var(--oggi-tinta); font-weight: 800; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__opcion {
border-color: transparent;
border-radius: var(--oggi-r-caja);
background: var(--oggi-lavanda) border-box;
}
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__opcion:is(:hover, :active) { border-color: transparent; background: var(--oggi-violeta-suave) border-box; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__opcion-txt strong { color: var(--oggi-tinta); font-weight: 800; }
body.oggi-chrome .oggi-wppsuc :is(.oggi-wppsuc__opcion-flecha, .oggi-wppsuc__volver, .oggi-wppsuc__sin-wa, .oggi-wppsuc__pie a) { color: var(--oggi-tinta); }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__volver { border-radius: var(--oggi-r-control); }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__volver:is(:hover, :active) { background: var(--oggi-violeta-suave); color: var(--oggi-tinta); }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip {
border-color: transparent;
border-radius: var(--oggi-r-campo);
background: var(--oggi-lavanda) border-box;
}
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip:hover { border-color: transparent; background: var(--oggi-violeta-suave) border-box; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip-rot { color: var(--oggi-tinta); font-weight: 800; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip-sub { color: var(--oggi-tinta-2); }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip--todas {
border-style: solid;
border-color: #D9D3EF;
background: #fff;
}
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip--todas:hover { border-color: #D9D3EF; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip[aria-pressed="true"] { border-color: transparent; background: var(--oggi-tinta) border-box; box-shadow: none; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__chip[aria-pressed="true"] :is(.oggi-wppsuc__chip-rot, .oggi-wppsuc__chip-sub) { color: #fff; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__card {
border-color: transparent;
border-radius: var(--oggi-r-caja);
background: var(--oggi-lavanda) border-box;
box-shadow: none;
}
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__nombre { color: var(--oggi-tinta); font-weight: 800; }
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__wa {
border-radius: var(--oggi-r-campo);
font-weight: 800;
}
body.oggi-chrome .oggi-wppsuc .oggi-wppsuc__pie { border-top-color: var(--oggi-linea); }
@media (min-width: 769px) {
body.oggi-chrome .oggi-wppsuc.oggi-wppsuc {
border-radius: 20px;
box-shadow: none;
}
}
@media (min-width: 769px) {
body.oggi-chrome #masthead.site-header.is-fijo { box-shadow: 0 6px 18px rgba(29, 22, 64, .10); }
}
body.oggi-chrome.oggi-chrome :is(.oggi-hdr__action, .oggi-catnav__all, .oggi-catnav__pill, .oggi-hdr__cat-toggle,
.oggi-hdr__search-btn, .oggi-hdr-m__search-btn):focus-visible {
--anillo: var(--oggi-violeta);
outline: none;
box-shadow: inset 0 0 0 3px var(--anillo);
}
body.oggi-chrome.oggi-chrome :is(.oggi-catnav__all, .oggi-catnav__pill, .oggi-hdr__search-btn):focus-visible { --anillo: #fff; }
body.oggi-chrome .oggi-catnav__link { position: relative; }
body.oggi-chrome.oggi-chrome :is(.oggi-catnav__link, .oggi-hdr-m__pill):focus-visible { box-shadow: none; }
body.oggi-chrome.oggi-chrome :is(.oggi-catnav__link, .oggi-hdr-m__pill):focus-visible::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
box-shadow: inset 0 0 0 3px var(--anillo, var(--oggi-violeta));
}
body.oggi-chrome :is(.oggi-catnav__link--hot, .oggi-hdr-m__pill--accent, .oggi-hdr-m__pill--hot, .oggi-hdr-m__pill--wpp) { --anillo: var(--oggi-tinta); }
body.oggi-chrome.oggi-chrome .oggi-wppsuc :is(.oggi-wppsuc__cerrar, .oggi-wppsuc__opcion, .oggi-wppsuc__chip, .oggi-wppsuc__wa):focus-visible {
--anillo: var(--oggi-violeta);
outline: none;
box-shadow: inset 0 0 0 3px var(--anillo);
}
body.oggi-chrome.oggi-chrome .oggi-wppsuc :is(.oggi-wppsuc__opcion, .oggi-wppsuc__chip):focus-visible {
border-color: var(--anillo);
box-shadow: inset 0 0 0 1.5px var(--anillo);
}
body.oggi-chrome.oggi-chrome .oggi-wppsuc :is(.oggi-wppsuc__wa, .oggi-wppsuc__chip[aria-pressed="true"]):focus-visible { --anillo: #fff; }