body.oggi-cuenta {
--oggi-amber-800: #7a4b00;
--oggi-green-800: #166534;
--oggi-gray-600: #4b5563;
--oggi-rose-50: #fef2f2;
--oggi-error: #b3261e;
--oggi-borde-fuerte: #7a8497;
--oggi-ic-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
--oggi-ic-moto: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h10v9H3z'/%3E%3Cpath d='M13 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E");
--oggi-ic-dni: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b3a77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Cpath d='M6 16c.8-1.5 4.2-1.5 5 0M14 10h4M14 14h3'/%3E%3C/svg%3E");
--oggi-ic-caja: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8'/%3E%3Cpath d='M2 4h20v4H2zM10 12h4'/%3E%3C/svg%3E");
--oggi-ic-reloj: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
body.oggi-cuenta .site-content {
background: var(--oggi-bg);
}
body.oggi-cuenta .woocommerce-MyAccount-content,
body.oggi-cuenta .woocommerce-MyAccount-navigation {
font-family: var(--oggi-font-display);
color: var(--oggi-ink);
}
body.oggi-cuenta .woocommerce-MyAccount-content a {
color: var(--oggi-navy);
}
body.oggi-cuenta .woocommerce-MyAccount-content a:hover {
color: var(--oggi-navy-700);
text-decoration: underline;
}
body.oggi-cuenta .entry-title {
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 26px;
line-height: 1.2;
letter-spacing: -0.4px;
color: var(--oggi-navy);
margin-bottom: 10px;
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li a::before {
content: "";
float: none;
flex: 0 0 auto;
width: 17px;
height: 17px;
margin: 0;
background-color: transparent;
--oggi-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li a::before {
background-color: currentColor;
-webkit-mask: var(--oggi-ic) center / contain no-repeat;
mask: var(--oggi-ic) center / contain no-repeat;
}
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
--oggi-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
--oggi-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--deseados a::before {
--oggi-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l8.9 8.8 8.8-8.8a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E");
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
--oggi-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
--oggi-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
--oggi-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
body.oggi-cuenta .storefront-breadcrumb {
display: none;
}
body.oggi-cuenta .woocommerce-MyAccount-navigation {
margin: 0 0 14px;
margin-left: -15px;
margin-right: -15px;
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul {
display: flex;
gap: 8px;
overflow-x: auto;
overflow-y: hidden;
padding: 2px 15px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
display: none;
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li {
flex: 0 0 auto;
border: 0;
margin: 0;
padding: 0;
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li.is-active {
order: -1;
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 0 14px;
min-height: 44px;
line-height: 1.2;
border: 1px solid var(--oggi-line);
border-radius: 10px;
background: var(--oggi-white);
font-family: var(--oggi-font-display);
font-weight: 600;
font-size: 13.5px;
white-space: nowrap;
color: var(--oggi-navy) !important;
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a {
background: var(--oggi-navy);
border-color: var(--oggi-navy);
color: var(--oggi-white) !important;
font-weight: 800;
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li a::before {
width: 16px;
height: 16px;
}
}
@media (min-width: 768px) {
body.oggi-cuenta .woocommerce-MyAccount-navigation {
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
padding: 8px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li {
border: 0;
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
display: flex;
align-items: center;
gap: 9px;
min-height: 44px;
padding: 0 12px;
border-radius: 10px;
font-family: var(--oggi-font-display);
font-weight: 600;
font-size: 14px;
line-height: 1.25;
color: var(--oggi-navy) !important;
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
background: var(--oggi-bg);
}
body.oggi-cuenta .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a {
background: var(--oggi-navy);
color: var(--oggi-white) !important;
font-weight: 800;
}
}
body.oggi-cuenta .oggi-btn,
body.oggi-cuenta .woocommerce-MyAccount-content form .button,
body.oggi-cuenta .woocommerce-MyAccount-content .woocommerce-pagination .button,
body.oggi-cuenta .woocommerce-MyAccount-content table.order_details .button,
body.oggi-cuenta .woocommerce-MyAccount-content button[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 44px;
padding: 0 16px;
border: 1px solid var(--oggi-navy);
border-radius: 10px;
background: var(--oggi-white);
color: var(--oggi-navy);
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 14px;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-shadow: none;
box-shadow: none;
cursor: pointer;
transition: background var(--oggi-t-fast), border-color var(--oggi-t-fast);
}
body.oggi-cuenta .woocommerce-MyAccount-content button[type="submit"] {
background: var(--oggi-navy);
color: var(--oggi-white);
}
body.oggi-cuenta .woocommerce-MyAccount-content button[type="submit"]:hover {
background: var(--oggi-navy-700);
}
body.oggi-cuenta .oggi-btn--primaria {
background: var(--oggi-navy);
border-color: var(--oggi-navy);
color: var(--oggi-white) !important;
}
body.oggi-cuenta .oggi-btn--primaria:hover {
background: var(--oggi-navy-700);
border-color: var(--oggi-navy-700);
color: var(--oggi-white) !important;
}
body.oggi-cuenta .oggi-btn--secundaria:hover,
body.oggi-cuenta .woocommerce-MyAccount-content form .button:hover,
body.oggi-cuenta .woocommerce-MyAccount-content table.order_details .button:hover {
background: #f2f6fc;
color: var(--oggi-navy);
}
body.oggi-cuenta .oggi-btn--wpp {
background: var(--oggi-lime);
border-color: var(--oggi-lime);
color: var(--oggi-navy) !important;
}
body.oggi-cuenta .oggi-btn--wpp:hover {
background: var(--oggi-lime-600);
border-color: var(--oggi-lime-600);
}
body.oggi-cuenta .oggi-btn--fantasma {
background: #f1f4f7;
border-color: transparent;
font-weight: 600;
}
body.oggi-cuenta .oggi-btn--fantasma:hover {
background: #e4e9ee;
}
body.oggi-cuenta .woocommerce-MyAccount-content button.show-password-input {
min-width: 44px;
min-height: 44px;
padding: 0;
border: 0;
border-radius: 10px;
background: none;
color: var(--oggi-navy);
box-shadow: none;
text-shadow: none;
}
body.oggi-cuenta .woocommerce-MyAccount-content button.show-password-input:hover {
background: var(--oggi-bg);
}
body.oggi-cuenta .woocommerce-MyAccount-content button.show-password-input:focus-visible {
outline: 3px solid var(--oggi-navy);
outline-offset: 2px;
}
body.oggi-cuenta .oggi-btn:focus-visible,
body.oggi-cuenta .woocommerce-MyAccount-content .button:focus-visible,
body.oggi-cuenta .woocommerce-MyAccount-content button[type="submit"]:focus-visible {
outline: 3px solid var(--oggi-navy);
outline-offset: 2px;
}
body.oggi-cuenta .oggi-chip {
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
background: var(--oggi-line-2);
color: var(--oggi-gray-600);
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 11.5px;
line-height: 1.25;
letter-spacing: 0.2px;
white-space: nowrap;
}
body.oggi-cuenta .oggi-chip--pagar,
body.oggi-cuenta .oggi-chip--espera {
background: var(--oggi-bg-amber);
color: var(--oggi-amber-800);
}
body.oggi-cuenta .oggi-chip--preparando {
background: var(--oggi-navy-50);
color: var(--oggi-navy);
}
body.oggi-cuenta .oggi-chip--listo {
background: var(--oggi-lime);
color: var(--oggi-ink);
}
body.oggi-cuenta .oggi-chip--entregado {
background: var(--oggi-bg-mint);
color: var(--oggi-green-800);
}
body.oggi-cuenta .oggi-chip--fallo {
background: var(--oggi-rose-50);
color: var(--oggi-error);
}
body.oggi-cuenta table.my_account_orders {
display: block;
width: 100%;
margin: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
overflow: visible;
}
body.oggi-cuenta table.my_account_orders thead {
display: none;
}
body.oggi-cuenta table.my_account_orders tbody {
display: flex;
flex-direction: column;
gap: 10px;
}
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"estado num"
"sigue  sigue"
"compra accion";
gap: 7px 10px;
align-items: center;
margin: 0;
padding: 12px 14px;
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
font-family: var(--oggi-font-display);
}
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row td,
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row th {
display: block;
width: auto;
min-width: 0;
padding: 0;
margin: 0;
border: 0;
background: none;
text-align: left;
font-size: 13px;
color: var(--oggi-ink);
}
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row td::before,
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row th::before {
display: none !important;
content: none !important;
}
body.oggi-cuenta table.my_account_orders tr .woocommerce-orders-table__cell-order-status { grid-area: estado; }
body.oggi-cuenta table.my_account_orders tr .woocommerce-orders-table__cell-order-number { grid-area: num; text-align: right; }
body.oggi-cuenta table.my_account_orders tr .woocommerce-orders-table__cell-oggi-entrega { grid-area: sigue; }
body.oggi-cuenta table.my_account_orders tr .woocommerce-orders-table__cell-order-total { grid-area: compra; }
body.oggi-cuenta table.my_account_orders tr .woocommerce-orders-table__cell-order-actions { grid-area: accion; }
body.oggi-cuenta .oggi-ped__num {
display: inline-block;
font-weight: 800;
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.2px;
color: var(--oggi-navy);
text-decoration: none;
}
body.oggi-cuenta .oggi-ped__fecha {
display: inline;
font-weight: 500;
font-size: 11.5px;
line-height: 1.2;
color: var(--oggi-muted);
}
body.oggi-cuenta .oggi-ped__fecha::before {
content: "·";
margin: 0 4px;
color: var(--oggi-line);
}
body.oggi-cuenta .oggi-ped__sigue {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 600;
font-size: 13.5px;
line-height: 1.35;
color: var(--oggi-ink);
}
body.oggi-cuenta .oggi-ped__entrega {
display: block;
margin-top: 3px;
padding-left: 20px;
font-weight: 500;
font-size: 12.5px;
line-height: 1.35;
color: var(--oggi-muted);
background-repeat: no-repeat;
background-position: 0 1px;
background-size: 14px 14px;
overflow-wrap: break-word;
}
body.oggi-cuenta .oggi-ped__entrega--retiro { background-image: var(--oggi-ic-pin); }
body.oggi-cuenta .oggi-ped__entrega--moto { background-image: var(--oggi-ic-moto); }
body.oggi-cuenta .oggi-ped__entrega--envio { background-image: var(--oggi-ic-caja); }
body.oggi-cuenta .oggi-ped__entrega--otro { padding-left: 0; }
body.oggi-cuenta .oggi-ped__compra {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
body.oggi-cuenta .oggi-ped__foto {
flex: 0 0 auto;
width: 40px;
height: 40px;
object-fit: contain;
border: 1px solid var(--oggi-line);
border-radius: 10px;
background: var(--oggi-white);
}
body.oggi-cuenta .oggi-ped__compra-txt {
min-width: 0;
}
body.oggi-cuenta .oggi-ped__items {
display: block;
font-weight: 600;
font-size: 12.5px;
line-height: 1.3;
color: var(--oggi-ink-2);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.oggi-cuenta .oggi-ped__plata {
display: block;
font-weight: 800;
font-size: 14px;
line-height: 1.3;
color: var(--oggi-ink);
letter-spacing: -0.2px;
white-space: nowrap;
}
body.oggi-cuenta .oggi-ped__plata .woocommerce-Price-amount,
body.oggi-cuenta .oggi-ped__plata bdi,
body.oggi-cuenta .oggi-ped__plata del,
body.oggi-cuenta .oggi-ped__plata ins {
white-space: nowrap;
}
body.oggi-cuenta .oggi-ped__compra-txt .oggi-ped__unidades,
body.oggi-cuenta .oggi-ped__unidades {
display: block;
font-weight: 500;
font-size: 11.5px;
line-height: 1.3;
color: var(--oggi-muted);
letter-spacing: 0;
white-space: nowrap;
}
body.oggi-cuenta .oggi-ped__plata del {
font-weight: 500;
font-size: 12px;
color: var(--oggi-muted);
}
body.oggi-cuenta .oggi-ped__plata ins {
text-decoration: none;
}
body.oggi-cuenta table.my_account_orders .oggi-btn {
white-space: nowrap;
padding: 0 14px;
font-size: 13.5px;
}
@media (min-width: 768px) {
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row {
grid-template-columns: 128px 168px minmax(0, 1fr) 210px auto;
grid-template-areas: "num estado sigue compra accion";
gap: 14px;
padding: 14px 16px;
}
body.oggi-cuenta table.my_account_orders tr .woocommerce-orders-table__cell-order-number {
text-align: left;
white-space: nowrap;
}
body.oggi-cuenta .oggi-ped__sigue {
-webkit-line-clamp: 3;
}
body.oggi-cuenta .oggi-ped__compra-txt .oggi-ped__unidades {
display: inline;
}
body.oggi-cuenta .oggi-ped__compra-txt .oggi-ped__unidades::before {
content: "·";
margin: 0 4px;
color: var(--oggi-line);
}
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row:hover {
border-color: var(--oggi-borde-fuerte);
}
}
body.oggi-cuenta .woocommerce-pagination {
margin-top: 14px;
display: flex;
gap: 8px;
}
body.oggi-cuenta .woocommerce-MyAccount-content .woocommerce-info,
body.oggi-cuenta .woocommerce-MyAccount-content .woocommerce-message {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-family: var(--oggi-font-display);
font-size: 13.5px;
line-height: 1.5;
border-radius: 12px;
}
body.oggi-cuenta .woocommerce-MyAccount-content .woocommerce-info .button,
body.oggi-cuenta .woocommerce-MyAccount-content .woocommerce-message .button {
float: none;
order: 2;
margin: 0;
display: inline-block;
min-height: 0;
padding: 12px 14px;
border: 1px solid var(--oggi-navy);
border-radius: 10px;
background: var(--oggi-white);
color: var(--oggi-navy);
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 13px;
line-height: 1.35;
text-shadow: none;
box-shadow: none;
white-space: nowrap;
}
body.oggi-cuenta .woocommerce-MyAccount-content .woocommerce-info .button:hover,
body.oggi-cuenta .woocommerce-MyAccount-content .woocommerce-message .button:hover {
background: #f2f6fc;
color: var(--oggi-navy);
}
body.oggi-cuenta .woocommerce-MyAccount-content > p:has(> .oggi-cab) {
margin: 0 0 14px;
}
body.oggi-cuenta .woocommerce-MyAccount-content > p:has(> mark.order-number) {
display: none;
}
body.oggi-cuenta .oggi-cab {
display: grid;
justify-items: start;
gap: 8px;
padding: 14px;
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-left: 4px solid var(--oggi-navy);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
font-family: var(--oggi-font-display);
}
body.oggi-cuenta .oggi-cab--pagar,
body.oggi-cuenta .oggi-cab--espera { border-left-color: var(--oggi-amber-800); }
body.oggi-cuenta .oggi-cab--fallo { border-left-color: var(--oggi-error); }
body.oggi-cuenta .oggi-cab--listo { border-left-color: var(--oggi-lime-600); }
body.oggi-cuenta .oggi-cab--entregado { border-left-color: var(--oggi-green-800); }
body.oggi-cuenta .oggi-cab--cancelado,
body.oggi-cuenta .oggi-cab--devuelto,
body.oggi-cuenta .oggi-cab--neutro { border-left-color: var(--oggi-gray-600); }
body.oggi-cuenta .oggi-cab__linea {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
body.oggi-cuenta .oggi-cab__num {
font-weight: 800;
font-size: 15px;
color: var(--oggi-navy);
letter-spacing: -0.2px;
}
body.oggi-cuenta .oggi-cab__sigue {
font-weight: 700;
font-size: 16px;
line-height: 1.4;
color: var(--oggi-ink);
}
body.oggi-cuenta .oggi-cab__meta {
font-weight: 500;
font-size: 12.5px;
line-height: 1.35;
color: var(--oggi-muted);
}
body.oggi-cuenta .oggi-cab__cta {
margin-top: 2px;
}
@media (max-width: 767px) {
body.oggi-cuenta .oggi-cab__cta {
width: 100%;
}
}
body.oggi-cuenta .oggi-entrega,
body.oggi-cuenta .oggi-ayuda,
body.oggi-cuenta .oggi-ultimo {
margin: 0 0 14px;
padding: 14px;
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
font-family: var(--oggi-font-display);
}
body.oggi-cuenta .oggi-entrega__titulo,
body.oggi-cuenta .oggi-ayuda__titulo,
body.oggi-cuenta .oggi-ultimo__rotulo {
margin: 0 0 8px;
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 13px;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--oggi-muted);
}
body.oggi-cuenta .oggi-entrega__sucursal {
margin: 0 0 6px;
font-weight: 800;
font-size: 18px;
line-height: 1.25;
letter-spacing: -0.2px;
color: var(--oggi-navy);
}
body.oggi-cuenta .oggi-entrega__dato {
margin: 0 0 4px;
padding-left: 22px;
font-weight: 500;
font-size: 13.5px;
line-height: 1.4;
color: var(--oggi-ink-2);
background-repeat: no-repeat;
background-position: 0 2px;
background-size: 15px 15px;
}
body.oggi-cuenta .oggi-entrega__dato--donde { background-image: var(--oggi-ic-pin); }
body.oggi-cuenta .oggi-entrega__dato--cuando { background-image: var(--oggi-ic-reloj); }
body.oggi-cuenta .oggi-entrega--moto .oggi-entrega__sucursal {
font-size: 16px;
}
body.oggi-cuenta .oggi-entrega--retiro {
border-color: var(--oggi-navy);
box-shadow: inset 0 0 0 1px var(--oggi-navy), 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.oggi-cuenta .oggi-entrega__aviso {
margin: 8px 0 0;
padding-left: 22px;
font-weight: 700;
font-size: 13px;
line-height: 1.4;
color: var(--oggi-navy);
background-image: var(--oggi-ic-dni);
background-repeat: no-repeat;
background-position: 0 2px;
background-size: 15px 15px;
}
body.oggi-cuenta .oggi-entrega__acciones,
body.oggi-cuenta .oggi-ayuda__acciones,
body.oggi-cuenta .oggi-ultimo__acciones {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 12px 0 0;
}
body.oggi-cuenta .oggi-ayuda__nota {
margin: 10px 0 0;
font-weight: 500;
font-size: 12.5px;
line-height: 1.4;
color: var(--oggi-muted);
}
@media (max-width: 767px) {
body.oggi-cuenta .oggi-entrega__acciones .oggi-btn {
flex: 1 1 calc(50% - 4px);
min-width: 0;
padding: 0 10px;
}
body.oggi-cuenta .oggi-ayuda__acciones .oggi-btn,
body.oggi-cuenta .oggi-ultimo__acciones .oggi-btn {
flex: 1 1 100%;
}
}
body.oggi-cuenta .woocommerce-order-details__title,
body.oggi-cuenta .woocommerce-customer-details h2 {
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 13px;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--oggi-muted);
margin: 0 0 8px;
}
body.oggi-cuenta table.order_details {
width: 100%;
margin: 0 0 14px;
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
font-family: var(--oggi-font-display);
}
body.oggi-cuenta table.order_details thead th {
background: none;
padding: 12px 14px 6px;
border-bottom: 1px solid var(--oggi-line-2);
font-weight: 800;
font-size: 11.5px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--oggi-muted);
}
body.oggi-cuenta table.order_details thead th:last-child,
body.oggi-cuenta table.order_details tbody td:last-child,
body.oggi-cuenta table.order_details tfoot td {
text-align: right;
}
body.oggi-cuenta table.order_details tbody td {
padding: 12px 14px;
border-bottom: 1px solid var(--oggi-line-2);
font-size: 14px;
line-height: 1.35;
vertical-align: middle;
}
body.oggi-cuenta table.order_details tbody td.product-name {
overflow: hidden;
font-weight: 700;
}
body.oggi-cuenta table.order_details .product-total {
width: 104px;
white-space: nowrap;
}
body.oggi-cuenta table.order_details tbody td.product-name a {
overflow-wrap: break-word;
hyphens: none;
}
body.oggi-cuenta .oggi-item__foto {
float: left;
width: 48px;
height: 48px;
margin: 0 10px 0 0;
object-fit: contain;
border: 1px solid var(--oggi-line);
border-radius: 10px;
background: var(--oggi-white);
}
body.oggi-cuenta table.order_details tbody td.product-name .product-quantity {
font-weight: 500;
color: var(--oggi-muted);
}
body.oggi-cuenta table.order_details tfoot { display: block; }
body.oggi-cuenta table.order_details tfoot tr {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 14px;
padding: 7px 14px;
}
body.oggi-cuenta table.order_details tfoot th {
flex: 0 1 auto;
padding: 0;
background: none;
border: 0;
text-align: left;
font-weight: 500;
font-size: 13px;
line-height: 1.4;
color: var(--oggi-muted);
}
body.oggi-cuenta table.order_details tfoot td {
flex: 1 1 auto;
min-width: 0;
padding: 0;
border: 0;
font-weight: 700;
font-size: 13.5px;
line-height: 1.4;
color: var(--oggi-ink);
}
body.oggi-cuenta .oggi-total {
font-weight: 800;
font-size: 20px;
letter-spacing: -0.5px;
color: var(--oggi-navy);
}
body.oggi-cuenta table.order_details tfoot tr:has(.oggi-total) {
margin-top: 4px;
padding-top: 12px;
border-top: 1px solid var(--oggi-line);
}
body.oggi-cuenta table.order_details tfoot tr:has(.oggi-total) th {
font-weight: 800;
font-size: 14px;
color: var(--oggi-ink);
}
@media (max-width: 767px) {
body.oggi-cuenta table.order_details thead th,
body.oggi-cuenta table.order_details tbody td {
padding-left: 10px;
padding-right: 10px;
}
body.oggi-cuenta table.order_details tfoot tr {
padding-left: 10px;
padding-right: 10px;
gap: 10px;
}
body.oggi-cuenta table.order_details tbody td {
font-size: 13.5px;
}
body.oggi-cuenta .oggi-item__foto {
width: 44px;
height: 44px;
margin-right: 8px;
}
body.oggi-cuenta .oggi-total {
font-size: 17px;
}
}
@media (min-width: 768px) {
body.oggi-cuenta table.order_details .product-total {
width: 300px;
}
}
body.oggi-cuenta .woocommerce-customer-details {
margin: 0 0 14px;
padding: 14px;
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
font-family: var(--oggi-font-display);
}
body.oggi-cuenta .woocommerce-customer-details .oggi-ayuda {
margin: 14px 0 0;
padding: 14px 0 0;
border: 0;
border-top: 1px solid var(--oggi-line-2);
border-radius: 0;
box-shadow: none;
}
body.oggi-cuenta .woocommerce-customer-details address {
font-style: normal;
font-weight: 500;
font-size: 13.5px;
line-height: 1.5;
color: var(--oggi-ink-2);
border: 0;
padding: 0;
margin: 0;
}
body.oggi-cuenta .woocommerce-customer-details--phone,
body.oggi-cuenta .woocommerce-customer-details--email {
margin: 4px 0 0;
font-size: 13px;
color: var(--oggi-muted);
}
@media (min-width: 768px) {
body.oggi-cuenta .woocommerce-customer-details .col2-set .col-1,
body.oggi-cuenta .woocommerce-customer-details .col2-set .col-2 {
width: 48%;
}
}
body.oggi-cuenta .oggi-ultimo {
border-left: 4px solid var(--oggi-navy);
}
body.oggi-cuenta .oggi-ultimo__linea {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 6px;
}
body.oggi-cuenta .woocommerce-MyAccount-content > p {
font-size: 13.5px;
line-height: 1.5;
color: var(--oggi-muted);
}
body.oggi-cuenta .oggi-ultimo__sigue {
margin: 0 0 4px;
font-weight: 700;
font-size: 15px;
line-height: 1.4;
color: var(--oggi-ink);
}
@media (min-width: 768px) {
body.oggi-cuenta .woocommerce-Addresses.col2-set .col-1,
body.oggi-cuenta .woocommerce-Addresses.col2-set .col-2 {
width: 48%;
}
}
body.oggi-cuenta .woocommerce-Address {
padding: 14px;
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.oggi-cuenta .woocommerce-Address address {
font-style: normal;
font-weight: 500;
font-size: 13.5px;
line-height: 1.5;
color: var(--oggi-ink-2);
}
body.oggi-cuenta .woocommerce-EditAccountForm,
body.oggi-cuenta form.edit-account,
body.oggi-cuenta form.woocommerce-address-fields {
font-family: var(--oggi-font-display);
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
padding: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.oggi-cuenta .woocommerce-MyAccount-content .form-row em,
body.oggi-cuenta .woocommerce-MyAccount-content .form-row span.description {
display: block;
margin-top: 6px;
font-style: normal;
font-size: 12.5px;
line-height: 1.45;
color: var(--oggi-muted);
}
body.oggi-cuenta .woocommerce-MyAccount-content fieldset {
border: 0;
padding: 0;
margin: 14px 0 0;
min-width: 0;
}
body.oggi-cuenta .woocommerce-MyAccount-content fieldset legend {
padding: 0;
margin-bottom: 8px;
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 13px;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--oggi-muted);
}
body.oggi-cuenta .woocommerce-MyAccount-content .required,
body.oggi-cuenta .woocommerce-MyAccount-content abbr.required {
color: var(--oggi-error);
text-decoration: none;
border: 0;
}
body.oggi-cuenta form.woocommerce-form-login,
body.oggi-cuenta form.woocommerce-form-register,
body.oggi-cuenta form.lost_reset_password {
background: var(--oggi-white);
border: 1px solid var(--oggi-line);
border-radius: 16px;
padding: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
font-family: var(--oggi-font-display);
}
body.oggi-cuenta form.woocommerce-form-login button[type="submit"],
body.oggi-cuenta form.woocommerce-form-register button[type="submit"],
body.oggi-cuenta form.lost_reset_password button[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 18px;
border: 1px solid var(--oggi-navy);
border-radius: 10px;
background: var(--oggi-navy);
color: var(--oggi-white);
font-family: var(--oggi-font-display);
font-weight: 800;
font-size: 15px;
line-height: 1.2;
text-shadow: none;
box-shadow: none;
cursor: pointer;
}
body.oggi-cuenta form.woocommerce-form-login button[type="submit"]:hover,
body.oggi-cuenta form.woocommerce-form-register button[type="submit"]:hover,
body.oggi-cuenta form.lost_reset_password button[type="submit"]:hover {
background: var(--oggi-navy-700);
border-color: var(--oggi-navy-700);
color: var(--oggi-white);
}
body.oggi-cuenta form.woocommerce-form-login button[type="submit"]:focus-visible,
body.oggi-cuenta form.woocommerce-form-register button[type="submit"]:focus-visible,
body.oggi-cuenta form.lost_reset_password button[type="submit"]:focus-visible {
outline: 3px solid var(--oggi-navy);
outline-offset: 2px;
}
@media (max-width: 767px) {
body.oggi-cuenta form.woocommerce-form-login button[type="submit"],
body.oggi-cuenta form.woocommerce-form-register button[type="submit"],
body.oggi-cuenta form.lost_reset_password button[type="submit"] {
width: 100%;
}
body.oggi-cuenta #customer_login .col-1,
body.oggi-cuenta #customer_login .col-2 {
width: 100%;
float: none;
margin: 0 0 14px;
}
}
body.oggi-cuenta .oggi-entrega__titulo,
body.oggi-cuenta .oggi-ayuda__titulo,
body.oggi-cuenta .woocommerce-order-details__title,
body.oggi-cuenta .woocommerce-customer-details h2,
body.oggi-cuenta .woocommerce-column__title,
body.oggi-cuenta .woocommerce-Address-title h3 {
font-family: var(--oggi-font-display) !important;
font-weight: 800 !important;
font-size: 13px !important;
line-height: 1.2 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase;
color: var(--oggi-muted) !important;
margin: 0 0 8px !important;
}
body.oggi-cuenta table.my_account_orders {
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
}
body.oggi-cuenta table.order_details {
border: 1px solid var(--oggi-line) !important;
border-radius: 16px !important;
}
body.oggi-cuenta table.order_details thead th {
background: none !important;
color: var(--oggi-muted) !important;
font-weight: 800 !important;
}
body.oggi-cuenta .woocommerce form .form-row input.input-text,
body.oggi-cuenta .woocommerce-page form .form-row input.input-text {
font-size: 16px !important;
height: 47px !important;
}
body.oggi-cuenta .woocommerce form .form-row select,
body.oggi-cuenta .woocommerce-page form .form-row select {
font-size: 16px !important;
}
body.oggi-cuenta .woocommerce form .form-row textarea,
body.oggi-cuenta .woocommerce-page form .form-row textarea {
font-size: 16px !important;
line-height: 19.6px !important;
}
body.oggi-cuenta .woocommerce-MyAccount-navigation ul li a:focus-visible,
body.oggi-cuenta .woocommerce-MyAccount-content a:focus-visible {
outline: 3px solid var(--oggi-navy);
outline-offset: 2px;
border-radius: 6px;
}
body.oggi-cuenta table.my_account_orders tr.woocommerce-orders-table__row:focus-within {
border-color: var(--oggi-navy);
}
@media (prefers-reduced-motion: reduce) {
body.oggi-cuenta * {
transition: none !important;
scroll-behavior: auto !important;
}
}