.paleta-producto{--algodon:#f5f4f6;--esmalte:#17121a;--rojo:#b5121b;--rojo-claro:#e0525a;--lima:#dad5d9;--blanco:#fff}.chat{--chat-verde:#075e54;--chat-mandar:#25d366;--chat-papel:#ece5dd;--chat-barra:#e5e9eb;background-color:var(--blanco);max-width:26rem;box-shadow:0 1px 2px color-mix(in oklab, var(--esmalte) 8%, transparent), 0 20px 44px -24px color-mix(in oklab, var(--esmalte) 50%, transparent);border-radius:16px;overflow:hidden}.chat-barra{background-color:var(--chat-verde);color:#fff;align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.chat-volver{opacity:.85;flex-shrink:0;width:1rem;height:1rem}.chat-inicial{background-color:#ffffff38;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:600;display:grid}.chat-nombre{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.chat-cuerpo{background-color:var(--chat-papel);place-items:center;padding:1rem 0;display:grid}.chat-dia{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklab, var(--esmalte) 55%, transparent);background-color:#ffffffbf;border-radius:999px;padding:.2rem .7rem;font-size:.7rem;font-weight:600}.chat-escribir{background-color:var(--chat-barra);border-top:1px solid color-mix(in oklab, var(--esmalte) 8%, transparent);align-items:flex-end;gap:.5rem;padding:.6rem;display:flex}.chat-campo{background-color:var(--blanco);min-width:0;color:var(--esmalte);border-radius:18px;flex:1;padding:.6rem .85rem;font-size:.9rem;line-height:1.45}.chat-campo span{display:block}.chat-cursor{vertical-align:-.12em;background-color:var(--chat-verde);width:2px;height:.95em;margin-left:2px;animation:1.1s step-end infinite latir;display:inline-block}@keyframes latir{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.chat-cursor{animation:none}}.chat-mandar{background-color:var(--chat-mandar);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}.franja-producto{background-color:var(--algodon);border-top:1px solid var(--lima);color:var(--esmalte)}.franja-producto :where(button,a[href]){transition-property:background-color,color,transform,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,.8,.25,1)}.franja-producto :where(button,a[href]):active{transform:scale(.985)}.franja-producto :where(a,button,[tabindex]):focus-visible{outline-color:var(--esmalte)}@media (prefers-reduced-motion:reduce){.franja-producto :where(button,a[href]):active{transform:none}}.titulo-producto{font-family:var(--font-titulo,var(--font-body));letter-spacing:-.01em;font-weight:600}.portada .titulo-producto{font-weight:400}.pico-envoltorio{z-index:30;left:50%;bottom:max(1rem, env(safe-area-inset-bottom));transition:translate .32s cubic-bezier(.4,0,1,1);position:fixed;translate:-50%}.pico-envoltorio.se-fue{pointer-events:none;translate:-50% calc(100% + 2.5rem)}.pico-producto{background-color:var(--rojo);max-width:calc(100vw - 2rem);color:var(--blanco);white-space:nowrap;box-shadow:0 2px 6px color-mix(in oklab, var(--esmalte) 22%, transparent), 0 16px 32px -14px color-mix(in oklab, var(--esmalte) 60%, transparent);border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.15rem;font-size:.875rem;font-weight:600;line-height:1;transition:background-color .15s;animation:.5s cubic-bezier(.2,.8,.25,1) .7s both asomar;display:flex}@keyframes asomar{0%{translate:0 calc(100% + 2.5rem)}to{translate:0}}.pico-producto:hover,.pico-producto:active{background-color:var(--esmalte)}.pico-producto:focus-visible{outline:2px solid var(--esmalte);outline-offset:3px}@media (prefers-reduced-motion:reduce){.pico-envoltorio{transition:none}.pico-envoltorio.se-fue{display:none}.pico-producto{animation:none}}.secuencia{max-width:26rem}.secuencia-barras{align-items:center;gap:.5rem;display:flex}.secuencia-barra{background-color:color-mix(in oklab, var(--esmalte) 14%, transparent);cursor:pointer;border-radius:999px;flex:1;height:3px;padding:0;overflow:hidden}.secuencia-barra:after{content:"";height:1.75rem;display:block;position:relative;top:-.75rem}.secuencia-barra>span{background-color:var(--rojo);border-radius:999px;width:0;height:100%;display:block}.secuencia-barra>span.corriendo{animation:linear both llenar}.secuencia-barra>span.lleno{width:100%}@keyframes llenar{0%{width:0}to{width:100%}}.secuencia-numero{background-color:var(--rojo);width:1.35rem;height:1.35rem;color:var(--blanco);border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:600;display:grid}.secuencia-caja{place-items:center;min-height:17rem;display:grid}@media (min-width:640px){.secuencia-caja{min-height:19rem}}.secuencia-foto{-webkit-user-drag:none;object-fit:contain;object-position:center;border:1px solid var(--lima);background-color:var(--blanco);width:100%;height:auto;max-height:17rem;box-shadow:0 12px 30px -22px color-mix(in oklab, var(--esmalte) 60%, transparent);border-radius:12px;display:block}@media (min-width:640px){.secuencia-foto{max-height:19rem}}.secuencia-entra{place-items:center;width:100%;animation:.4s cubic-bezier(.16,.84,.28,1) both correr;display:grid}@keyframes correr{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.secuencia-entra{animation:none}}.secuencia-flecha{border:1px solid var(--lima);background-color:var(--blanco);width:1.75rem;height:1.75rem;color:color-mix(in oklab, var(--esmalte) 70%, transparent);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .15s,color .15s,border-color .15s;display:grid}.secuencia-flecha:hover{border-color:var(--rojo);background-color:var(--rojo);color:var(--blanco)}.secuencia-flecha:active{transform:scale(.94)}.secuencia-flecha:focus-visible{outline:2px solid var(--esmalte);outline-offset:2px}.secuencia-flecha:not(.secuencia-flecha-derecha) svg{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.secuencia-flecha:active{transform:none}}