body.oggi-ui {
--oggi-tinta: #1D1640;
--oggi-tinta-2: #57527A;
--oggi-lavanda: #F4F3FB;
--oggi-linea: #E4E1F2;
--oggi-violeta: #6A3BF0;
--oggi-violeta-hondo: #5326D6;
--oggi-violeta-suave: #EEE9FF;
--oggi-marca: linear-gradient(110deg, #1A68FF, #8E48FF);
--oggi-marca-hondo: linear-gradient(110deg, #0F55E0, #7A33F0);
--oggi-oferta: linear-gradient(110deg, #D6006E, #E4002B);
--oggi-ahorro: #0B7A3F;
--oggi-ahorro-fondo: #E2F6EA;
--oggi-2x1: linear-gradient(110deg, #008942, #0B7A3F);
--oggi-tachado: #6A6589;
--oggi-alerta: #C0002B;
--oggi-alerta-fondo: #FDECEF;
--oggi-letra: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--oggi-r-chico: 8px;
--oggi-r-control: 10px;
--oggi-r-campo: 12px;
--oggi-r-caja: 14px;
--oggi-r-panel: 16px;
--oggi-r-tarjeta: 18px;
--oggi-r-pildora: 999px;
--oggi-c-chico: 7px;
--oggi-c-boton: 11px;
--oggi-c-tarjeta: 16px;
--oggi-c-escenario: 24px;
--oggi-s: 8px;
--oggi-aire-arriba: 16px;
--oggi-foco: inset 0 0 0 3px var(--oggi-violeta);
--oggi-foco-sobre-color: inset 0 0 0 3px #fff, inset 0 0 0 5px var(--oggi-tinta);
}
body.oggi-ui :where(.storefront-breadcrumb, #content, .oggi-envio-flota, .storefront-sticky-add-to-cart),
body.oggi-ui > :where(.select2-container, .oggi-cfx, .oggi-reco-capa) {
--oggi-navy: #1D1640;
--oggi-navy-700: #140F30;
--oggi-navy-600: #18123A;
--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-1: 0 1px 2px rgba(29, 22, 64, .06);
--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-azul-marino2: #57527A;
--oggi-verde: #6A3BF0;
--oggi-verde-oscuro: #5326D6;
--oggi-verde-muy-oscuro: #5326D6;
font-family: var(--oggi-letra);
font-weight: 500;
color: var(--oggi-tinta);
}
body.oggi-ui :where(.storefront-breadcrumb, #content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :where(button, input, select, textarea, optgroup) {
font-family: inherit;
}
:where(body.oggi-ui #content, body.oggi-ui .storefront-breadcrumb) :is(.price, .amount, .woocommerce-Price-amount, bdi, .qty, .oggi-prodcard__prices) {
font-variant-numeric: tabular-nums;
}
:where(body.oggi-ui #content, body.oggi-ui .storefront-breadcrumb) :is(h1, h2, h3, h4, h5, h6) {
color: var(--oggi-tinta);
font-weight: 800;
}
body.oggi-ui:not(.oggi-catbg) :where(.storefront-breadcrumb, #content) {
background-color: var(--oggi-lavanda);
}
body.oggi-ui:not(.oggi-catbg) .storefront-breadcrumb {
box-shadow: 0 32px 0 var(--oggi-lavanda), 0 64px 0 var(--oggi-lavanda);
}
body.oggi-ui:is(.woocommerce, .woocommerce-page) .storefront-breadcrumb {
margin-bottom: 0;
}
body.oggi-ui:is(.oggi-carrito-pantalla, .oggi-pago-pantalla) .storefront-breadcrumb .woocommerce-breadcrumb {
margin-bottom: 0 !important;
}
body.oggi-ui:is(.woocommerce, .woocommerce-page) #page #content.site-content {
padding-top: var(--oggi-aire-arriba) !important;
}
@media (min-width: 992px) {
body.oggi-ui .storefront-breadcrumb .col-full {
--oggi-miga-paso: 30px;
--oggi-miga-pasos: 1;
box-sizing: border-box;
max-width: none;
margin-inline: 0;
padding-left: calc(var(--oggi-miga-paso) * var(--oggi-miga-pasos));
padding-right: var(--oggi-miga-paso);
}
body.oggi-ui.oggi-pago-pantalla .storefront-breadcrumb .col-full { --oggi-miga-pasos: 2; }
body.oggi-ui:is(.woocommerce.archive, .woocommerce-account) .storefront-breadcrumb .col-full { --oggi-miga-pasos: 3; }
body.oggi-ui.single-product .storefront-breadcrumb .col-full {
padding-inline: max(var(--oggi-miga-paso) * 2, (100% - 1148px) / 2);
}
body.oggi-ui.woocommerce-account:not(.logged-in) .storefront-breadcrumb .col-full {
padding-left: max(var(--oggi-miga-paso) * 3, 50% - var(--oggi-miga-columna) / 2 + var(--oggi-miga-paso) / 2);
}
}
body.oggi-ui.woocommerce-account:not(.logged-in) .storefront-breadcrumb .col-full { --oggi-miga-columna: 480px; }
body.oggi-ui.woocommerce-account:not(.logged-in):has(#customer_login) .storefront-breadcrumb .col-full { --oggi-miga-columna: 980px; }
@media (min-width: 768px) and (max-width: 991px) {
body.oggi-ui.woocommerce-account:not(.logged-in) .storefront-breadcrumb .col-full {
margin-inline: 0;
padding-left: max(2.617924em + 15px, 50% - var(--oggi-miga-columna) / 2);
}
}
@media (min-width: 1500px) {
body.oggi-ui .storefront-breadcrumb .col-full { --oggi-miga-paso: 50px; }
}
@media (max-width: 991px) {
body.oggi-ui .storefront-breadcrumb .col-full { padding-inline: 15px; }
}
@media (max-width: 900px) {
body.oggi-ui:is(.oggi-carrito-pantalla, .oggi-pago-pantalla) .storefront-breadcrumb .col-full { margin-inline: 0; }
}
@media (max-width: 767px) {
body.oggi-ui .storefront-breadcrumb .col-full { margin-inline: 0; }
}
:where(body.oggi-ui .oggi-corte, body.oggi-ui .oggi-muesca) { --c: var(--oggi-c-tarjeta); }
:where(body.oggi-ui .oggi-barra) { --s: var(--oggi-s); }
body.oggi-ui .oggi-corte {
border-radius: var(--r, var(--oggi-r-panel));
}
body.oggi-ui .oggi-muesca {
border-radius: var(--r, var(--oggi-r-panel)) var(--r, var(--oggi-r-panel)) 0 0;
}
body.oggi-ui .oggi-barra {
border-radius: var(--oggi-r-pildora);
}
:where(body.oggi-ui .oggi-barra) { padding-inline: calc(var(--s) + 6px); }
:where(body.oggi-ui .oggi-corte, body.oggi-ui .oggi-muesca) { padding: calc(var(--c) / 2 + 2px); }
:where(body.oggi-ui .oggi-contorno) { --b: 1.5px; --contorno: var(--oggi-linea); --fondo: #fff; }
body.oggi-ui .oggi-contorno {
border: 0;
background: var(--fondo);
box-shadow: inset 0 0 0 var(--b) var(--contorno);
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button, input[type="submit"], .oggi-filtros-trigger, .oggi-filtros-precio__btn, .oggi-filtros__aplicar, .oggi-envios__boton, .oggi-envio-flota__ir) {
border: 0;
border-radius: var(--oggi-r-control);
box-shadow: none;
text-shadow: none;
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 800;
letter-spacing: 0;
text-transform: none;
text-decoration: none;
transition: background-color .15s ease, color .15s ease, filter .15s ease;
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button, input[type="submit"]):hover {
background: #E2DAFF;
color: var(--oggi-tinta);
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button.alt, button.alt, .checkout-button, .single_add_to_cart_button, .oggi-prodcard__add, .woocommerce-form-login__submit, .woocommerce-form-register__submit, .oggi-pago__pagar, .oggi-filtros-precio__btn, .oggi-filtros__aplicar, .oggi-envios__boton, .oggi-envio-flota__ir) {
background: var(--oggi-marca);
color: #fff;
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button.alt, button.alt, .checkout-button, .single_add_to_cart_button, .oggi-prodcard__add, .woocommerce-form-login__submit, .woocommerce-form-register__submit, .oggi-pago__pagar, .oggi-filtros-precio__btn, .oggi-filtros__aplicar, .oggi-envios__boton, .oggi-envio-flota__ir):hover {
background: var(--oggi-marca-hondo);
color: #fff;
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button.alt, button.alt, .checkout-button, .single_add_to_cart_button, .oggi-pago__pagar, .oggi-filtros__aplicar, .return-to-shop .button) {
border-radius: var(--oggi-r-pildora);
}
body.oggi-ui .oggi-envio-flota .oggi-envio-flota__ir {
border-radius: var(--oggi-r-campo);
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button, input[type="submit"], .oggi-filtros-trigger, .oggi-filtros-precio__btn, .oggi-filtros__aplicar, .oggi-envios__boton, .oggi-envio-flota__ir):focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button.alt, button.alt, .checkout-button, .single_add_to_cart_button, .oggi-prodcard__add, .woocommerce-form-login__submit, .woocommerce-form-register__submit, .oggi-pago__pagar, .oggi-filtros-precio__btn, .oggi-filtros__aplicar, .oggi-envios__boton, .oggi-envio-flota__ir):focus-visible {
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-ui :where(#content, .oggi-envio-flota, .storefront-sticky-add-to-cart) :is(.button, input[type="submit"]):is(:disabled, .disabled) {
opacity: .45;
cursor: not-allowed;
}
body.oggi-ui div.product form.cart .button.single_add_to_cart_button {
background: var(--oggi-marca) !important;
color: #fff !important;
border-radius: var(--oggi-r-pildora) !important;
box-shadow: none !important;
font-family: var(--oggi-letra) !important;
letter-spacing: 0 !important;
}
body.oggi-ui div.product form.cart .button.single_add_to_cart_button:is(:hover, :focus) {
background: var(--oggi-marca-hondo) !important;
box-shadow: none !important;
}
body.oggi-ui div.product form.cart .button.single_add_to_cart_button:focus-visible {
box-shadow: var(--oggi-foco-sobre-color) !important;
}
body.oggi-ui div.product form.cart .button.single_add_to_cart_button.added,
body.oggi-ui div.product form.cart .button.single_add_to_cart_button.added:is(:hover, :focus) {
background: var(--oggi-violeta) !important;
color: #fff !important;
}
body.oggi-ui .storefront-sticky-add-to-cart a.button {
background: var(--oggi-marca) !important;
color: #fff !important;
border-radius: var(--oggi-r-pildora) !important;
}
body.oggi-ui .wc-proceed-to-checkout a.checkout-button {
background: var(--oggi-marca) !important;
color: #fff !important;
border-radius: var(--oggi-r-pildora) !important;
font-family: var(--oggi-letra) !important;
}
body.oggi-ui .wc-proceed-to-checkout a.checkout-button:is(:hover, :focus) {
background: var(--oggi-marca-hondo) !important;
}
body.oggi-ui .wc-proceed-to-checkout a.checkout-button:focus-visible {
box-shadow: var(--oggi-foco-sobre-color) !important;
}
body.oggi-ui ul.products li.product .oggi-prodcard__add {
background: var(--oggi-marca) !important;
color: #fff !important;
font-family: var(--oggi-letra) !important;
font-weight: 800;
}
body.oggi-ui ul.products li.product .oggi-prodcard__add:is(:hover, :focus) {
background: var(--oggi-marca-hondo) !important;
color: #fff !important;
}
body.oggi-ui ul.products li.product .oggi-prodcard__add:focus-visible {
box-shadow: var(--oggi-foco-sobre-color) !important;
}
body.oggi-ui :where(#content) .oggi-prodcard__add.added,
body.oggi-ui ul.products li.product .oggi-prodcard__add.added {
background: var(--oggi-violeta) !important;
color: #fff !important;
}
body.oggi-ui :where(#content) .oggi-prodcard__add--whatsapp,
body.oggi-ui ul.products li.product .oggi-prodcard__add--whatsapp {
background: var(--oggi-violeta-suave) !important;
color: var(--oggi-tinta) !important;
}
body.oggi-ui :where(#content) .oggi-prodcard__add--whatsapp:is(:hover, :focus),
body.oggi-ui ul.products li.product .oggi-prodcard__add--whatsapp:is(:hover, :focus) {
background: #E2DAFF !important;
color: var(--oggi-tinta) !important;
}
body.oggi-ui :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) .button {
background: var(--oggi-marca) !important;
color: #fff !important;
border-radius: var(--oggi-r-pildora) !important;
text-decoration: none !important;
}
body.oggi-ui :where(#content) .return-to-shop .button {
background: var(--oggi-marca);
color: #fff;
}
body.oggi-ui :where(#content) .return-to-shop .button:hover {
background: var(--oggi-marca-hondo);
color: #fff;
}
body.oggi-ui :where(#content) .return-to-shop .button:focus-visible {
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-ui td.actions button,
body.oggi-ui td.actions .oggi-vaciar,
body.oggi-ui .oggi-btn,
body.oggi-ui .woocommerce-MyAccount-content form .button,
body.oggi-ui .woocommerce-MyAccount-content .woocommerce-pagination .button,
body.oggi-ui .woocommerce-MyAccount-content table.order_details .button,
body.oggi-ui .woocommerce-MyAccount-content button[type="submit"],
body.oggi-ui form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) button[type="submit"] {
border: 0;
border-radius: var(--oggi-r-control);
box-shadow: none;
text-shadow: none;
font-family: var(--oggi-letra);
font-weight: 800;
}
body.oggi-ui td.actions button,
body.oggi-ui td.actions .oggi-vaciar,
body.oggi-ui .oggi-btn,
body.oggi-ui .oggi-btn--secundaria,
body.oggi-ui .woocommerce-MyAccount-content form .button,
body.oggi-ui .woocommerce-MyAccount-content .woocommerce-pagination .button,
body.oggi-ui .woocommerce-MyAccount-content table.order_details .button {
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
}
body.oggi-ui td.actions button:hover,
body.oggi-ui .oggi-btn:hover,
body.oggi-ui .oggi-btn--secundaria:hover,
body.oggi-ui .woocommerce-MyAccount-content form .button:hover,
body.oggi-ui .woocommerce-MyAccount-content table.order_details .button:hover {
background: #E2DAFF;
color: var(--oggi-tinta);
}
body.oggi-ui .oggi-btn--fantasma {
background: var(--oggi-lavanda);
font-weight: 700;
}
body.oggi-ui .oggi-btn--fantasma:hover {
background: var(--oggi-violeta-suave);
}
body.oggi-ui td.actions .oggi-vaciar {
color: var(--oggi-alerta) !important;
}
body.oggi-ui td.actions .oggi-vaciar:is(:hover, :focus-visible) {
background: var(--oggi-alerta-fondo);
}
body.oggi-ui .oggi-btn--primaria,
body.oggi-ui .woocommerce-MyAccount-content button[type="submit"],
body.oggi-ui form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) button[type="submit"] {
background: var(--oggi-marca);
color: #fff !important;
}
body.oggi-ui .oggi-btn--primaria:hover,
body.oggi-ui .woocommerce-MyAccount-content button[type="submit"]:hover,
body.oggi-ui form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) button[type="submit"]:hover {
background: var(--oggi-marca-hondo);
color: #fff !important;
}
body.oggi-ui .oggi-btn--wpp {
background: var(--oggi-2x1);
color: #fff !important;
}
body.oggi-ui .oggi-btn--wpp:hover {
background: var(--oggi-ahorro);
}
body.oggi-ui td.actions :is(button, .oggi-vaciar):focus-visible,
body.oggi-ui .oggi-btn:focus-visible,
body.oggi-ui .woocommerce-MyAccount-content :is(.button, button[type="submit"]):focus-visible,
body.oggi-ui form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) button[type="submit"]:focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
body.oggi-ui :is(.oggi-btn--primaria, .oggi-btn--wpp):focus-visible,
body.oggi-ui .woocommerce-MyAccount-content button[type="submit"]:focus-visible,
body.oggi-ui form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) button[type="submit"]:focus-visible {
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-ui #payment #place_order,
body.oggi-ui button[name="woocommerce_checkout_place_order"] {
background: var(--oggi-marca) !important;
color: #fff !important;
border: 0 !important;
border-radius: var(--oggi-r-pildora) !important;
box-shadow: none !important;
font-family: var(--oggi-letra) !important;
letter-spacing: 0;
}
body.oggi-ui #payment #place_order:hover,
body.oggi-ui button[name="woocommerce_checkout_place_order"]:hover {
background: var(--oggi-marca-hondo) !important;
}
body.oggi-ui #payment #place_order:focus-visible,
body.oggi-ui button[name="woocommerce_checkout_place_order"]:focus-visible {
outline: none !important;
box-shadow: var(--oggi-foco-sobre-color) !important;
}
body.oggi-ui :where(#content, .oggi-envio-flota) :where(input:is([type="text"], [type="email"], [type="tel"], [type="password"], [type="number"], [type="search"], [type="url"], [type="date"], :not([type])), select, textarea, .select2-selection--single, .oggi-ficha__cantidad) {
--b: 1.5px;
--campo-borde: #8A85A8;
--campo-fondo: #fff;
--campo-r: var(--oggi-r-control);
--oggi-campo-fondo: var(--campo-fondo);
--oggi-campo-linea: inset 0 0 0 var(--b) var(--campo-borde);
--oggi-campo-flecha: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231D1640' stroke-width='2.6' stroke-linecap='square'><polyline points='6 9 12 15 18 9'/></svg>") right 14px center / 12px 12px no-repeat;
--oggi-campo-pinta: var(--oggi-campo-fondo);
}
body.oggi-ui :where(#content, .oggi-envio-flota) :where(select) {
--oggi-campo-pinta: var(--oggi-campo-flecha), var(--oggi-campo-fondo);
}
body.oggi-ui :where(#content) .oggi-pago__control {
--campo-r: var(--oggi-r-campo);
}
body.oggi-ui :where(#content, .oggi-envio-flota) :where(input:is([type="text"], [type="email"], [type="tel"], [type="password"], [type="number"], [type="search"], [type="url"], [type="date"], :not([type])), select, textarea, .select2-selection--single):is(:focus, :focus-visible),
body.oggi-ui :where(#content) .select2-container--focus .select2-selection--single,
body.oggi-ui :where(#content) .select2-container--open .select2-selection--single,
body.oggi-ui :where(#content) .oggi-ficha__cantidad:focus-within {
--campo-borde: var(--oggi-violeta);
--b: 2.5px;
}
body.oggi-ui :where(#content, .oggi-envio-flota) :is(input:is([type="text"], [type="email"], [type="tel"], [type="password"], [type="number"], [type="search"], [type="url"], [type="date"], :not([type])), textarea) {
border: 0;
border-radius: var(--campo-r);
background: var(--oggi-campo-fondo);
box-shadow: var(--oggi-campo-linea);
outline: none;
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 500;
}
body.oggi-ui :where(#content, .oggi-envio-flota) select {
border: 0;
border-radius: var(--campo-r);
background: var(--oggi-campo-flecha), var(--oggi-campo-fondo);
box-shadow: var(--oggi-campo-linea);
outline: none;
-webkit-appearance: none;
appearance: none;
padding-right: 36px;
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 600;
}
body.oggi-ui :where(#content, .oggi-envio-flota) :is(input, textarea)::placeholder {
color: var(--oggi-tachado);
opacity: 1;
}
body.oggi-ui :where(#content, .oggi-envio-flota) input:is([type="checkbox"], [type="radio"]) {
accent-color: var(--oggi-violeta);
}
body.oggi-ui :where(#content) :is(label, legend) {
color: var(--oggi-tinta);
}
body.oggi-ui form .form-row :is(input.input-text, textarea, select),
body.oggi-ui.oggi-pago-pantalla .woocommerce form .form-row .oggi-pago__control,
body.oggi-ui.oggi-pago-pantalla form.checkout .oggi-pago__control,
body.oggi-ui .woocommerce-cart-form .coupon .input-text,
body.oggi-ui .woocommerce form.checkout_coupon .input-text {
border: 0 !important;
border-radius: var(--campo-r) !important;
background: var(--oggi-campo-pinta) !important;
box-shadow: var(--oggi-campo-linea) !important;
outline: none !important;
color: var(--oggi-tinta) !important;
font-family: var(--oggi-letra) !important;
}
body.oggi-ui form .form-row :is(input.input-text, textarea, select):is(:focus, :focus-visible),
body.oggi-ui.oggi-pago-pantalla .woocommerce form .form-row .oggi-pago__control:is(:focus, :focus-visible),
body.oggi-ui.oggi-pago-pantalla form.checkout .oggi-pago__control:is(:focus, :focus-visible),
body.oggi-ui .woocommerce-cart-form .coupon .input-text:is(:focus, :focus-visible),
body.oggi-ui .woocommerce form.checkout_coupon .input-text:is(:focus, :focus-visible) {
--campo-borde: var(--oggi-violeta);
--b: 2.5px;
outline: none !important;
box-shadow: var(--oggi-campo-linea) !important;
}
body.oggi-ui :where(#content) .form-row > label {
z-index: 1;
}
body.oggi-ui .woocommerce-ordering select.orderby {
border: 0 !important;
border-radius: var(--oggi-r-pildora) !important;
background: var(--oggi-campo-flecha), var(--oggi-campo-fondo) !important;
box-shadow: var(--oggi-campo-linea) !important;
color: var(--oggi-tinta) !important;
font-family: var(--oggi-letra) !important;
}
body.oggi-ui .select2-container--default .select2-selection--single {
border: 0 !important;
border-radius: var(--campo-r, var(--oggi-r-control)) !important;
background: var(--oggi-campo-fondo) !important;
box-shadow: var(--oggi-campo-linea) !important;
font-family: var(--oggi-letra) !important;
}
body.oggi-ui .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--oggi-tinta) !important;
}
body.oggi-ui .select2-dropdown {
border: 0 !important;
border-radius: var(--oggi-r-control) !important;
box-shadow: 0 0 0 1.5px #8A85A8, 0 12px 30px rgba(29, 22, 64, .14) !important;
font-family: var(--oggi-letra) !important;
}
body.oggi-ui .select2-container--default .select2-results__option--highlighted[aria-selected],
body.oggi-ui .select2-container--default .select2-results__option--highlighted[data-selected] {
background: var(--oggi-violeta) !important;
color: #fff !important;
}
body.oggi-ui .select2-container--default .select2-results__option[aria-selected="true"],
body.oggi-ui .select2-container--default .select2-results__option[data-selected="true"] {
background: var(--oggi-violeta-suave) !important;
color: var(--oggi-tinta) !important;
}
body.oggi-ui .select2-search--dropdown .select2-search__field {
border: 1.5px solid #8A85A8 !important;
border-radius: var(--oggi-r-chico) !important;
}
body.oggi-ui .summary form.cart .oggi-ficha__cantidad {
border: 0;
border-radius: var(--oggi-r-pildora);
background: var(--oggi-campo-fondo);
box-shadow: var(--oggi-campo-linea);
padding: 0 6px;
}
body.oggi-ui div.product form.cart .oggi-ficha__cantidad .qty {
background: transparent !important;
border: 0 !important;
border-radius: var(--oggi-r-pildora) !important;
box-shadow: none !important;
color: var(--oggi-tinta) !important;
font-family: var(--oggi-letra) !important;
font-weight: 700 !important;
}
body.oggi-ui :where(#content) .oggi-ficha__paso {
border-radius: var(--oggi-r-pildora);
color: var(--oggi-tinta);
}
body.oggi-ui :where(#content) .oggi-ficha__paso:hover {
background: var(--oggi-violeta-suave);
}
body.oggi-ui :where(#content) .oggi-ficha__paso:focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
body.oggi-ui div.product form.cart .quantity:not(.oggi-ficha__cantidad) .qty,
body.oggi-ui .woocommerce-cart-form .quantity .qty {
border: 0 !important;
background: var(--oggi-campo-fondo) !important;
box-shadow: var(--oggi-campo-linea) !important;
color: var(--oggi-tinta) !important;
font-family: var(--oggi-letra) !important;
font-variant-numeric: tabular-nums;
}
body.oggi-ui .woocommerce-cart-form .quantity .qty {
border-radius: var(--campo-r) !important;
}
body.oggi-ui div.product form.cart .quantity:not(.oggi-ficha__cantidad) .qty {
border-radius: var(--oggi-r-pildora) !important;
}
body.oggi-ui :is(.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notice, .woocommerce-noreviews) {
--aviso-acento: var(--oggi-violeta);
background: var(--oggi-violeta-suave) !important;
border: 0 !important;
border-radius: var(--oggi-r-control) !important;
box-shadow: none !important;
color: var(--oggi-tinta) !important;
font-family: var(--oggi-letra) !important;
font-weight: 500 !important;
}
body.oggi-ui .woocommerce-message {
--aviso-acento: var(--oggi-ahorro);
background: var(--oggi-ahorro-fondo) !important;
}
body.oggi-ui .woocommerce-error {
--aviso-acento: var(--oggi-alerta);
background: var(--oggi-alerta-fondo) !important;
}
body.oggi-ui :is(.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notice)::before {
color: var(--aviso-acento) !important;
opacity: 1 !important;
}
body.oggi-ui :is(.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notice) a:not(.button) {
color: var(--oggi-tinta) !important;
text-decoration-color: var(--aviso-acento) !important;
text-decoration-thickness: 2px !important;
}
body.oggi-ui :is(.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notice) a:not(.button):hover {
color: var(--oggi-violeta) !important;
}
body.oggi-ui :where(#content) .coupon-error-notice,
body.oggi-ui table.cart td.actions .coupon .coupon-error-notice {
color: var(--oggi-alerta);
font-family: var(--oggi-letra);
font-size: 14px;
font-weight: 600;
}
body.oggi-ui.oggi-catbg :is(.woocommerce-info, .woocommerce-no-products-found .woocommerce-info) {
background: #fff !important;
}
body.oggi-ui .woocommerce-breadcrumb {
font-family: var(--oggi-letra);
font-size: 13px;
font-weight: 500;
color: var(--oggi-tinta-2);
}
body.oggi-ui .woocommerce-breadcrumb a {
color: var(--oggi-tinta-2);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--oggi-linea);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
body.oggi-ui .woocommerce-breadcrumb a:hover {
color: var(--oggi-violeta);
text-decoration-color: currentColor;
}
body.oggi-ui .woocommerce-breadcrumb .breadcrumb-separator {
color: var(--oggi-tachado);
font-weight: 500;
}
body.oggi-ui nav.woocommerce-pagination ul li :is(a, span) {
background: #fff !important;
border: 0 !important;
border-radius: var(--oggi-r-control) !important;
box-shadow: none !important;
color: var(--oggi-tinta) !important;
font-family: var(--oggi-letra) !important;
font-weight: 700 !important;
font-size: 14px !important;
font-variant-numeric: tabular-nums;
}
body.oggi-ui nav.woocommerce-pagination ul li a:hover {
background: var(--oggi-violeta-suave) !important;
color: var(--oggi-tinta) !important;
}
body.oggi-ui nav.woocommerce-pagination ul li a:focus-visible {
outline: none !important;
box-shadow: var(--oggi-foco) !important;
}
body.oggi-ui nav.woocommerce-pagination ul li span.current {
background: var(--oggi-violeta) !important;
color: #fff !important;
}
body.oggi-ui nav.woocommerce-pagination ul li span.dots {
background: transparent !important;
color: var(--oggi-tinta-2) !important;
}
body.oggi-ui .oggi-prodcard .oggi-prodcard__disc:not(.oggi-prodcard__disc--hueco),
body.oggi-ui :where(#content) .oggi-prodcard__disc:not(.oggi-prodcard__disc--hueco) {
background: var(--oggi-oferta);
color: #fff;
box-shadow: none;
font-family: var(--oggi-letra);
font-weight: 900;
font-variant-numeric: tabular-nums;
}
body.oggi-ui .oggi-prodcard .oggi-prodcard__disc--promo:not(.oggi-prodcard__disc--promo-segunda) {
background: var(--oggi-2x1);
color: #fff;
}
body.oggi-ui .oggi-single-badge {
background: var(--oggi-oferta);
color: #fff;
border-radius: var(--oggi-r-chico);
box-shadow: none;
font-family: var(--oggi-letra);
font-weight: 900;
font-variant-numeric: tabular-nums;
}
body.oggi-ui .oggi-single-badge--promo:not(.oggi-single-badge--promo-segunda) {
background: var(--oggi-2x1);
color: #fff;
}
body.oggi-ui :where(#content) .oggi-promo-pill {
--s: var(--oggi-s);
border: 0;
border-radius: var(--oggi-r-pildora);
background: var(--oggi-violeta-suave);
padding: 6px calc(var(--s) + 14px) 6px calc(var(--s) + 4px);
}
body.oggi-ui :where(#content) .oggi-promo-pill__badge {
border-radius: var(--oggi-r-pildora);
background: var(--oggi-2x1);
color: #fff;
}
body.oggi-ui :where(#content) .oggi-promo-pill--segunda .oggi-promo-pill__badge {
background: var(--oggi-oferta);
color: #fff;
}
body.oggi-ui :where(#content) .oggi-promo-pill__text {
color: var(--oggi-tinta);
}
body.oggi-ui div.product :is(p.stock, .stock) {
--s: 28px;
border-radius: var(--oggi-r-pildora) !important;
background: var(--oggi-violeta-suave) !important;
color: var(--oggi-tinta) !important;
font-family: var(--oggi-letra) !important;
font-weight: 700 !important;
padding: 6px calc(var(--s) + 12px) 6px calc(var(--s) + 8px) !important;
font-variant-numeric: tabular-nums;
}
body.oggi-ui div.product :is(p.stock, .stock)::before {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: var(--oggi-violeta) !important;
}
body.oggi-ui div.product :is(p.stock, .stock).out-of-stock {
background: var(--oggi-alerta-fondo) !important;
color: var(--oggi-alerta) !important;
}
body.oggi-ui div.product :is(p.stock, .stock).out-of-stock::before {
background: var(--oggi-alerta) !important;
}
body.oggi-ui :where(#content, .storefront-sticky-add-to-cart) del,
body.oggi-ui :where(#content, .storefront-sticky-add-to-cart) del .amount {
color: var(--oggi-tachado);
text-decoration-color: var(--oggi-tachado);
opacity: 1;
}
body.oggi-ui :where(#content) ins {
background: none;
text-decoration: none;
color: var(--oggi-tinta);
}
body.oggi-ui .summary p.price del,
body.oggi-ui .summary p.price del .amount {
color: var(--oggi-tachado) !important;
}
body.oggi-ui .summary p.price ins,
body.oggi-ui .summary p.price > .amount {
color: var(--oggi-tinta);
font-weight: 800;
}
body.oggi-ui :where(#content) .oggi-prodcard__old,
body.oggi-ui :where(#content) .oggi-prodcard__old .amount {
color: var(--oggi-tachado);
}
body.oggi-ui :where(#content) .oggi-prodcard__now,
body.oggi-ui :where(#content) .oggi-prodcard__now .amount {
color: var(--oggi-tinta);
}
body.oggi-ui :where(#content, .storefront-sticky-add-to-cart) .oggi-ficha__ahorro {
border-radius: var(--oggi-r-pildora);
background: var(--oggi-ahorro-fondo);
color: var(--oggi-ahorro);
font-variant-numeric: tabular-nums;
}
:where(body.oggi-ui :is(#content, .storefront-breadcrumb)) :where(p, dd, label, small, .woocommerce-privacy-policy-text) > a:not([class]) {
color: var(--oggi-violeta);
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
:where(body.oggi-ui :is(#content, .storefront-breadcrumb)) :where(p, dd, label, small, .woocommerce-privacy-policy-text) > a:not([class]):hover {
color: var(--oggi-violeta-hondo);
}
:where(body.oggi-ui :is(#content, .storefront-breadcrumb, .oggi-envio-flota)) :focus-visible {
outline: 3px solid var(--oggi-violeta);
outline-offset: 2px;
}
body.oggi-ui :where(#content) .show-password-input {
background: transparent;
border: 0;
border-radius: var(--oggi-r-control);
box-shadow: none;
color: var(--oggi-tinta);
}
body.oggi-ui :where(#content) .show-password-input:focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
body.oggi-ui :where(#content) .onsale {
background: var(--oggi-oferta);
color: #fff;
border: 0;
border-radius: var(--oggi-r-campo);
font-family: var(--oggi-letra);
font-weight: 800;
}
@media (max-width: 560px) {
body.oggi-ui :where(#content) .onsale { border-radius: var(--oggi-r-control); }
}
:where(body.oggi-ui .oggi-hilada) {
--oggi-hilada-alto: 36px;
--oggi-hilada-junta: 8px;
--oggi-hilada-cruz: 20px;
}
body.oggi-ui .oggi-hilada {
--h: var(--oggi-hilada-alto);
--j: var(--oggi-hilada-junta);
--z: var(--oggi-hilada-cruz);
--u: calc((100% - var(--h) - 2 * var(--j)) / 3.8);
--punta: calc(var(--h) / 2 - (var(--h) + 2 * var(--j)) / 7.6 - var(--z) / 2 + var(--z) / 7.6);
--cruceta: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' fill='white'><path d='M1 1L1 2L2 2L2 3L3 3L2 4L1 4L1 3L0 3L0 2Z'/><path d='M2 0L2 1L1 1Z'/><path d='M3 0L4 0L4 1L3 1Z'/><path d='M3 2L4 2L3 3Z'/></svg>");
display: block;
box-sizing: border-box;
height: var(--h);
padding: 0;
border: 0;
border-radius: 0;
clip-path: polygon(
var(--h) 0, calc(var(--h) + var(--u)) 0, var(--u) 100%,
calc(var(--u) + var(--j)) 100%, calc(var(--h) + var(--u) + var(--j)) 0, calc(var(--h) + var(--u) * 2.8 + var(--j)) 0, calc(var(--u) * 2.8 + var(--j)) 100%,
calc(var(--u) * 2.8 + 2 * var(--j)) 100%, calc(var(--h) + var(--u) * 2.8 + 2 * var(--j)) 0, 100% 0, calc(100% - var(--h)) 100%,
0 100%);
background:
var(--cruceta) calc(13.158% + var(--punta)) 50% / var(--z) var(--z) no-repeat,
var(--cruceta) calc(50% - var(--z) * 1.05) 50% / var(--z) var(--z) no-repeat,
var(--cruceta) calc(50% + var(--z) * 1.05) 50% / var(--z) var(--z) no-repeat,
var(--cruceta) calc(86.842% - var(--punta)) 50% / var(--z) var(--z) no-repeat,
linear-gradient(110deg, #B9A5FF, #9E86FF);
pointer-events: none;
}