.ob-pr-caja{isolation:isolate;scroll-snap-align:start;flex-shrink:0;transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.5s;animation-timing-function:cubic-bezier(0,0,.2,1);position:relative;overflow:visible}@media (prefers-reduced-motion:reduce){.ob-pr-caja{transition-property:none}}@media (min-width:640px){.ob-pr-caja:focus-within,.ob-pr-caja:hover{z-index:30}}.ob-pr-brillo{pointer-events:none;z-index:-10;opacity:0;--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);background-image:radial-gradient(circle at 24% 18%,#ff5c5c57,#0000 42%),radial-gradient(circle at 78% 76%,#652f9357,#0000 48%);border-radius:24px;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.5s;position:absolute;inset:-1rem}.group:focus-within .ob-pr-brillo,.group:hover .ob-pr-brillo{opacity:1}@media (prefers-reduced-motion:reduce){.ob-pr-brillo{transition-property:none}}.ob-pr-tarjeta{--tw-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);transition-property:border-color,box-shadow;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.5s;position:relative;overflow:hidden}.group:focus-within .ob-pr-tarjeta,.group:hover .ob-pr-tarjeta{--tw-border-opacity:1;border-color:rgb(217 201 239/var(--tw-border-opacity,1));--tw-shadow:0 38px 80px -26px #33417880;--tw-shadow-colored:0 38px 80px -26px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (prefers-reduced-motion:reduce){.ob-pr-tarjeta{transition-property:none}}.ob-pr-marco{--tw-bg-opacity:1;background-color:rgb(247 249 252/var(--tw-bg-opacity,1));outline-offset:2px;outline:2px solid #0000;flex-shrink:0;display:block;position:relative;overflow:hidden}.ob-pr-marco:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.ob-pr-foto{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.5s;animation-timing-function:cubic-bezier(0,0,.2,1);position:absolute;inset:0}.group:focus-within .ob-pr-foto,.group:hover .ob-pr-foto{--tw-scale-x:1.12;--tw-scale-y:1.12;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-reduced-motion:reduce){.ob-pr-foto{transition-property:none}}.ob-pr-destello{pointer-events:none;--tw-skew-x:-18deg;width:38%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ffffffb3 var(--tw-gradient-via-position), var(--tw-gradient-to);opacity:0;transition-property:transform,opacity;transition-duration:.7s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.7s;animation-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:0;bottom:0;left:-50%}.group:focus-within .ob-pr-destello,.group:hover .ob-pr-destello{--tw-translate-x:470%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}@media (prefers-reduced-motion:reduce){.ob-pr-destello{display:none}}.ob-pr-cuerpo{flex-direction:column;flex:1;min-width:0;display:flex}.ob-pr-nombre{-webkit-line-clamp:2;--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1));-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.375;display:-webkit-box;overflow:hidden}@media (min-width:640px){.ob-pr-nombre{font-size:.875rem;line-height:1.25rem}}.ob-pr-descripcion{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1));margin-top:.25rem;font-size:.75rem;line-height:1rem;overflow:hidden}.ob-pr-descuento{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-image:linear-gradient(135deg,#6b42d8 0%,#4d2ca7 100%);border-radius:8px;padding:.25rem .5rem;font-size:11px;font-weight:800}.ob-pr-pie{justify-content:space-between;align-items:flex-end;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}@media (min-width:640px){.ob-pr-pie{gap:.75rem;padding-top:.75rem}}.ob-pr-precio{white-space:nowrap;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1));font-size:1rem;font-weight:800;line-height:1.5rem;display:block}@media (min-width:640px){.ob-pr-precio{font-size:1.125rem;line-height:1.75rem}}.ob-pr-antes{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));order:-9999;margin-bottom:.25rem;font-size:.75rem;font-weight:500;line-height:1rem;display:block}.ob-pr-ver{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:10px;flex-shrink:0;align-items:center;gap:.375rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.ob-pr-ver:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.ob-pr-ver:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;outline:2px solid #0000}@media (prefers-reduced-motion:reduce){.ob-pr-ver{transition-property:none}}@media (min-width:640px){.ob-pr-ver{border-radius:12px;padding-left:.875rem;padding-right:.875rem}}
