body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard,
body.oggi-chrome :is(.oggi-pcar__acciones, .oggi-pcar__arr, .oggi-hero-mosaic__controls, .oggi-tira__controls),
body.oggi-chrome .oggi-benefits-strip .oggi-pcar__link {
--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-red: #E4002B;
--oggi-muted: #57527A;
--oggi-font-display: var(--oggi-letra);
}
body.oggi-chrome .oggi-pcar[class*="oggi-pcar--bg-"] .oggi-pcar__inner {
border-radius: 28px;
}
@media (max-width: 560px) {
body.oggi-chrome .oggi-pcar[class*="oggi-pcar--bg-"] .oggi-pcar__inner { border-radius: 20px; }
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard {
--pc-linea: #fff;
--pc-b: 0px;
border: 0;
border-radius: var(--oggi-r-tarjeta);
background: #fff;
box-shadow: inset 0 0 0 var(--pc-b) var(--pc-linea);
font-family: var(--oggi-letra);
color: var(--oggi-tinta);
text-align: left;
transition: box-shadow .15s ease;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard:hover {
--pc-linea: var(--oggi-violeta);
--pc-b: 2px;
border: 0;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--vibrante .oggi-prodcard:hover {
--pc-linea: var(--oggi-tinta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__img {
border-radius: var(--oggi-r-campo);
background: #fff;
}
@media (max-width: 560px) {
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__img { border-radius: var(--oggi-r-control); }
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard :is(a, button):not(.oggi-prodcard__add):focus-visible {
outline: 3px solid var(--oggi-violeta);
outline-offset: -3px;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__actions :is(a, button):focus-visible {
outline-offset: 2px;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__actions {
color: var(--oggi-tinta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__actions :is(button, a) {
color: var(--oggi-tinta) !important;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__actions :is(button, a):hover,
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__wish.is-active {
color: var(--oggi-violeta) !important;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__wish.is-active .oggi-icon {
fill: currentColor;
stroke: currentColor;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__brand {
font-family: var(--oggi-letra);
font-size: 11px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--oggi-tinta-2);
line-height: 1.35;
margin: 10px 0 3px;
text-align: left;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__title {
font-family: var(--oggi-letra);
font-size: 14px;
font-weight: 600;
line-height: 1.32;
min-height: calc(2em * 1.32);
color: var(--oggi-tinta);
text-align: left;
margin: 0 0 10px;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__title a {
color: var(--oggi-tinta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__title a:hover {
color: var(--oggi-violeta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__variants {
border-radius: var(--oggi-r-pildora);
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 700;
letter-spacing: 0;
padding-inline: 12px;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__variants::before {
background: var(--oggi-violeta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__prices {
align-items: flex-start;
text-align: left;
font-variant-numeric: tabular-nums;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__old {
font-size: 12.5px;
line-height: 19.5px;
font-weight: 600;
color: var(--oggi-tachado);
text-decoration-color: var(--oggi-tachado);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__old .amount {
color: var(--oggi-tachado);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__now {
font-family: var(--oggi-letra);
font-weight: 800;
font-size: 22px;
letter-spacing: -.02em;
color: var(--oggi-tinta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__now .amount {
color: var(--oggi-tinta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__ex-tax {
font-family: var(--oggi-letra);
font-size: 10px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
color: var(--oggi-tinta-2);
text-align: left;
line-height: 1.3;
font-variant-numeric: tabular-nums;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__ex-tax :is(.amount, bdi) {
color: var(--oggi-tinta-2);
font-size: inherit;
font-weight: 700;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add {
margin-left: -12px;
margin-right: -12px;
margin-bottom: 2px;
background: var(--oggi-marca);
color: #fff !important;
border: 0;
border-radius: 0 0 calc(var(--oggi-r-tarjeta) - 2px) calc(var(--oggi-r-tarjeta) - 2px);
box-shadow: none;
font-family: var(--oggi-letra);
font-weight: 800;
font-size: 14px;
letter-spacing: 0;
transition: background-color .15s ease, color .15s ease;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add:is(:hover, :focus) {
background: var(--oggi-marca-hondo);
color: #fff !important;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add:focus-visible {
outline: none;
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add.added,
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add.added:is(:hover, :focus) {
background: var(--oggi-violeta);
color: #fff !important;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--vibrante .oggi-prodcard .oggi-prodcard__add:not(.oggi-prodcard__add--whatsapp) {
background: var(--oggi-tinta);
background: color-mix(in oklch, var(--oggi-vivo-1, var(--pcar-fondo)) 70%, #1D1640);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--vibrante .oggi-prodcard .oggi-prodcard__add:not(.oggi-prodcard__add--whatsapp):is(:hover, :focus) {
background: #3A3170;
background: color-mix(in oklch, var(--oggi-vivo-1, var(--pcar-fondo)) 52%, #1D1640);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--vibrante .oggi-prodcard .oggi-prodcard__add.added,
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--vibrante .oggi-prodcard .oggi-prodcard__add.added:is(:hover, :focus) {
background: var(--oggi-violeta);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--vibrante .oggi-prodcard .oggi-prodcard__add:not(.oggi-prodcard__add--whatsapp):focus-visible {
box-shadow: inset 0 0 0 2px var(--oggi-tinta), inset 0 0 0 5px #fff;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add--whatsapp {
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta) !important;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add--whatsapp:is(:hover, :focus) {
background: #E2DAFF;
color: var(--oggi-tinta) !important;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add--whatsapp:focus-visible {
box-shadow: var(--oggi-foco);
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__disc {
box-shadow: none;
border-radius: var(--oggi-r-campo);
padding: 7px 11px 6px 11px;
letter-spacing: -.02em;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__disc:not(.oggi-prodcard__disc--hueco) {
background: var(--oggi-oferta);
color: #fff;
font-family: var(--oggi-letra);
font-weight: 900;
font-variant-numeric: tabular-nums;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__disc--promo:not(.oggi-prodcard__disc--promo-segunda) {
background: var(--oggi-2x1);
color: #fff;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__disc--hueco {
background: none;
visibility: hidden;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__disc-off {
font-weight: 900;
letter-spacing: .06em;
}
@media (min-width: 561px) {
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__disc { top: 12px; left: 12px; }
}
@media (max-width: 560px) {
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__disc { border-radius: var(--oggi-r-control); }
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add { margin-left: -10px; margin-right: -10px; }
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-countdown--card:not(.oggi-countdown--hueco) {
border-radius: var(--oggi-r-pildora);
box-shadow: none;
background: var(--oggi-alerta-fondo);
color: var(--oggi-alerta);
font-family: var(--oggi-letra);
font-weight: 800;
padding-inline: 11px;
}
@media (max-width: 560px) {
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__brand { margin: 8px 0 2px; }
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__title { font-size: 13px; line-height: 1.3; min-height: calc(2em * 1.3); margin: 0 0 6px; }
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__now { font-size: 20px; }
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__old { line-height: 16.8px; }
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__img { height: 205.5625px; }
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--bajo .oggi-prodcard__img { height: 179.5625px; }
@media (max-width: 560px) {
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__img { height: 150.125px; }
body.oggi-chrome:not(.oggi-ui) .oggi-pcar.oggi-pcar--bajo .oggi-prodcard__img { height: 136.125px; }
}
body.oggi-chrome :is(.oggi-pcar, .oggi-benefits-strip) .oggi-pcar__link {
border: 0;
border-radius: var(--oggi-r-control);
padding: 9px 16px;
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 800;
font-size: 13px;
line-height: 19.5px;
letter-spacing: 0;
text-decoration: none;
transition: background-color .15s ease, color .15s ease;
}
body.oggi-chrome :is(.oggi-pcar, .oggi-benefits-strip) .oggi-pcar__link:is(:hover, :focus-visible) {
background: var(--oggi-tinta);
border-color: transparent;
color: #fff;
}
body.oggi-chrome :is(.oggi-pcar, .oggi-benefits-strip) .oggi-pcar__link:focus-visible {
outline: none;
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-chrome :is(.oggi-pcar--vibrante, .oggi-benefits-strip--vibrante) .oggi-pcar__link {
background: #fff;
color: var(--oggi-tinta);
}
body.oggi-chrome :is(.oggi-pcar--vibrante, .oggi-benefits-strip--vibrante) .oggi-pcar__link:is(:hover, :focus-visible) {
background: var(--oggi-tinta);
color: #fff;
}
body.oggi-chrome .oggi-pcar .oggi-pcar__pausa {
border: 0;
border-radius: 50%;
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
transition: background-color .15s ease, color .15s ease;
}
body.oggi-chrome .oggi-pcar.oggi-pcar--vibrante .oggi-pcar__pausa {
background: #fff;
color: var(--oggi-tinta);
}
body.oggi-chrome .oggi-pcar.oggi-pcar .oggi-pcar__pausa:is(:hover, :focus-visible) {
background: var(--oggi-tinta);
border-color: transparent;
color: #fff;
}
body.oggi-chrome .oggi-pcar .oggi-pcar__pausa:focus-visible {
outline: none;
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-chrome .oggi-pcar .oggi-pcar__arr {
border: 0;
border-radius: 50%;
background: var(--oggi-tinta);
color: #fff;
transition: background-color .15s ease, opacity .15s ease;
}
body.oggi-chrome .oggi-pcar .oggi-pcar__arr:is(:hover, :focus-visible) {
background: var(--oggi-violeta);
border-color: transparent;
color: #fff;
}
body.oggi-chrome .oggi-pcar .oggi-pcar__arr:focus-visible {
outline: none;
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-chrome .oggi-pcar .oggi-pcar__arr:is(:disabled, [aria-disabled="true"]),
body.oggi-chrome .oggi-pcar .oggi-pcar__arr:is(:disabled, [aria-disabled="true"]):hover {
opacity: 1;
background: var(--oggi-linea);
border-color: transparent;
color: #8F89AD;
cursor: default;
}
body.oggi-chrome :is(.oggi-hero-mosaic__ctrl, .oggi-tira__ctrl) {
border-radius: 50%;
background: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
}
body.oggi-chrome :is(.oggi-hero-mosaic__ctrl, .oggi-tira__ctrl):is(:hover, :focus-visible) {
background: var(--oggi-tinta);
color: #fff;
}
body.oggi-chrome :is(.oggi-hero-mosaic__ctrl, .oggi-tira__ctrl):focus-visible {
outline: none;
box-shadow: var(--oggi-foco-sobre-color);
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot) {
position: relative;
width: 16px;
border-radius: var(--oggi-r-pildora);
background: transparent;
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot)::before {
content: "";
position: absolute;
inset: 1px 0;
border-radius: var(--oggi-r-pildora);
background: rgba(29, 22, 64, .28);
transition: background-color .15s ease;
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot):hover {
background: transparent;
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot):hover::before {
background: rgba(29, 22, 64, .5);
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot).is-active {
width: 30px;
border-radius: var(--oggi-r-pildora);
background: transparent;
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot).is-active::before {
background: var(--oggi-violeta);
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot):focus-visible {
outline: 2px solid var(--oggi-violeta);
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
body.oggi-chrome .oggi-pcar :is(.oggi-prodcard, .oggi-prodcard__add, .oggi-pcar__link, .oggi-pcar__pausa, .oggi-pcar__arr),
body.oggi-chrome .oggi-benefits-strip .oggi-pcar__link,
body.oggi-chrome :is(.oggi-hero-mosaic__ctrl, .oggi-hero-mosaic__dot, .oggi-tira__ctrl, .oggi-tira__dot),
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot)::before {
transition: none;
}
}
body.oggi-chrome.oggi-chrome :is(.oggi-pcar, .oggi-benefits-strip) :is(.oggi-pcar__link, .oggi-pcar__pausa, .oggi-pcar__arr):focus-visible,
body.oggi-chrome.oggi-chrome :is(.oggi-hero-mosaic__ctrl, .oggi-tira__ctrl):focus-visible {
outline: none;
box-shadow: inset 0 0 0 3px var(--anillo, #fff);
}
body.oggi-chrome.oggi-chrome .oggi-pcar .oggi-pcar__arr[aria-disabled="true"]:focus-visible {
--anillo: var(--oggi-tinta);
}
@media (max-width: 560px) {
body.oggi-chrome .oggi-pcar :is(.oggi-pcar__pausa, .oggi-pcar__link) { position: relative; }
body.oggi-chrome .oggi-pcar .oggi-pcar__pausa::after { content: ""; display: block; position: absolute; inset: -4px; }
body.oggi-chrome .oggi-pcar .oggi-pcar__link::after { content: ""; display: block; position: absolute; inset: -3.25px 0; }
}
@media (max-width: 560px) {
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__actions :is(button, a) { position: relative; }
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__actions :is(button, a)::after {
content: "";
display: block;
position: absolute;
inset: -10px -4px -15px -12px;
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard__actions :is(button, a):last-child::after {
inset: -10px -10px -15px -4px;
}
}
@media (max-width: 768px) {
body.oggi-chrome :is(.oggi-hero-mosaic__ctrl, .oggi-tira__ctrl) { position: relative; }
body.oggi-chrome :is(.oggi-hero-mosaic__ctrl, .oggi-tira__ctrl)::after {
content: "";
display: block;
position: absolute;
inset: -6px -4px -10px;
}
body.oggi-chrome :is(.oggi-hero-mosaic__dot, .oggi-tira__dot)::after {
content: "";
display: block;
position: absolute;
inset: -16px -2px -20px;
}
}
body.oggi-chrome:not(.oggi-ui) .oggi-pcar .oggi-prodcard .oggi-prodcard__add:not(.oggi-prodcard__add--whatsapp):focus-visible {
box-shadow: inset 0 0 0 3px var(--oggi-tinta);
}