.visor{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;height:100dvh;padding:14px 13px;display:flex;position:relative;overflow:auto hidden}.historia{scroll-snap-align:start;border-radius:var(--radio-cuadro);background:var(--nube);box-shadow:var(--sombra-cuadro);color:var(--pizarra);flex:0 0 calc(100vw - 26px);grid-template-rows:auto auto 1fr auto auto;gap:20px;padding:14px 18px 18px;display:grid}@media (width>=1024px){.visor{scrollbar-width:none;justify-content:safe center;align-items:center;gap:24px;padding:64px}.visor::-webkit-scrollbar{display:none}.historia{scroll-snap-align:center;opacity:.45;filter:saturate(.7);height:min(780px,86vh);transition:opacity var(--control-duration-lenta) var(--control-ease), filter var(--control-duration-lenta) var(--control-ease);flex:0 0 480px}.historia[data-active]{opacity:1;filter:none}.visor:not(:has(.historia[data-active])) .historia:first-of-type{opacity:1;filter:none}.historia{position:relative}.historia:before,.historia:after{content:"";pointer-events:none;opacity:0;width:320px;transition:opacity var(--control-duration-lenta) var(--control-ease);position:absolute;top:0;bottom:0}.historia:before{border-radius:var(--radio-cuadro) 0 0 var(--radio-cuadro);background:linear-gradient(to right, var(--fondo-pagina), transparent);left:0}.historia:after{border-radius:0 var(--radio-cuadro) var(--radio-cuadro) 0;background:linear-gradient(to left, var(--fondo-pagina), transparent);right:0}.historia:not([data-active]):has(+.historia[data-active]):before{opacity:1}.historia[data-active]+.historia:not([data-active]):after{opacity:1}}.historia[data-tone=bruma]{background:var(--bruma);border:1px solid var(--hairline)}.historia[data-tone=menta]{background:var(--menta)}.historia[data-tone=rosa]{background:var(--rosa)}.historia[data-tone=violeta]{background:var(--violeta-suave)}.historia[data-tone=pizarra]{background:var(--pizarra);color:var(--nube)}.historia[data-tone=pizarra] .historia__contador,.historia[data-tone=pizarra] .historia__pie,.historia[data-tone=pizarra] .chat__hora{color:#ffffffb8}.historia[data-tone=rosa] .historia__contador,.historia[data-tone=rosa] .historia__pie,.historia[data-tone=rosa] .chat__hora{color:var(--pizarra)}.historia[data-tone=pizarra] .segmento{background:#ffffff40}.historia[data-tone=pizarra] .btn{background:var(--nube);color:var(--pizarra)}@media (width>=1024px){body{--fondo-pagina:var(--bruma);transition:background-color var(--control-duration-lenta) var(--control-ease)}body[data-tone=menta]{--fondo-pagina:var(--menta);background-color:var(--menta)}body[data-tone=rosa]{--fondo-pagina:var(--rosa);background-color:var(--rosa)}body[data-tone=violeta]{--fondo-pagina:var(--violeta-suave);background-color:var(--violeta-suave)}body[data-tone=pizarra]{--fondo-pagina:var(--pizarra);background-color:var(--pizarra)}}.historia__segmentos{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.segmento{width:100%;height:3px;transition:background var(--control-duration) var(--control-ease);background:#1e293b24;border-radius:2px;display:block}.segmento[aria-current=true]{background:var(--violeta)}.js .segmento:has(~.segmento[aria-current=true]){background:var(--violeta)}html:not(.js) .historia:first-of-type .segmento:first-child,html:not(.js) .historia:nth-of-type(2) .segmento:nth-child(2),html:not(.js) .historia:nth-of-type(3) .segmento:nth-child(3),html:not(.js) .historia:nth-of-type(4) .segmento:nth-child(4),html:not(.js) .historia:nth-of-type(5) .segmento:nth-child(5),html:not(.js) .historia:nth-of-type(6) .segmento:nth-child(6),html:not(.js) .historia:nth-of-type(7) .segmento:nth-child(7){background:var(--violeta)}.historia__cabecera{justify-content:space-between;align-items:center;display:flex}.historia__logo{width:auto;height:22px}.historia__contador{font-size:var(--font-size-xs);color:var(--pizarra-2)}.historia__cuerpo{flex-direction:column;justify-content:center;gap:20px;display:flex}.historia__titular{font-family:var(--display);letter-spacing:-.03em;font-weight:800;font-size:var(--font-size-titular);text-wrap:balance;margin:0;line-height:1.04}.historia__titular small{letter-spacing:-.01em;font-weight:500;font-size:var(--font-size-lg);color:var(--pizarra-2);margin-top:10px;line-height:1.25;display:block}@media (width>=1024px){.historia__titular{font-size:var(--font-size-titular-desktop)}}.historia[data-tone=pizarra] .historia__titular small{color:#ffffffb8}.chat{background:var(--bruma);border-radius:var(--radio-chat);box-shadow:var(--sombra-chat);flex-direction:column;gap:8px;padding:20px 12px 12px;display:flex;position:relative}.chat__etiqueta{font-size:var(--font-size-xs);letter-spacing:.02em;background:var(--nube);border:1px solid var(--hairline);border-radius:var(--radio-pildora);color:var(--pizarra-2);padding:2px 8px;font-weight:500;position:absolute;top:-10px;right:12px}.chat__hora{text-align:center;font-size:var(--font-size-xs);color:var(--pizarra-2);margin-bottom:2px}.burbuja{border-radius:var(--radio-chat);max-width:82%;font-size:var(--font-size-sm);padding:9px 12px 7px;line-height:1.35;position:relative}.burbuja__meta{font-size:var(--font-size-xs);justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.burbuja__meta svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:10px}.burbuja__rotulo{font-size:var(--font-size-xs);letter-spacing:.02em;background:var(--pizarra);color:var(--nube);border-radius:var(--radio-pildora);padding:2px 8px;font-weight:700;position:absolute;top:-10px;left:10px}.burbuja[data-origen=cliente]{background:var(--nube);border:1px solid var(--hairline);color:var(--pizarra);border-bottom-left-radius:4px;align-self:flex-start}.burbuja[data-origen=cliente] .burbuja__meta{color:var(--pizarra-2)}.burbuja[data-origen=agente]{background:var(--agente-burbuja);color:var(--pizarra);border-bottom-right-radius:4px;align-self:flex-end}.burbuja[data-origen=agente] .burbuja__meta{color:var(--menta-texto)}.burbuja[data-origen=agente] .burbuja__meta svg{color:var(--violeta-texto)}.burbuja[data-origen=negocio]{background:var(--bruma-fuerte);color:var(--pizarra);border-bottom-right-radius:4px;align-self:flex-end}.burbuja[data-origen=negocio] .burbuja__meta{color:var(--pizarra-2)}.burbuja[data-origen=sistema]{text-align:center;max-width:92%;color:var(--pizarra-2);font-size:var(--font-size-xs);background:0 0;align-self:center;padding:2px 10px}.historia__acciones{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.btn{border-radius:var(--radio-pildora);background:var(--pizarra);width:100%;color:var(--nube);font-family:var(--texto);font-weight:700;font-size:var(--font-size-md);transition:transform var(--control-duration) var(--control-ease), opacity var(--control-duration) var(--control-ease);justify-content:center;align-items:center;gap:10px;padding:14px 22px;text-decoration:none;display:inline-flex}.btn:hover{color:var(--nube);transform:translateY(-1px)}.historia[data-tone=pizarra] .btn:hover{color:var(--pizarra)}.btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.enlace{font-weight:500;font-size:var(--font-size-sm);align-items:center;gap:6px;display:inline-flex}.enlace svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.historia__pie{font-size:var(--font-size-xs);color:var(--pizarra-2);margin:0}.historia__pie b{color:var(--menta-texto);font-weight:700}.historia[data-tone=pizarra] .historia__pie b,.historia[data-tone=menta] .historia__pie b,.historia[data-tone=rosa] .historia__pie b,.historia[data-tone=violeta] .historia__pie b{color:inherit}.flecha{border-radius:var(--radio-pildora);background:var(--nube);width:48px;height:48px;color:var(--pizarra);box-shadow:var(--sombra-cuadro);transition:transform var(--control-duration) var(--control-ease);justify-content:center;align-items:center;display:none;position:fixed;top:50%;transform:translateY(-50%)}.flecha:hover{transform:translateY(-50%)scale(1.05)}.flecha[hidden]{display:none}.flecha svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.flecha--anterior{left:24px}.flecha--siguiente{right:24px}@media (width>=1024px){.flecha{display:flex}.flecha[hidden]{display:none}.visor:has(.historia[data-active]) .historia:not([data-active]) .chat__etiqueta{display:none}}.historia__pasos{counter-reset:paso;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.historia__pasos li{font-size:var(--font-size-sm);align-items:baseline;gap:10px;line-height:1.4;display:flex}.historia__pasos li:before{counter-increment:paso;content:counter(paso);border-radius:var(--radio-pildora);background:var(--bruma-fuerte);width:22px;height:22px;color:var(--pizarra);font-size:var(--font-size-xs);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.historia[data-tone=pizarra] .historia__pasos li:before{color:var(--nube);background:#ffffff2e}.js .chat.anim .burbuja{opacity:0;transform:translateY(8px)}