body.oggi-ui .oggi-prodcard {
--pc-linea: #D9D4EE;
--pc-b: 1px;
border: 0;
border-radius: var(--oggi-r-tarjeta);
background: #fff;
box-shadow: inset 0 0 0 var(--pc-b) var(--pc-linea);
font-family: var(--oggi-letra);
text-align: left;
transition: box-shadow .15s ease;
}
body.oggi-ui .oggi-prodcard:hover {
--pc-linea: var(--oggi-cat, var(--oggi-violeta));
--pc-b: 2px;
border: 0;
box-shadow: inset 0 0 0 var(--pc-b) var(--pc-linea);
}
body.oggi-ui ul.products li.product {
text-align: left;
}
body.oggi-ui .oggi-prodcard__img {
background: #fff;
}
body.oggi-ui .oggi-prodcard :is(a, button):not(.oggi-prodcard__add):focus-visible {
outline: 3px solid var(--oggi-violeta);
outline-offset: -3px;
}
body.oggi-ui .oggi-prodcard .oggi-prodcard__actions :is(a, button):focus-visible {
outline-offset: 2px;
}
body.oggi-ui .oggi-prodcard__actions {
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-prodcard__actions :is(button, a) {
color: var(--oggi-tinta) !important;
}
body.oggi-ui .oggi-prodcard__actions :is(button, a):hover,
body.oggi-ui .oggi-prodcard__wish.is-active {
color: var(--oggi-violeta) !important;
}
body.oggi-ui .oggi-prodcard__wish.is-active .oggi-icon {
fill: currentColor;
stroke: currentColor;
}
body.oggi-ui .oggi-prodcard__brand {
font-family: var(--oggi-letra);
font-size: 11px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--oggi-tinta-2);
line-height: 1.35;
margin: 10px 0 3px;
text-align: left;
}
body.oggi-ui .oggi-prodcard__title {
font-family: var(--oggi-letra);
font-size: 14px;
font-weight: 600;
line-height: 1.32;
min-height: calc(2em * 1.32);
color: var(--oggi-tinta);
text-align: left;
margin: 0 0 10px;
}
body.oggi-ui .oggi-prodcard__title a {
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-prodcard__title a:hover {
color: var(--oggi-violeta);
}
body.oggi-ui .oggi-prodcard__variants {
--s: 6px;
border-radius: var(--oggi-r-pildora);
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 700;
letter-spacing: 0;
padding-inline: calc(var(--s) + 6px);
}
body.oggi-ui .oggi-prodcard__variants::before {
border-radius: 50%;
background: var(--oggi-violeta);
}
body.oggi-ui .oggi-prodcard__prices {
align-items: flex-start;
text-align: left;
}
body.oggi-ui .oggi-prodcard__old {
font-size: 12.5px;
font-weight: 600;
color: var(--oggi-tachado);
}
body.oggi-ui .oggi-prodcard__now {
font-family: var(--oggi-letra);
font-weight: 800;
font-size: 22px;
letter-spacing: -.02em;
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-prodcard__ex-tax {
font-family: var(--oggi-letra);
font-size: 10px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
color: var(--oggi-tinta-2);
text-align: left;
line-height: 1.3;
}
body.oggi-ui .oggi-prodcard__ex-tax :is(.amount, bdi) {
color: var(--oggi-tinta-2);
font-size: inherit;
font-weight: 700;
}
body.oggi-ui .oggi-prodcard .oggi-prodcard__add {
border-radius: 0 0 var(--oggi-r-tarjeta) var(--oggi-r-tarjeta);
font-family: var(--oggi-letra);
font-weight: 800;
font-size: 14px;
letter-spacing: 0;
}
body.oggi-ui .oggi-countdown--card:not(.oggi-countdown--hueco) {
--s: 5px;
border-radius: var(--oggi-r-pildora);
box-shadow: none;
background: var(--oggi-alerta-fondo);
color: var(--oggi-alerta);
font-family: var(--oggi-letra);
font-weight: 800;
padding-inline: calc(var(--s) + 6px);
}
body.oggi-ui .oggi-prodcard .oggi-prodcard__disc {
box-shadow: none;
border-radius: var(--oggi-r-campo);
padding: 7px 11px 6px 11px;
letter-spacing: -.02em;
}
body.oggi-ui .oggi-prodcard .oggi-prodcard__disc-off {
font-weight: 900;
letter-spacing: .06em;
}
@media (min-width: 561px) {
body.oggi-ui .oggi-prodcard .oggi-prodcard__disc { top: 12px; left: 12px; }
}
@media (max-width: 560px) {
body.oggi-ui .oggi-prodcard .oggi-prodcard__disc { border-radius: var(--oggi-r-control); }
body.oggi-ui .oggi-prodcard__brand { margin: 8px 0 2px; }
body.oggi-ui .oggi-prodcard__title { font-size: 13px; line-height: 1.3; min-height: calc(2em * 1.3); margin: 0 0 6px; }
body.oggi-ui .oggi-prodcard__now { font-size: 20px; }
}
body.oggi-ui .oggi-catbg-header {
border-radius: var(--oggi-r-panel);
overflow: hidden;
margin: 0 0 24px;
}
body.oggi-ui .oggi-catbg-header__inner {
padding: 34px 48px 36px;
text-align: left;
}
body.oggi-ui .oggi-catbg-header__eyebrow {
--s: calc(1.3em + 9px);
display: inline-block;
border-radius: var(--oggi-r-pildora);
margin: 0 0 12px;
padding: 5px calc(var(--s) / 2 + 9px) 4px;
background: #fff;
color: var(--catbg-banda, var(--oggi-violeta));
font-family: var(--oggi-letra);
font-size: 11.5px;
font-weight: 800;
letter-spacing: .12em;
line-height: 1.3;
}
body.oggi-ui .oggi-catbg-header__title {
font-family: var(--oggi-letra);
font-size: 40px;
font-weight: 900;
line-height: 1.08;
letter-spacing: -.02em;
color: #fff;
text-wrap: balance;
}
body.oggi-ui .oggi-catbg-header__desc {
margin: 12px 0 0;
max-width: 60ch;
font-family: var(--oggi-letra);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
color: #fff;
}
body.oggi-ui .oggi-catbg-header__count {
display: none;
}
@media (max-width: 768px) {
body.oggi-ui .oggi-catbg-header { margin-bottom: 18px; }
body.oggi-ui .oggi-catbg-header__inner { padding: 22px 20px 24px; }
body.oggi-ui .oggi-catbg-header__eyebrow { margin-bottom: 10px; font-size: 11px; }
body.oggi-ui .oggi-catbg-header__title { font-size: 27px; }
body.oggi-ui .oggi-catbg-header__desc { margin-top: 10px; font-size: 14.5px; line-height: 1.45; }
}
body.oggi-ui .woocommerce-products-header {
margin: 0 0 22px;
padding: 0;
text-align: left;
}
body.oggi-ui .woocommerce-products-header::before {
content: "";
display: block;
--s: 10px;
width: 46px;
height: var(--s);
margin: 0 0 14px;
background: var(--oggi-marca);
border-radius: var(--oggi-r-pildora);
}
body.oggi-ui .woocommerce-products-header__title.page-title {
margin: 0;
font-family: var(--oggi-letra);
font-size: 34px;
font-weight: 900;
line-height: 1.12;
letter-spacing: -.02em;
color: var(--oggi-tinta);
text-align: left;
text-wrap: balance;
}
body.oggi-ui.woocommerce.archive .woocommerce-products-header {
padding-bottom: 0;
}
body.oggi-ui.woocommerce.archive .woocommerce-products-header__title.page-title {
margin-bottom: 0;
}
body.oggi-ui .woocommerce-products-header :is(.term-description, .page-description, .woocommerce-products-header__description),
body.oggi-ui .woocommerce-products-header .term-description p {
margin-top: 10px;
max-width: 64ch;
color: var(--oggi-tinta-2);
font-family: var(--oggi-letra);
font-size: 15px;
font-weight: 500;
line-height: 1.5;
text-align: left;
}
@media (max-width: 768px) {
body.oggi-ui .woocommerce-products-header { margin-bottom: 18px; }
body.oggi-ui .woocommerce-products-header::before { --s: 8px; width: 38px; margin-bottom: 12px; }
body.oggi-ui .woocommerce-products-header__title.page-title { font-size: 25px; }
}
body.oggi-ui .storefront-sorting::before,
body.oggi-ui .storefront-sorting::after {
content: none;
}
body.oggi-ui .storefront-sorting .woocommerce-notices-wrapper:empty {
display: none;
}
body.oggi-ui .woocommerce-ordering select.orderby {
font-weight: 700 !important;
}
body.oggi-ui .woocommerce-result-count {
color: var(--oggi-tinta-2) !important;
font-family: var(--oggi-letra) !important;
font-weight: 500 !important;
font-size: 13px !important;
font-variant-numeric: tabular-nums;
}
body.oggi-ui nav.woocommerce-pagination {
padding: 0;
border: 0;
text-align: left;
}
body.oggi-ui nav.woocommerce-pagination ul {
display: flex !important;
flex-wrap: wrap;
gap: 4px;
}
body.oggi-ui nav.woocommerce-pagination ul li :is(a, span) {
min-width: 36px !important;
height: 36px !important;
padding: 0 7px !important;
}
@media (min-width: 992px) {
body.oggi-ui .storefront-sorting {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 14px;
margin: 0 0 22px;
}
body.oggi-ui .storefront-sorting > * {
float: none;
}
body.oggi-ui .storefront-sorting .woocommerce-notices-wrapper {
flex: 0 0 100%;
}
body.oggi-ui .storefront-sorting .woocommerce-ordering,
body.oggi-ui .storefront-sorting .woocommerce-result-count {
margin: 0 !important;
}
body.oggi-ui .storefront-sorting nav.woocommerce-pagination {
margin: 0 0 0 auto !important;
}
body.oggi-ui .storefront-sorting .woocommerce-ordering select.orderby {
font-size: 15px !important;
}
body.oggi-ui .storefront-sorting .woocommerce-result-count {
font-size: 12.5px !important;
}
body.oggi-ui ul.products ~ .storefront-sorting {
margin: 8px 0 0;
}
}
@media (max-width: 991px) {
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 14px;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > *,
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > *,
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > .storefront-sorting > * {
order: 10;
flex: 0 0 100%;
min-width: 0;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main,
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > .storefront-sorting:has(~ ul.products) {
display: contents;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > .oggi-filtros-chips {
order: 1;
margin: 0 0 12px;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > .storefront-sorting:has(~ ul.products) > .woocommerce-notices-wrapper {
order: 2;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-trigger {
order: 3;
flex: 0 0 auto;
margin: 0 0 10px;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > .storefront-sorting:has(~ ul.products) > .woocommerce-result-count {
order: 4;
flex: 1 1 0;
margin: 0 0 10px !important;
line-height: 1.35 !important;
text-align: right;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > .storefront-sorting:has(~ ul.products) > .woocommerce-ordering {
order: 5;
margin: 0 0 14px !important;
}
body.oggi-ui .oggi-filtros-layout:not(.oggi-filtros-layout--sin-panel) > .oggi-filtros-main > .storefront-sorting:has(~ ul.products) > nav.woocommerce-pagination {
order: 6;
margin: 0 0 18px !important;
}
body.oggi-ui .oggi-filtros-layout .woocommerce-ordering select.orderby {
width: 100%;
max-width: 420px !important;
height: 44px !important;
}
body.oggi-ui ul.products ~ .storefront-sorting {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
margin: 6px 0 0;
}
body.oggi-ui ul.products ~ .storefront-sorting > * {
float: none;
margin: 0 !important;
}
}
body.oggi-ui .oggi-filtros-trigger {
min-height: 44px;
padding: 0 18px 0 16px;
gap: 9px;
font-size: 14px;
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-filtros-trigger svg {
color: var(--oggi-violeta);
}
body.oggi-ui .oggi-filtros-trigger__badge {
border-radius: var(--oggi-r-pildora);
min-width: 22px;
height: 22px;
padding: 0 6px;
background: var(--oggi-violeta);
color: #fff;
font-size: 12px;
font-weight: 800;
font-variant-numeric: tabular-nums;
}
@media (max-width: 560px) {
body.oggi-ui.oggi-has-filtros .oggi-catbg-header,
body.oggi-ui.oggi-has-filtros .woocommerce-products-header {
margin-left: calc(50% - 50vw + 14px);
margin-right: calc(50% - 50vw + 14px);
}
}
body.oggi-ui .oggi-filtros {
border: 0;
border-radius: var(--oggi-r-panel);
background: #fff;
box-shadow: inset 0 0 0 1px #D9D4EE;
font-family: var(--oggi-letra);
scrollbar-width: thin;
scrollbar-color: #CFC9EA transparent;
}
body.oggi-ui .oggi-filtros__head {
padding: 16px 18px 14px;
border-bottom: 1px solid var(--oggi-linea);
}
body.oggi-ui .oggi-filtros__titulo {
font-family: var(--oggi-letra);
font-size: 16px;
font-weight: 900;
letter-spacing: -.01em;
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-filtros__reset {
color: var(--oggi-violeta);
font-weight: 700;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.oggi-ui .oggi-filtros__reset:hover {
color: var(--oggi-violeta-hondo);
}
body.oggi-ui .oggi-filtros__faceta {
border-bottom: 1px solid var(--oggi-linea);
}
body.oggi-ui .oggi-filtros__faceta:last-child {
border-bottom: 0;
}
body.oggi-ui .oggi-filtros__faceta-titulo {
padding: 14px 18px;
font-size: 14px;
font-weight: 800;
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-filtros__faceta-titulo:hover {
color: var(--oggi-violeta);
}
body.oggi-ui .oggi-filtros__faceta-titulo::after {
border-right-color: var(--oggi-violeta);
border-bottom-color: var(--oggi-violeta);
border-width: 0 2.5px 2.5px 0;
}
body.oggi-ui .oggi-filtros__faceta-titulo:focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
@media (min-width: 992px) {
body.oggi-ui .oggi-filtros__faceta:last-child:not([open]) > .oggi-filtros__faceta-titulo {
border-radius: 0 0 var(--oggi-r-panel) var(--oggi-r-panel);
}
}
body.oggi-ui .oggi-filtros__faceta-body {
padding: 0 18px 16px;
}
body.oggi-ui .oggi-filtros__link {
color: var(--oggi-tinta);
font-size: 13.5px;
font-weight: 500;
padding: 6px 0;
}
body.oggi-ui .oggi-filtros__link:hover {
color: var(--oggi-violeta);
}
body.oggi-ui .oggi-filtros__link:focus-visible {
outline: 3px solid var(--oggi-violeta);
outline-offset: 1px;
}
body.oggi-ui .oggi-filtros__opciones {
margin: -4px;
padding: 4px;
}
body.oggi-ui .oggi-filtros__box {
--b: 1.5px;
--caja: #8A85A8;
width: 18px;
height: 18px;
border: 0;
border-radius: 4px;
background: #fff;
box-shadow: inset 0 0 0 var(--b) var(--caja);
}
body.oggi-ui .oggi-filtros__link:hover .oggi-filtros__box {
--caja: var(--oggi-violeta);
}
body.oggi-ui .oggi-filtros__link.is-on .oggi-filtros__box {
--caja: var(--oggi-violeta);
background: var(--oggi-violeta);
}
body.oggi-ui .oggi-filtros__link.is-on .oggi-filtros__box::after {
left: 6px;
top: 2.5px;
width: 5px;
height: 9px;
border-right-width: 2.5px;
border-bottom-width: 2.5px;
}
body.oggi-ui .oggi-filtros__link.is-on .oggi-filtros__label {
font-weight: 700;
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-filtros__count {
color: var(--oggi-tinta-2);
font-size: 12px;
font-weight: 600;
}
body.oggi-ui .oggi-filtros__vermas {
margin-top: 10px;
color: var(--oggi-violeta);
font-family: var(--oggi-letra);
font-size: 13px;
font-weight: 700;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.oggi-ui .oggi-filtros__vermas:hover {
color: var(--oggi-violeta-hondo);
}
body.oggi-ui .oggi-filtros__vermas:focus-visible {
outline: 3px solid var(--oggi-violeta);
outline-offset: 2px;
}
body.oggi-ui input.oggi-filtros__buscador {
height: 40px;
margin-bottom: 12px;
padding: 0 12px;
}
body.oggi-ui .oggi-filtros-precio__rango {
gap: 10px;
}
body.oggi-ui .oggi-filtros-precio__campo {
gap: 5px;
color: var(--oggi-tinta-2);
font-size: 12px;
font-weight: 700;
}
body.oggi-ui .oggi-filtros-precio__campo input {
height: 40px;
padding: 0 10px;
color: var(--oggi-tinta);
font-variant-numeric: tabular-nums;
}
body.oggi-ui .oggi-filtros-precio__hint {
margin: 10px 0 12px;
color: var(--oggi-tinta-2);
font-size: 12px;
line-height: 1.45;
font-variant-numeric: tabular-nums;
}
body.oggi-ui .oggi-filtros-precio__btn {
min-height: 42px;
font-size: 14px;
}
body.oggi-ui .oggi-filtros .oggi-filtros-precio__btn {
border-radius: var(--oggi-r-pildora);
}
@media (min-width: 992px) {
body.oggi-ui.oggi-has-filtros .oggi-filtros-layout {
gap: 24px;
}
}
@media (max-width: 991px) {
body.oggi-ui .oggi-filtros {
border-radius: 0 var(--oggi-r-panel) var(--oggi-r-panel) 0;
overflow: hidden;
background: #fff;
box-shadow: none;
}
body.oggi-ui .oggi-filtros__head {
padding: 12px 10px 12px 18px;
}
body.oggi-ui .oggi-filtros__titulo {
font-size: 18px;
}
body.oggi-ui .oggi-filtros__cerrar {
display: grid;
place-items: center;
width: 44px;
height: 44px;
padding: 0;
color: var(--oggi-tinta);
font-size: 28px;
font-weight: 500;
}
body.oggi-ui .oggi-filtros__cerrar:hover {
color: var(--oggi-violeta);
}
body.oggi-ui .oggi-filtros__cerrar:focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
body.oggi-ui .oggi-filtros__link {
padding: 9px 0;
font-size: 15px;
}
body.oggi-ui .oggi-filtros__pie {
padding: 12px 18px 14px;
border-top: 1px solid var(--oggi-linea);
background: #fff;
}
body.oggi-ui .oggi-filtros__aplicar {
min-height: 48px;
font-size: 15px;
}
body.oggi-ui.oggi-filtros-abierto::after {
background: rgba(29, 22, 64, .55);
}
body.oggi-ui:not(.oggi-filtros-abierto) .oggi-filtros {
visibility: hidden;
transition: transform .25s ease, visibility 0s linear .25s;
}
body.oggi-ui.oggi-filtros-abierto .oggi-filtros {
visibility: visible;
transition: transform .25s ease;
}
}
body.oggi-ui .oggi-filtros-chips {
gap: 8px 6px;
}
body.oggi-ui .oggi-filtros-chip {
--s: 34px;
border-radius: var(--oggi-r-pildora);
min-height: 34px;
max-width: 100%;
padding: 6px calc(var(--s) / 2 + 6px);
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-size: 13px;
font-weight: 700;
}
body.oggi-ui .oggi-filtros-chip:hover {
background: var(--oggi-violeta);
color: #fff;
}
body.oggi-ui .oggi-filtros-chip:focus-visible {
outline: none;
box-shadow: var(--oggi-foco-sobre-color);
background: var(--oggi-violeta);
color: #fff;
}
body.oggi-ui .oggi-filtros-chip > span:not(.oggi-filtros-chip__x) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.oggi-ui .oggi-filtros-chip__x {
font-size: 16px;
font-weight: 600;
}
body.oggi-ui .oggi-filtros-chips__reset {
margin-left: 4px;
color: var(--oggi-violeta);
font-weight: 700;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.oggi-ui .oggi-filtros-chips__reset:hover {
color: var(--oggi-alerta);
}
body.oggi-ui .oggi-filtros-vacio {
border-radius: var(--oggi-r-panel);
margin: 0 0 16px;
padding: 32px 24px;
background: #fff;
}
body.oggi-ui .oggi-filtros-vacio__titulo {
font-family: var(--oggi-letra);
font-size: 18px;
font-weight: 800;
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-filtros-vacio__reset {
border-radius: var(--oggi-r-pildora);
margin-top: 10px;
padding: 13px 24px;
background: var(--oggi-marca);
color: #fff;
font-family: var(--oggi-letra);
font-size: 14px;
font-weight: 800;
}
body.oggi-ui .oggi-filtros-vacio__reset:hover {
background: var(--oggi-marca-hondo);
color: #fff;
}
body.oggi-ui .oggi-filtros-vacio__reset:focus-visible {
outline: none;
box-shadow: var(--oggi-foco-sobre-color);
}
@media (max-width: 380px) {
body.oggi-ui nav.woocommerce-pagination ul {
gap: 3px;
}
body.oggi-ui nav.woocommerce-pagination ul li :is(a, span) {
min-width: 32px !important;
height: 34px !important;
padding: 0 5px !important;
font-size: 13px !important;
}
}