:root{--bg:#f7f5fb;--bg-2:#efeaf7;--surface:#fff;--surface-2:#f3f0f9;--primario:#6b21a8;--primario-claro:#9333ea;--acento:#c026d3;--dorado:#d4a017;--texto:#231b30;--texto-tenue:#625a70;--texto-fuerte:#120b1c;--texto-sobre-primario:#fff;--borde:#e4def0;--borde-vivo:color-mix(in srgb, var(--primario) 45%, transparent);--ok:#15803d;--aviso:#b45309;--error:#b91c1c;--whatsapp:#128c4b;--primario-tenue:color-mix(in srgb, var(--primario) 10%, transparent);--primario-tenue-2:color-mix(in srgb, var(--primario) 18%, transparent);--acento-tenue:color-mix(in srgb, var(--acento) 12%, transparent);--ok-tenue:color-mix(in srgb, var(--ok) 12%, transparent);--aviso-tenue:color-mix(in srgb, var(--aviso) 14%, transparent);--error-tenue:color-mix(in srgb, var(--error) 12%, transparent);--superficie-viva:color-mix(in srgb, var(--primario) 4%, var(--surface));--barra-fondo:color-mix(in srgb, var(--surface) 88%, transparent);--velo-modal:color-mix(in srgb, var(--texto-fuerte) 55%, transparent);--texto-marca:color-mix(in srgb, var(--texto-tenue) 75%, transparent);--degradado:linear-gradient(135deg, var(--primario) 0%, var(--acento) 100%);--rejilla-grafico:color-mix(in srgb, var(--texto-tenue) 18%, transparent);--fuente-titulos:"Poppins", system-ui, sans-serif;--fuente-texto:"Inter", system-ui, sans-serif;--txt-grafico:.6875rem;--txt-micro:.75rem;--txt-menudo:.8125rem;--txt-ui:.9375rem;--txt-cuerpo:1rem;--txt-guia:1.125rem;--txt-t3:1.375rem;--txt-t2:clamp(1.5rem, 1.1rem + 1.6vw, 2rem);--txt-cifra:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--txt-numero:clamp(2.75rem, 2.2rem + 3vw, 3.75rem);--interlinea-titulo:1.2;--interlinea-cuerpo:1.55;--tracking-etiqueta:.06em;--rapido:.12s;--medio:.24s;--lento:.42s;--curva-salida:cubic-bezier(.22, .61, .36, 1);--curva-suave:cubic-bezier(.4, 0, .2, 1);--levanta:-2px;--hunde:1px;--levanta-ficha:-8px;--escala-foto:1.08;--curva-rebote:cubic-bezier(.34, 1.56, .64, 1);--escalonado:45ms;--ciclo-brillo:1.4s;--vuelo:.65s;--ciclo-latido:2s;--dura-aviso:4.2s;--dura-aviso-error:8s;--dura-celebra:2s;--dura-hecho:1.2s;--traza:.48s;--giro:.7s;--sacudida:.42s;--destello:1.2s;--ciclo-barra:1.2s;--sombra-viva:0 20px 44px color-mix(in srgb, var(--primario) 26%, transparent), 0 0 0 2px color-mix(in srgb, var(--primario-claro) 60%, transparent);--velo-foto:linear-gradient(to top, color-mix(in srgb, var(--texto-fuerte) 62%, transparent) 0%, transparent 55%);--brillo-boton:linear-gradient(110deg, transparent 30%, #ffffff73 50%, transparent 70%);--esqueleto:linear-gradient(90deg, var(--surface-2) 0%, var(--bg-2) 50%, var(--surface-2) 100%);--ok-halo:color-mix(in srgb, var(--ok) 45%, transparent);--ok-destello:color-mix(in srgb, var(--ok) 22%, transparent);--velo-celebra:color-mix(in srgb, var(--texto-fuerte) 40%, transparent);--anillo-giro:color-mix(in srgb, currentColor 30%, transparent);--radio:14px;--radio-sm:9px;--radio-pildora:999px;--toque-min:44px;--ancho-max:1680px;--barra-h:60px;--margen:clamp(16px, 2.6vw, 40px);--carrito-w:380px;--ficha-min:200px;--sombra:0 10px 30px #0000001a;--sombra-suave:0 2px 10px #0000000f;--sombra-alta:0 18px 44px #0000002e;--alto-nav:64px;--z-barra:100;--z-flotante:110;--z-avisos:200;--z-red:210}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--texto);font-family:var(--fuente-texto);font-size:var(--txt-cuerpo);line-height:var(--interlinea-cuerpo);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--fuente-titulos);line-height:var(--interlinea-titulo);color:var(--texto-fuerte);margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primario)}.icono{flex:none;width:1.25em;height:1.25em}.oculto-visual{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contenedor{width:min(100% - 32px, var(--ancho-max));margin-inline:auto}.btn{min-height:var(--toque-min);border-radius:var(--radio-pildora);background:var(--surface);color:var(--texto-fuerte);font-size:var(--txt-ui);cursor:pointer;transition:transform var(--rapido) var(--curva-salida), background var(--rapido) var(--curva-suave), box-shadow var(--rapido) var(--curva-salida);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(var(--hunde))}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--primario);color:var(--texto-sobre-primario)}.btn-borde{border-color:var(--borde)}.btn-whatsapp{background:var(--whatsapp);color:var(--texto-sobre-primario)}.btn-peligro{background:var(--error-tenue);color:var(--error)}.btn-chico{min-height:36px;font-size:var(--txt-menudo);padding:0 12px}.btn-icono{width:var(--toque-min);padding:0}.btn-chico.btn-icono{width:36px}@media (hover:hover){.btn:hover:not(:disabled){transform:translateY(var(--levanta));box-shadow:var(--sombra-suave)}.btn-borde:hover:not(:disabled){border-color:var(--borde-vivo)}}:focus-visible{outline:3px solid var(--borde-vivo);outline-offset:2px}.campo{gap:6px;display:grid}.campo>span{font-size:var(--txt-menudo);color:var(--texto-tenue);font-weight:600}.entrada{width:100%;min-height:var(--toque-min);border:1px solid var(--borde);border-radius:var(--radio-sm);background:var(--surface);font-size:var(--txt-cuerpo);transition:border-color var(--rapido) var(--curva-suave);padding:10px 14px}.entrada:focus{border-color:var(--primario);box-shadow:0 0 0 3px var(--primario-tenue-2);outline:none}.entrada::placeholder{color:var(--texto-marca)}textarea.entrada{resize:vertical;min-height:80px}dialog{border-radius:var(--radio);background:var(--surface);color:var(--texto);box-shadow:var(--sombra-alta);border:0;width:min(100% - 24px,560px);max-height:calc(100dvh - 24px);padding:0}dialog::backdrop{background:var(--velo-modal)}dialog[open]{animation:entra var(--medio) var(--curva-salida)}.dialogo-cab{border-bottom:1px solid var(--borde);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.dialogo-cab h2{font-size:var(--txt-t3)}.dialogo-cuerpo{gap:16px;padding:20px;display:grid}.dialogo-pie{border-top:1px solid var(--borde);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex;position:sticky;bottom:0}@keyframes entra{0%{opacity:0;transform:translateY(12px)}}.etiqueta{border-radius:var(--radio-pildora);font-size:var(--txt-micro);background:var(--surface-2);color:var(--texto-tenue);align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.etiqueta-ok{background:var(--ok-tenue);color:var(--ok)}.etiqueta-aviso{background:var(--aviso-tenue);color:var(--aviso)}.etiqueta-error{background:var(--error-tenue);color:var(--error)}.vacio{text-align:center;color:var(--texto-tenue);padding:48px 16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#avisos{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:var(--z-avisos);gap:8px;width:min(100% - 32px,440px);display:grid;position:fixed;transform:translate(-50%)}#avisos[popover]{inset:auto auto calc(24px + env(safe-area-inset-bottom)) 50%;background:0 0;border:0;margin:0;padding:0;overflow:visible}body.con-carro #avisos{bottom:calc(96px + env(safe-area-inset-bottom))}@media (width>=1100px){body.con-carro #avisos{bottom:calc(24px + env(safe-area-inset-bottom))}}.aviso{border-radius:var(--radio-sm);background:var(--texto-fuerte);color:var(--surface);font-size:var(--txt-ui);box-shadow:var(--sombra-alta);animation:aviso-entra var(--medio) var(--curva-rebote);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 8px 12px 14px;display:grid;position:relative;overflow:hidden}.aviso.saliendo{animation:aviso-sale var(--medio) var(--curva-suave) forwards}.aviso-icono{background:var(--ok);width:28px;height:28px;color:var(--texto-sobre-primario);border-radius:50%;place-items:center;display:grid}.aviso-icono .icono{width:18px;height:18px}.aviso-ok .aviso-icono .icono path{stroke-dasharray:22;stroke-dashoffset:22px;animation:traza var(--traza) var(--curva-salida) var(--rapido) forwards}.aviso-error{background:var(--error);color:var(--texto-sobre-primario);animation:aviso-entra var(--medio) var(--curva-rebote), sacude var(--sacudida) var(--curva-suave) var(--medio)}.aviso-error .aviso-icono{background:var(--texto-sobre-primario);color:var(--error)}.aviso-aviso .aviso-icono{background:var(--aviso)}.aviso-info .aviso-icono{background:var(--primario-claro)}.aviso-texto{line-height:var(--interlinea-titulo)}.aviso-cerrar{width:36px;height:36px;color:inherit;opacity:.75;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.aviso-cerrar:hover{opacity:1}.aviso-cerrar .icono{width:16px;height:16px}.aviso-tiempo{opacity:.35;transform-origin:0;width:100%;height:3px;animation:consume var(--dura-aviso) linear forwards;background:currentColor;position:absolute;bottom:0;left:0}.aviso-error .aviso-tiempo{animation-duration:var(--dura-aviso-error)}.aviso:hover .aviso-tiempo,.aviso:focus-within .aviso-tiempo{animation-play-state:paused}@keyframes aviso-entra{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes aviso-sale{to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes consume{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes traza{to{stroke-dashoffset:0}}@keyframes sacude{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}dialog.celebra{text-align:center;width:min(100% - 48px,340px);animation:celebra-entra var(--lento) var(--curva-rebote);justify-items:center;gap:8px;padding:28px 24px 24px;display:grid;overflow:visible}dialog.celebra::backdrop{background:var(--velo-celebra)}.celebra h2{font-size:var(--txt-t3)}.celebra-detalle{color:var(--texto-tenue);margin:0}.celebra-detalle:empty{display:none}.celebra-marca{width:96px;height:96px;margin-bottom:6px;position:relative}.celebra-marca svg{width:100%;height:100%;overflow:visible}.celebra-aro{fill:var(--ok);transform-origin:50%;animation:aro var(--lento) var(--curva-rebote)}.celebra-error .celebra-aro{fill:var(--error)}.celebra-trazo{fill:none;stroke:var(--texto-sobre-primario);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:traza var(--traza) var(--curva-salida) var(--medio) forwards}.celebra-error .celebra-marca{animation:sacude var(--sacudida) var(--curva-suave) var(--lento)}.celebra-chispas i{background:var(--dorado);opacity:0;--angulo:calc(var(--n) * 36deg);width:8px;height:8px;animation:chispa var(--lento) var(--curva-salida) var(--medio) forwards;border-radius:50%;margin:-4px;position:absolute;top:50%;left:50%}.celebra-chispas i:nth-child(3n){background:var(--acento)}.celebra-chispas i:nth-child(3n+1){background:var(--primario-claro)}.celebra-acciones{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.celebra-tiempo{width:0;height:0;animation:consume var(--dura-celebra) linear forwards}@keyframes celebra-entra{0%{opacity:0;transform:scale(.85)}}@keyframes aro{0%{transform:scale(0)}}@keyframes chispa{0%{opacity:1;transform:rotate(var(--angulo)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--angulo)) translateY(-70px) scale(.4)}}.btn-cargando{pointer-events:none;position:relative;color:#0000!important}.btn-cargando>*{visibility:hidden}.btn-cargando:after{content:"";border:2.5px solid var(--anillo-giro);border-top-color:var(--texto-fuerte);width:20px;height:20px;animation:gira var(--giro) linear infinite;border-radius:50%;margin:auto;position:absolute;inset:0}.btn-primario.btn-cargando:after,.btn-whatsapp.btn-cargando:after{border-color:var(--anillo-giro);border-top-color:var(--texto-sobre-primario);--anillo-giro:color-mix(in srgb, var(--texto-sobre-primario) 35%, transparent)}.btn-cargando:disabled{opacity:.85}.btn-hecho{animation:pop-hecho var(--dura-hecho) var(--curva-rebote);background:var(--ok)!important;color:var(--texto-sobre-primario)!important;border-color:var(--ok)!important}.btn-fallo,.sacude{animation:sacude var(--sacudida) var(--curva-suave)}.btn-fallo{box-shadow:0 0 0 3px var(--error-tenue)}@keyframes gira{to{transform:rotate(360deg)}}@keyframes pop-hecho{0%{transform:scale(.94)}25%{transform:scale(1.04)}50%,to{transform:scale(1)}}.destella,.destella>td{animation:destella var(--destello) var(--curva-suave)}@keyframes destella{0%,30%{background-color:var(--ok-destello)}to{background-color:#0000}}.se-va{animation:se-va var(--medio) var(--curva-suave) forwards;pointer-events:none}@keyframes se-va{to{opacity:0;transform:translate(24px)}}.panel-error{text-align:center;background:var(--surface);border:1px solid var(--borde);border-radius:var(--radio);max-width:520px;animation:entra var(--medio) var(--curva-salida);justify-items:center;gap:10px;margin:24px auto;padding:48px 20px;display:grid}.panel-error.compacto{border-style:dashed;margin:0;padding:20px 16px}.pe-icono{background:var(--error-tenue);width:64px;height:64px;color:var(--error);animation:sacude var(--sacudida) var(--curva-suave) var(--medio);border-radius:50%;place-items:center;display:grid}.compacto .pe-icono{width:44px;height:44px}.pe-icono .icono{width:30px;height:30px}.compacto .pe-icono .icono{width:22px;height:22px}.pe-titulo{font-size:var(--txt-t3)}.compacto .pe-titulo{font-size:var(--txt-cuerpo)}.pe-detalle{color:var(--texto);margin:0}.pe-ayuda{color:var(--texto-tenue);font-size:var(--txt-menudo);margin:0}.red-barra{height:3px;z-index:var(--z-red);background:var(--primario-tenue-2);pointer-events:none;position:fixed;top:0;left:0;right:0;overflow:hidden}.red-barra[hidden]{display:none}.red-barra:after{content:"";background:var(--degradado);border-radius:var(--radio-pildora);width:40%;animation:barra-red var(--ciclo-barra) var(--curva-suave) infinite;position:absolute;top:0;bottom:0;left:-40%}@keyframes barra-red{to{left:100%}}.red-pildora{z-index:var(--z-red);border-radius:var(--radio-pildora);background:var(--surface);max-width:min(100% - 32px,460px);color:var(--texto-fuerte);box-shadow:var(--sombra);border:1px solid var(--borde);font-size:var(--txt-menudo);animation:pildora-entra var(--medio) var(--curva-rebote);align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.red-pildora[popover]{margin:0;inset:12px auto auto 50%}.red-pildora[hidden]{display:none}.red-pildora .icono{width:18px;height:18px;color:var(--primario)}.red-pildora[data-tipo=aviso] .icono{color:var(--aviso)}.red-pildora[data-tipo=ok] .icono{color:var(--ok)}.red-pildora[data-tipo=info] .icono{animation:latido-red var(--ciclo-latido) var(--curva-suave) infinite}@keyframes pildora-entra{0%{opacity:0;transform:translate(-50%,-12px)}}@keyframes latido-red{50%{opacity:.35}}.rueda{vertical-align:-.15em;border:2px solid var(--primario-tenue-2);border-top-color:var(--primario);width:1em;height:1em;animation:gira var(--giro) linear infinite;border-radius:50%;display:inline-block}.salta{animation:pop-hecho var(--dura-hecho) var(--curva-rebote);display:inline-block}.pestana-icono,.pestana-linea,.pestana-mas,.pestanas-tienda,.hoja-mas{display:none}@media (width<=720px){.barra,.barra-filtros,.cabecera{-webkit-backdrop-filter:none;backdrop-filter:none}.pestanas{z-index:var(--z-barra);width:100%;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--barra-fondo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--borde);flex:none;order:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;margin:0;display:grid;position:fixed;inset:auto 0 0;overflow:visible}.pestanas .pestana,.pestanas-tienda .pestana{isolation:isolate;min-height:56px;color:var(--texto-tenue);font:inherit;font-size:var(--txt-micro);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-weight:600;text-decoration:none;display:flex;position:relative}.pestanas .pestana[aria-current=true]{color:var(--primario);background:0 0}.pestanas .pestana-texto{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pestana-icono{transition:transform var(--rapido) var(--curva-suave);place-items:center;display:inline-grid;position:relative}.pestana:active .pestana-icono{transform:scale(.9)}.pestana-icono .icono{width:22px;height:22px}.pestana-linea{z-index:-1;border-radius:var(--radio-pildora);background:var(--primario-tenue);opacity:0;width:56px;height:30px;transition:opacity var(--rapido) var(--curva-suave);margin-left:-28px;display:block;position:absolute;top:6px;left:50%}.pestana[aria-current=true] .pestana-linea{opacity:1}.pestanas-tienda,.pestanas .pestana-mas{display:flex}.pestanas-tienda{display:grid}.pestanas a[data-mas]{display:none}.pestana .insignia{top:-6px;right:-10px}body.con-nav{padding-bottom:calc(var(--alto-nav) + env(safe-area-inset-bottom))}body.con-nav #avisos,body.con-nav #avisos[popover]{bottom:calc(var(--alto-nav) + 12px + env(safe-area-inset-bottom))}body.con-nav.con-carro #avisos,body.con-nav.con-carro #avisos[popover]{bottom:calc(var(--alto-nav) + 96px + env(safe-area-inset-bottom))}body.con-nav .carro-flotante{bottom:calc(var(--alto-nav) + 12px + env(safe-area-inset-bottom))}body.con-nav .volver-arriba{bottom:calc(var(--alto-nav) + 86px + env(safe-area-inset-bottom))}.hoja-mas{width:100%;max-width:none;padding:8px 12px calc(16px + env(safe-area-inset-bottom));border-radius:var(--radio) var(--radio) 0 0;max-height:80dvh;margin:0;display:none;position:fixed;inset:auto 0 0}.hoja-mas[open]{display:block}.hoja-mas-asa{background:var(--borde);border-radius:2px;width:40px;height:4px;margin:0 auto 8px;display:block}.hoja-mas-lista{gap:4px;display:grid}.hoja-mas-lista a{min-height:var(--toque-min);border-radius:var(--radio-sm);color:var(--texto);align-items:center;gap:14px;padding:8px 14px;font-weight:600;text-decoration:none;display:flex}.hoja-mas-lista a[aria-current=true]{background:var(--primario-tenue-2);color:var(--primario)}.hoja-mas-lista .icono{width:22px;height:22px}}@media (width<=720px) and (prefers-reduced-motion:reduce){.pestana-icono,.pestana-linea{transition:none}}