body.oggi-ui:is(.oggi-pago-pantalla, .woocommerce-account) {
--pc-tilde: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='square'><polyline points='5 12.5 10 17.5 19 7'/></svg>");
--pc-punto: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><circle cx='5' cy='5' r='5' fill='%236A3BF0'/></svg>");
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__barra {
gap: 4px;
margin-bottom: 14px;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__titulo {
font-family: var(--oggi-letra);
font-size: 22px;
font-weight: 900;
line-height: 1.15;
letter-spacing: -.3px;
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__confianza {
font-family: var(--oggi-letra);
font-size: 13px;
font-weight: 600;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__candado {
color: var(--oggi-violeta);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__ayuda {
color: var(--oggi-violeta);
font-weight: 700;
border-bottom: 0;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__ayuda:hover {
color: var(--oggi-violeta-hondo);
}
@media (min-width: 901px) {
body.oggi-ui.oggi-pago-pantalla .oggi-pago__barra { margin-bottom: 18px; }
body.oggi-ui.oggi-pago-pantalla .oggi-pago__titulo { font-size: 28px; }
body.oggi-ui.oggi-pago-pantalla .oggi-pago__ayuda {
border-bottom: 0;
text-decoration: underline;
}
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-form-coupon-toggle .woocommerce-info {
margin: 0 0 14px;
padding: 14px 18px;
font-size: 14px;
line-height: 1.45;
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
font-weight: 700;
}
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
margin: 0 0 14px;
padding: 16px;
border: 0;
border-radius: var(--oggi-r-panel);
background: #fff;
box-shadow: none;
}
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon > .form-row {
float: none;
width: auto;
margin: 0;
padding: 0;
}
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon > .form-row-first { flex: 1 1 180px; min-width: 0; }
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon > .form-row-last { flex: 0 0 auto; }
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon > .clear { display: none; }
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon .input-text {
width: 100%;
height: 48px;
padding: 0 14px;
font-size: 16px;
}
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon .button {
height: 48px;
padding: 0 20px;
font-size: 14.5px;
white-space: nowrap;
}
@media (max-width: 420px) {
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon > .form-row-last { flex: 1 1 100%; }
body.oggi-ui.oggi-pago-pantalla form.checkout_coupon .button { width: 100%; }
}
body.oggi-ui.oggi-pago-pantalla #customer_details,
body.oggi-ui.oggi-pago-pantalla #order_review {
background: #fff;
border: 0;
border-radius: var(--oggi-r-panel);
box-shadow: none;
padding: 16px;
}
@media (min-width: 901px) {
body.oggi-ui.oggi-pago-pantalla #customer_details { padding: 22px 24px 24px; }
body.oggi-ui.oggi-pago-pantalla #order_review { padding: 20px; }
}
body.oggi-ui.oggi-pago-pantalla .oggi-envio-gratis--pago {
padding: 16px 18px 18px;
border: 0;
border-radius: var(--oggi-r-caja);
background: #fff;
box-shadow: none;
}
body.oggi-ui.oggi-pago-pantalla .oggi-envio-gratis--pago.esta-lleno {
background: var(--oggi-ahorro-fondo);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__seccion-titulo,
body.oggi-ui.oggi-pago-pantalla .woocommerce-additional-fields > h3 {
margin: 0;
padding: 0;
font: 800 17px/1.25 var(--oggi-letra);
letter-spacing: -.2px;
text-transform: none;
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__seccion-bajada {
margin-top: 4px;
font-size: 13px;
font-weight: 500;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-additional-fields {
margin-top: 22px;
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-additional-fields > h3 {
font-size: 17px !important;
margin: 0 0 4px !important;
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-shipping-fields .shipping_address > .oggi-pago__seccion,
body.oggi-ui.oggi-pago-pantalla .woocommerce-additional-fields > h3 {
padding-top: 18px;
border-top: 1.5px solid var(--oggi-linea);
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-shipping-fields .shipping_address { padding-top: 18px; }
body.oggi-ui.oggi-pago-pantalla form.checkout .required,
body.oggi-ui.oggi-pago-pantalla .woocommerce form .form-row.oggi-pago__campo .required {
color: var(--oggi-violeta) !important;
}
body.oggi-ui.oggi-pago-pantalla form.checkout .oggi-pago__campo label,
body.oggi-ui.oggi-pago-pantalla .woocommerce form .form-row.oggi-pago__campo label {
color: var(--oggi-tinta-2) !important;
font-family: var(--oggi-letra);
}
body.oggi-ui.oggi-pago-pantalla .form-row.oggi-pago__campo:has(.oggi-pago__control:focus) label,
body.oggi-ui.oggi-pago-pantalla .form-row.oggi-pago__campo:has(.oggi-pago__control:not(:placeholder-shown)) label,
body.oggi-ui.oggi-pago-pantalla .form-row.oggi-pago__campo:has(select) label,
body.oggi-ui.oggi-pago-pantalla .form-row.oggi-pago__campo:has(textarea:not(:placeholder-shown)) label,
body.oggi-ui.oggi-pago-pantalla .form-row.oggi-pago__campo.woocommerce-validated label {
color: var(--oggi-tinta) !important;
font-weight: 800 !important;
}
body.oggi-ui.oggi-pago-pantalla .form-row.oggi-pago__campo:has(.oggi-pago__control:focus) label {
color: var(--oggi-violeta) !important;
}
body.oggi-ui.oggi-pago-pantalla form.checkout .form-row.woocommerce-invalid :is(.oggi-pago__control, input.input-text, select) {
--campo-borde: var(--oggi-alerta);
--b: 2.5px;
}
body.oggi-ui.oggi-pago-pantalla :is(#ship-to-different-address, .woocommerce-account-fields, .woocommerce-terms-and-conditions-wrapper) input[type="checkbox"],
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method input.shipping_method[type="radio"],
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__item input[type="radio"],
body.oggi-ui.woocommerce-account form:is(.woocommerce-form-login, .woocommerce-form-register) input[type="checkbox"] {
--b: 1.5px;
--casilla-borde: #8A85A8;
-webkit-appearance: none;
appearance: none;
flex: none;
width: 22px;
height: 22px;
margin: 0;
padding: 0;
border: 0;
border-radius: var(--oggi-r-chico);
background: #fff;
box-shadow: inset 0 0 0 var(--b) var(--casilla-borde);
outline: none;
cursor: pointer;
vertical-align: middle;
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method input.shipping_method[type="radio"],
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__item input[type="radio"] {
border-radius: 50%;
}
body.oggi-ui.oggi-pago-pantalla :is(#ship-to-different-address, .woocommerce-account-fields, .woocommerce-terms-and-conditions-wrapper) input[type="checkbox"]:checked,
body.oggi-ui.woocommerce-account form:is(.woocommerce-form-login, .woocommerce-form-register) input[type="checkbox"]:checked {
background: var(--pc-tilde) center / 16px 16px no-repeat, var(--oggi-violeta);
box-shadow: none;
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method input.shipping_method[type="radio"]:checked,
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__item input[type="radio"]:checked {
--casilla-borde: var(--oggi-violeta);
--b: 2px;
background: var(--pc-punto) center / 10px 10px no-repeat, #fff;
}
body.oggi-ui.woocommerce-account form.woocommerce-form-login input#rememberme {
width: 20px;
height: 20px;
}
body.oggi-ui.oggi-pago-pantalla #ship-to-different-address label,
body.oggi-ui.oggi-pago-pantalla .woocommerce-account-fields > .form-row.create-account > label {
--ficha-b: 0px;
--ficha-borde: transparent;
--ficha-fondo: var(--oggi-lavanda);
display: flex;
align-items: center;
gap: 12px;
min-height: 52px;
margin: 0 !important;
padding: 12px 16px !important;
border: 0;
border-radius: var(--oggi-r-campo);
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
font-family: var(--oggi-letra) !important;
font-size: 14.5px !important;
font-weight: 700 !important;
line-height: 1.3;
color: var(--oggi-tinta) !important;
transition: background-color .15s ease;
}
body.oggi-ui.oggi-pago-pantalla #ship-to-different-address label:hover,
body.oggi-ui.oggi-pago-pantalla .woocommerce-account-fields > .form-row.create-account > label:hover {
--ficha-fondo: var(--oggi-violeta-suave);
}
body.oggi-ui.oggi-pago-pantalla #ship-to-different-address label:has(input:checked),
body.oggi-ui.oggi-pago-pantalla .woocommerce-account-fields > .form-row.create-account > label:has(input:checked) {
--ficha-b: 2px;
--ficha-borde: var(--oggi-violeta);
--ficha-fondo: var(--oggi-violeta-suave);
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-account-fields { margin-top: 18px; }
body.oggi-ui.oggi-pago-pantalla #ship-to-different-address .woocommerce-form__input-checkbox {
transform: none;
}
@media (max-width: 900px) {
body.oggi-ui.oggi-pago-pantalla .woocommerce-shipping-fields > h3#ship-to-different-address { margin-top: 10px !important; }
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-account-fields > div.create-account { padding-top: 14px; }
body.oggi-ui.oggi-pago-pantalla #order_review .shop_table {
border: 0 !important;
margin: 0;
font-family: var(--oggi-letra);
}
body.oggi-ui.oggi-pago-pantalla #order_review .shop_table :is(th, td) {
border: 0;
padding: 10px 0 !important;
font-size: 13.5px;
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla #order_review .shop_table tbody > tr.cart_item {
align-items: flex-start;
border-bottom: 1.5px solid var(--oggi-linea);
}
body.oggi-ui.oggi-pago-pantalla #order_review .cart_item td.product-name {
font-weight: 700;
line-height: 1.35;
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla #order_review .product-quantity {
color: var(--oggi-tinta-2);
font-weight: 600;
white-space: nowrap;
}
body.oggi-ui.oggi-pago-pantalla #order_review .cart_item td.product-total .oggi-pago__precio {
flex-direction: column;
align-items: flex-end;
gap: 0;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__precio del,
body.oggi-ui.oggi-pago-pantalla .oggi-pago__precio del .amount {
color: var(--oggi-tachado) !important;
font-weight: 500 !important;
text-decoration-color: var(--oggi-tachado);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__precio ins,
body.oggi-ui.oggi-pago-pantalla .oggi-pago__precio ins .amount {
color: var(--oggi-tinta) !important;
font-weight: 800 !important;
}
body.oggi-ui.oggi-pago-pantalla #order_review .oggi-pago__precio ins { font-size: 15px; }
body.oggi-ui.oggi-pago-pantalla #order_review .oggi-pago__precio del .woocommerce-Price-amount { font-size: 12px; }
body.oggi-ui.oggi-pago-pantalla #order_review tfoot th {
color: var(--oggi-tinta-2) !important;
font-weight: 600 !important;
}
body.oggi-ui.oggi-pago-pantalla #order_review tfoot td {
color: var(--oggi-tinta);
font-weight: 800;
}
body.oggi-ui.oggi-pago-pantalla #order_review tfoot tr.cart-subtotal th,
body.oggi-ui.oggi-pago-pantalla #order_review tfoot tr.cart-subtotal td {
padding-top: 12px !important;
border-top: 0;
}
body.oggi-ui.oggi-pago-pantalla #order_review .shop_table tfoot > tr.woocommerce-shipping-totals > td {
padding: 0 0 4px !important;
}
body.oggi-ui.oggi-pago-pantalla tr.oggi-pago__lista :is(th, td),
body.oggi-ui.oggi-pago-pantalla tr.oggi-pago__lista del .amount {
color: var(--oggi-tachado) !important;
}
body.oggi-ui.oggi-pago-pantalla tr.oggi-pago__lista del {
text-decoration-color: var(--oggi-tachado);
}
body.oggi-ui.oggi-pago-pantalla tr.oggi-pago__ahorro th,
body.oggi-ui.oggi-pago-pantalla tr.oggi-pago__ahorro td,
body.oggi-ui.oggi-pago-pantalla tr.oggi-pago__ahorro td .amount,
body.oggi-ui.oggi-pago-pantalla #order_review tfoot tr.oggi-pago__ahorro th,
body.oggi-ui.oggi-pago-pantalla tr.cart-discount :is(th, td, td .amount) {
color: var(--oggi-ahorro) !important;
font-weight: 800 !important;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__pct {
margin-left: 6px;
padding: 2px 8px;
border-radius: var(--oggi-r-pildora);
background: var(--oggi-ahorro-fondo);
color: var(--oggi-ahorro);
font-family: var(--oggi-letra);
font-size: 12px;
font-weight: 800;
font-variant-numeric: tabular-nums;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__banda {
font-family: var(--oggi-letra);
border-bottom: 1.5px solid var(--oggi-linea);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__banda-txt { color: var(--oggi-tinta-2); font-weight: 700; }
body.oggi-ui.oggi-pago-pantalla .oggi-pago__banda-total,
body.oggi-ui.oggi-pago-pantalla .oggi-pago__banda-total .amount { color: var(--oggi-tinta); font-weight: 900; }
body.oggi-ui.oggi-pago-pantalla .oggi-pago__banda-chev { color: var(--oggi-violeta); }
body.oggi-ui.oggi-pago-pantalla form.checkout #order_review .oggi-pago__banda:focus-visible {
outline: 3px solid var(--oggi-violeta);
outline-offset: 2px;
box-shadow: none;
border-radius: var(--oggi-r-control);
}
body.oggi-ui.oggi-pago-pantalla #order_review .shop_table tfoot > tr.woocommerce-shipping-totals > th,
body.oggi-ui.oggi-pago-pantalla #payment::before {
padding: 18px 0 10px !important;
font-family: var(--oggi-letra);
font-size: 12.5px;
font-weight: 800 !important;
letter-spacing: .07em;
text-transform: uppercase;
color: var(--oggi-tinta-2) !important;
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method { gap: 8px; }
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li {
--ficha-b: 0px;
--ficha-borde: transparent;
--ficha-fondo: var(--oggi-lavanda);
grid-template-columns: 22px minmax(0, 1fr);
gap: 4px 12px;
min-height: 56px;
padding: 12px 14px;
border: 0;
border-radius: var(--oggi-r-caja);
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li:hover {
--ficha-fondo: var(--oggi-violeta-suave);
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li:has(> input:checked),
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li:not(:has(> input[type="radio"])) {
--ficha-b: 2px;
--ficha-borde: var(--oggi-violeta);
--ficha-fondo: var(--oggi-violeta-suave);
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li:not(:has(> input[type="radio"])) {
grid-template-columns: minmax(0, 1fr);
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li > input.shipping_method {
align-self: start;
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li > label {
font-family: var(--oggi-letra);
font-size: 14.5px;
font-weight: 700;
line-height: 1.3;
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li > label .amount {
color: var(--oggi-tinta);
font-weight: 800;
font-variant-numeric: tabular-nums;
}
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method .oggi-envios-demora {
margin: 0;
font-size: 12.5px;
font-weight: 500;
line-height: 1.4;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales {
margin: 8px 0 2px;
padding: 12px;
border: 0;
border-radius: var(--oggi-r-campo);
background: #fff;
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__cab {
margin: 0 0 10px;
font: 800 13.5px/1.3 var(--oggi-letra);
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__lista { gap: 6px; }
body.oggi-ui.oggi-pago-pantalla #shipping_method .oggi-sucursales__item {
--ficha-b: 0px;
--ficha-borde: transparent;
--ficha-fondo: var(--oggi-lavanda);
justify-content: flex-start;
align-items: flex-start;
gap: 12px;
padding: 10px 12px;
border: 0;
border-radius: var(--oggi-r-control);
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
font-family: var(--oggi-letra);
}
body.oggi-ui.oggi-pago-pantalla #shipping_method .oggi-sucursales__item:hover {
--ficha-fondo: var(--oggi-violeta-suave);
}
body.oggi-ui.oggi-pago-pantalla #shipping_method .oggi-sucursales__item:has(input:checked) {
--ficha-b: 2px;
--ficha-borde: var(--oggi-violeta);
--ficha-fondo: var(--oggi-violeta-suave);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__item input[type="radio"] {
width: 20px;
height: 20px;
margin-top: 1px;
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__txt { flex: 1 1 auto; }
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__txt b {
font: 800 13.5px/1.3 var(--oggi-letra);
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__txt small {
font-size: 12px;
font-weight: 500;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__cerca {
padding: 1px 12px;
border-radius: var(--oggi-r-pildora);
background: var(--oggi-violeta);
color: #fff;
font-family: var(--oggi-letra);
font-weight: 800;
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__aviso {
font-size: 12px;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla .oggi-sucursales__lista {
scrollbar-width: thin;
scrollbar-color: #C9BFF5 transparent;
}
body.oggi-ui.oggi-pago-pantalla #payment ul.wc_payment_methods {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
border: 0 !important;
}
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method {
--ficha-b: 0px;
--ficha-borde: transparent;
--ficha-fondo: var(--oggi-lavanda);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 12px;
margin: 0;
padding: 14px 14px 14px;
border: 0 !important;
border-radius: var(--oggi-r-caja);
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
font-family: var(--oggi-letra);
}
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method:hover {
--ficha-fondo: var(--oggi-violeta-suave);
}
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method:has(> input:checked),
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method:only-child {
--ficha-b: 2px;
--ficha-borde: var(--oggi-violeta);
--ficha-fondo: var(--oggi-violeta-suave);
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 var(--ficha-b) var(--ficha-borde);
}
body.oggi-ui.oggi-pago-pantalla #payment .payment_methods > .wc_payment_method > label::before {
--b: 1.5px;
--casilla-borde: #8A85A8;
content: "";
flex: none;
width: 22px;
height: 22px;
margin: 0;
font-family: inherit;
border-radius: 50%;
background: #fff;
box-shadow: inset 0 0 0 var(--b) var(--casilla-borde);
}
body.oggi-ui.oggi-pago-pantalla #payment .payment_methods li.wc_payment_method > input[type="radio"]:first-child:checked + label::before {
--casilla-borde: var(--oggi-violeta);
--b: 2px;
content: "";
background: var(--pc-punto) center / 10px 10px no-repeat, #fff;
}
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method > label {
flex: 1 1 0;
min-width: 0;
display: flex;
align-items: center;
gap: 12px;
margin: 0;
padding: 0;
font: 800 15px/1.3 var(--oggi-letra);
color: var(--oggi-tinta);
cursor: pointer;
}
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method > .payment_box {
flex: 1 1 100%;
margin: 12px 0 0;
padding: 12px 14px;
border: 0;
background: #fff;
box-shadow: none;
font-family: var(--oggi-letra);
font-size: 13px;
font-weight: 500;
line-height: 1.5;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method > .payment_box::before { display: none; }
body.oggi-ui.oggi-pago-pantalla #ship-to-different-address label:has(input:focus-visible),
body.oggi-ui.oggi-pago-pantalla .woocommerce-account-fields > .form-row.create-account > label:has(input:focus-visible),
body.oggi-ui.oggi-pago-pantalla #order_review ul#shipping_method > li:has(> input:focus-visible),
body.oggi-ui.oggi-pago-pantalla #shipping_method .oggi-sucursales__item:has(input:focus-visible),
body.oggi-ui.oggi-pago-pantalla #payment li.wc_payment_method:has(> input:focus-visible) {
--ficha-b: 3px;
--ficha-borde: var(--oggi-tinta);
outline: none;
background: var(--ficha-fondo);
box-shadow: inset 0 0 0 3px var(--ficha-borde), inset 0 0 0 5px #fff;
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-privacy-policy-text {
margin: 0;
font-family: var(--oggi-letra);
font-size: 12px;
font-weight: 500;
line-height: 1.45;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-privacy-policy-text a {
color: var(--oggi-violeta);
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 2px;
}
body.oggi-ui.oggi-pago-pantalla .woocommerce-privacy-policy-text a:hover { color: var(--oggi-violeta-hondo); }
body.oggi-ui.oggi-pago-pantalla .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 600;
color: var(--oggi-tinta);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total > span {
font-family: var(--oggi-letra);
font-size: 12px;
font-weight: 800;
letter-spacing: .07em;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total b span {
display: inline;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
text-transform: none;
color: inherit;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total b,
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total b .amount {
font-family: var(--oggi-letra);
font-weight: 900;
letter-spacing: -.5px;
color: var(--oggi-tinta);
font-variant-numeric: tabular-nums;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__pagar b { font-weight: 900; }
@media (min-width: 901px), (max-height: 460px) {
body.oggi-ui.oggi-pago-pantalla #payment .oggi-pago__cierre .oggi-reco-ahorro--pago { display: none; }
}
@media (max-width: 900px) and (min-height: 461px) {
body.oggi-ui.oggi-pago-pantalla #order_review tr.oggi-pago__ahorro { display: none; }
}
body.oggi-ui.oggi-pago-pantalla #order_review > .oggi-pago__hilada {
margin-top: 20px;
}
@media (min-width: 901px) {
body.oggi-ui.oggi-pago-pantalla #payment .form-row.place-order {
margin: 16px 0 0;
padding: 18px 18px 20px;
border: 0;
border-radius: var(--oggi-r-caja);
background: var(--oggi-lavanda);
box-shadow: none;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total {
align-items: baseline;
margin-top: 14px;
padding-top: 14px;
border-top: 1.5px solid #DCD8EE;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total b { font-size: 28px; }
body.oggi-ui.oggi-pago-pantalla #payment #place_order {
min-height: 58px;
margin-top: 16px;
font-size: 17px !important;
}
}
@media (max-width: 900px) {
body.oggi-ui.oggi-pago-pantalla #payment .form-row.place-order {
gap: 8px 14px;
padding: 12px 16px calc(10px + env(safe-area-inset-bottom, 0px));
border: 0;
border-radius: 0;
background: #fff;
box-shadow: 0 -8px 24px rgba(29, 22, 64, .14);
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total { align-self: center; }
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total > span { display: block; line-height: 1.2; }
body.oggi-ui.oggi-pago-pantalla .oggi-pago__total b {
font-size: clamp(20px, 6vw, 24px);
line-height: 1.15;
}
body.oggi-ui.oggi-pago-pantalla #payment #place_order {
min-height: 52px;
padding: 0 22px !important;
}
body.oggi-ui.oggi-pago-pantalla .oggi-pago__cierre .woocommerce-privacy-policy-text {
font-size: 11.5px;
line-height: 1.35;
}
body.oggi-ui.oggi-pago-pantalla #payment .oggi-pago__cierre .oggi-reco-ahorro--pago {
grid-column: 1 / -1;
grid-row: 2;
margin: 0;
padding: 6px 12px;
font-size: 12.5px;
}
body.oggi-ui.oggi-pago-pantalla #payment .oggi-pago__cierre .oggi-reco-ahorro--pago b { font-size: 14px; }
}
body.oggi-ui.woocommerce-account:not(.logged-in) .entry-header,
body.oggi-ui.woocommerce-account:not(.logged-in) .entry-content > .woocommerce:not(:has(#customer_login)) {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
body.oggi-ui.woocommerce-account #content > .col-full { margin-left: 0; margin-right: 0; }
}
body.oggi-ui.woocommerce-account:not(.logged-in) .entry-header:has(+ .entry-content #customer_login) {
max-width: 980px;
}
body.oggi-ui.woocommerce-account:not(.logged-in) .entry-header {
margin-bottom: 18px;
padding: 0;
border: 0;
text-align: left;
}
body.oggi-ui.oggi-cuenta:not(.logged-in) .entry-title {
margin: 0;
font-family: var(--oggi-letra);
font-size: 28px;
font-weight: 900;
letter-spacing: -.4px;
color: var(--oggi-tinta);
text-align: left;
}
@media (max-width: 900px) {
body.oggi-ui.oggi-cuenta:not(.logged-in) .entry-title { font-size: 22px; }
}
body.oggi-ui.woocommerce-account:not(.logged-in) .entry-content .woocommerce :is(h2, #customer_login h2) {
margin: 0 0 12px;
font-family: var(--oggi-letra);
font-size: 18px;
font-weight: 800;
line-height: 1.25;
letter-spacing: -.2px;
color: var(--oggi-tinta);
}
body.oggi-ui.woocommerce-account:not(.logged-in) #customer_login {
display: grid;
gap: 24px;
float: none;
max-width: 980px;
margin: 0 auto;
}
body.oggi-ui.woocommerce-account:not(.logged-in) #customer_login::before,
body.oggi-ui.woocommerce-account:not(.logged-in) #customer_login::after { display: none; }
body.oggi-ui.woocommerce-account:not(.logged-in) #customer_login > :is(.u-column1, .u-column2, .col-1, .col-2) {
width: auto;
float: none;
margin: 0;
}
@media (min-width: 768px) {
body.oggi-ui.woocommerce-account:not(.logged-in) #customer_login { grid-template-columns: 1fr 1fr; align-items: start; }
}
body.oggi-ui.oggi-cuenta form.woocommerce-form-login,
body.oggi-ui.oggi-cuenta form.woocommerce-form-register,
body.oggi-ui.oggi-cuenta form.lost_reset_password {
margin: 0;
padding: 20px 18px 22px;
border: 0;
border-radius: var(--oggi-r-panel);
background: #fff;
box-shadow: none;
font-family: var(--oggi-letra);
}
@media (min-width: 768px) {
body.oggi-ui.oggi-cuenta form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) { padding: 26px 26px 28px; }
}
body.oggi-ui.oggi-cuenta form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) .form-row {
margin: 0 0 16px;
padding: 0;
}
body.oggi-ui.oggi-cuenta form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) .form-row > label:not(.woocommerce-form__label-for-checkbox) {
display: block;
margin: 0 0 6px;
font-family: var(--oggi-letra) !important;
font-weight: 700 !important;
}
body.oggi-ui.oggi-cuenta form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) .form-row .required {
color: var(--oggi-violeta) !important;
text-decoration: none;
}
body.oggi-ui.oggi-cuenta form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) > p:not(.form-row) {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.5;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-cuenta form.woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 16px;
margin-top: 4px;
}
body.oggi-ui.oggi-cuenta form.woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-flex;
align-items: center;
gap: 10px;
align-self: flex-start;
margin: 0;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer;
}
body.oggi-ui.oggi-cuenta form.woocommerce-form-login .woocommerce-form-login__rememberme:has(input:focus-visible) {
outline: 3px solid var(--oggi-violeta);
outline-offset: 3px;
}
body.oggi-ui.oggi-cuenta form:is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) button[type="submit"] {
width: 100%;
min-height: 52px;
margin: 0;
padding: 0 18px;
font-size: 16px;
float: none;
}
body.oggi-ui.oggi-cuenta form .woocommerce-LostPassword.lost_password {
margin: 2px 0 0;
text-align: center;
}
body.oggi-ui.oggi-cuenta .woocommerce-LostPassword a {
color: var(--oggi-violeta);
font-size: 14px;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.oggi-ui.oggi-cuenta .woocommerce-LostPassword a:hover { color: var(--oggi-violeta-hondo); }
body.oggi-ui.oggi-cuenta form.woocommerce-form-register .woocommerce-privacy-policy-text {
margin: 0 0 16px;
font-size: 12px;
line-height: 1.45;
color: var(--oggi-tinta-2);
}
body.oggi-ui.oggi-cuenta form.woocommerce-form-register .woocommerce-privacy-policy-text p { margin: 0; }
body.oggi-ui.oggi-cuenta form.woocommerce-form-register .woocommerce-privacy-policy-text a {
color: var(--oggi-violeta);
font-weight: 700;
}
@media (max-width: 900px) and (max-height: 460px) {
body.oggi-ui.oggi-pago-pantalla #payment .form-row.place-order {
margin-top: 14px;
padding: 16px;
border-radius: var(--oggi-r-caja);
background: var(--oggi-lavanda);
box-shadow: none;
}
}
body.oggi-ui.oggi-pago-pantalla form.checkout {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) and (max-width: 900px) {
body.oggi-ui.oggi-pago-pantalla #content > .col-full {
box-sizing: border-box;
}
}