.rb {

  --rb-panel: #1D1B1B;
  --rb-panel-2: #252222;
  --rb-bisel: #0C0B0B;
  --rb-soporte: #1A1818;
  --rb-linea: rgb(216 211 208 / 0.14);
  --rb-linea-2: rgb(216 211 208 / 0.26);
}

.rb-disp { position: relative; margin: 0; min-width: 0; }
.rb-disp__grupo { position: relative; aspect-ratio: 100 / 82; }
.rb-disp__monitor { position: absolute; top: 0; right: 0; width: 88%; }
.rb-disp__marco {
  position: relative; padding: 0.4375rem 0.4375rem 0.875rem; border-radius: 0.75rem;
  background: var(--rb-bisel); border: 1px solid var(--rb-linea-2);
}
.rb-disp__pantalla { position: relative; overflow: hidden; aspect-ratio: 1440 / 900; border-radius: 3px; background: var(--rb-panel); container-type: inline-size; }
.rb-disp__pantalla > img { width: 100%; height: 100%; object-fit: cover; }

.rb-disp__marco::before, .rb-disp__marco::after { content: ""; position: absolute; background: var(--rb-soporte); }
.rb-disp__marco::before { top: 100%; left: 43.5%; width: 13%; height: 1.25rem; clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%); }
.rb-disp__marco::after { top: calc(100% + 1.25rem); left: 34%; width: 32%; height: 0.375rem; border-radius: 0.25rem 0.25rem 0.125rem 0.125rem; }

.rb-disp__celular { position: absolute; left: 0; bottom: 0; width: 31%; }

.rb-disp__celular-marco {
  padding: 0.4375rem; border-radius: 1.625rem; background: var(--carbon); border: 1px solid var(--rb-linea-2);
  box-shadow: 0 0 0 0.5rem var(--fondo), 0 0 0 calc(0.5rem + 1px) var(--rb-linea-2);
}
.rb-disp__celular-pantalla { position: relative; overflow: hidden; aspect-ratio: 540 / 1112; border-radius: 1.1875rem; background: var(--rb-panel); container-type: inline-size; }
.rb-disp__celular-pantalla > img { width: 100%; height: 100%; object-fit: cover; }
.rb-disp__pie { margin-top: 1.25rem; font-size: var(--t-chico); color: var(--texto-2); }

.rb-disp__grupo + .rb-disp__pie { padding-top: 0.25rem; }

html[data-gestos]:not([data-gestos="fallo"]) [data-gesto="conjunto"]:not([data-visto]) :is(.rb-disp__marco, .rb-disp__celular-marco) { opacity: 0; transform: translateY(40px); }
html[data-gestos] [data-gesto="conjunto"][data-visto] .rb-disp__marco {
  transition: opacity var(--d-revelar) var(--curva) var(--retraso, 0s), transform var(--d-revelar) var(--curva) var(--retraso, 0s);
}
html[data-gestos] [data-gesto="conjunto"][data-visto] .rb-disp__celular-marco {
  transition: opacity 0.4s var(--curva) calc(var(--retraso, 0s) + 150ms), transform var(--d-revelar) var(--curva) calc(var(--retraso, 0s) + 150ms);
}

@media (min-width: 37.5em) {
  .rb-disp__celular { width: 29%; }
  .rb-disp__grupo { aspect-ratio: 100 / 76; }
  .rb-disp__celular-marco { padding: 0.5rem; border-radius: 2rem; }
  .rb-disp__celular-pantalla { border-radius: 1.5rem; }
  .rb-disp__monitor { width: 82%; }
}
@media (min-width: 64em) {
  .rb-disp__grupo { aspect-ratio: 100 / 74; }
  .rb-disp__marco::before { height: 1.5rem; }
  .rb-disp__marco::after { top: calc(100% + 1.5rem); }
}

.rb-pan { padding: 4cqi; font-size: 3.1cqi; line-height: 1.35; color: var(--hueso); background: var(--rb-panel); height: 100%; overflow: hidden; }
.rb-pan__titulo { font-size: 5.2cqi; font-weight: 800; line-height: 1.1; font-stretch: calc(var(--ancho-titular) * 1%); font-variation-settings: "wdth" var(--ancho-titular); letter-spacing: -0.01em; }
.rb-pan__sub { margin-top: 1cqi; color: var(--gris-400); }
.rb-pan__filas { margin-top: 3.5cqi; border-top: 1px solid var(--rb-linea-2); }
.rb-pan__fila { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 3cqi; align-items: center; padding-block: 2.6cqi; border-bottom: 1px solid var(--rb-linea); }
.rb-pan__fila b { font-weight: 600; }
.rb-pan__fila span { color: var(--plata); white-space: nowrap; }
.rb-pan__fila--si span { color: var(--hueso); font-weight: 600; }
.rb-pan--doc { font-size: 3cqi; }
.rb-pan--doc .rb-pan__filas { margin-left: 32cqi; }
.rb-pan--doc .rb-pan__titulo { font-size: 3.7cqi; white-space: nowrap; }
.rb-pan--doc .rb-pan__fila { grid-template-columns: minmax(0, 1fr); row-gap: 0.4cqi; padding-block: 2.4cqi; }
.rb-pan--celular { padding: 7cqi 6cqi; font-size: 6.8cqi; }
.rb-pan--celular .rb-pan__titulo { font-size: 9cqi; }
.rb-pan__respuesta strong { font-weight: 700; }
.rb-pan__burbuja { width: fit-content; max-width: 88%; margin: 5cqi 0 0 auto; padding: 3cqi 4cqi; border-radius: 4cqi 4cqi 1cqi 4cqi; background: var(--hueso); color: var(--carbon); }
.rb-pan__respuesta { margin-top: 5cqi; }
.rb-pan__lista { margin-top: 4cqi; border-top: 1px solid var(--rb-linea-2); }
.rb-pan__lista li { display: flex; justify-content: space-between; gap: 3cqi; padding-block: 3cqi; border-bottom: 1px solid var(--rb-linea); }
.rb-pan__lista span { color: var(--plata); font-variant-numeric: tabular-nums; white-space: nowrap; }

.rb-hacemos__titular { max-width: 20ch; margin-bottom: clamp(2rem, 1rem + 3.5vw, 3.75rem); }
.rb-hacemos__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: clamp(2.5rem, 2rem + 2vw, 3.5rem); align-items: start; }
.rb-hacemos__cuerpo > * { min-width: 0; }

.rb-muestra { position: relative; width: 100%; min-width: 0; margin: 0; container-type: inline-size; }
.rb-muestra__lienzo { contain: layout paint style; transition: opacity 0.35s linear; }

.rb-muestra[data-rb-telon] .rb-muestra__lienzo { opacity: 0; }
.rb-muestra__pie { display: flex; align-items: center; column-gap: 1rem; min-height: 2.75rem; margin-top: 0.5rem; font-size: var(--t-chico); line-height: 1.4; color: var(--texto-2); }
.rb-muestra__rotulo { flex: 1 1 auto; min-width: 0; }

.rb-muestra[data-rb-reinicia] .rb-muestra__lienzo * { transition: none !important; }

.rb-muestra[data-rb-quieta] .rb-muestra__lienzo * { animation-play-state: paused !important; }

.rb-pausa {
  flex: none; display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; margin: 0 -0.875rem 0 auto;
  padding: 0; border: 0; border-radius: var(--radio); background: none; color: var(--texto-2);
  transition: color var(--d-hover) linear;
}
.rb-pausa:hover { color: var(--texto); }
.rb-pausa__icono { grid-area: 1 / 1; width: 1rem; height: 1rem; }
.rb-pausa__icono--seguir, .rb-pausa[data-pausado] .rb-pausa__icono--pausa { display: none; }
.rb-pausa[data-pausado] .rb-pausa__icono--seguir { display: block; }
html[data-movimiento="pleno"] .rb-pausa { transition: color 100ms linear 60ms, transform 0.4s var(--curva); }
html[data-movimiento="pleno"] .rb-pausa:active { transform: scale(0.97); transition: color 100ms linear 60ms, transform 0.1s cubic-bezier(0.11, 0, 0.5, 0); }

.rb-capitulo { position: relative; padding-top: clamp(1.5rem, 1rem + 1.5vw, 2.25rem); }
.rb-capitulo + .rb-capitulo { margin-top: clamp(2rem, 1.5rem + 2vw, 3rem); }
.rb-capitulo__filete { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--filete); --origen: left center; }
.rb-capitulo__filete::before { content: ""; position: absolute; top: -1px; left: 0; width: 3rem; height: 3px; background: var(--borgona); }
.rb-capitulo__titulo { font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); line-height: 1.15; font-weight: var(--peso-titular); font-stretch: calc(var(--ancho-titular) * 1%); font-variation-settings: "wdth" var(--ancho-titular); letter-spacing: -0.005em; text-wrap: balance; overflow-wrap: break-word; hyphens: manual; }
@media (max-width: 22em) { .rb-capitulo__titulo { hyphens: auto; hyphenate-limit-chars: 12 6 6; } }
.rb-capitulo__texto { max-width: 38ch; margin-top: 0.75rem; color: var(--texto-2); text-wrap: pretty; }
.rb-incluye { max-width: 46ch; margin-top: 0.875rem; font-size: var(--t-chico); line-height: 1.6; color: var(--texto-2); text-wrap: pretty; }
.rb-incluye__etq { font-weight: 600; color: var(--texto); }

.rb-panel { position: relative; overflow: hidden; border: 1px solid var(--rb-linea); border-radius: 8px; background: var(--rb-panel); color: var(--hueso); font-size: 0.875rem; line-height: 1.4; }
.rb-barra { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3rem; padding: 0.5rem 1rem; border-bottom: 1px solid var(--rb-linea); }
.rb-barra__titulo { min-width: 0; font-weight: 700; }
.rb-barra__meta { font-size: 0.8125rem; color: var(--gris-400); white-space: nowrap; }

.rb-cifras { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--rb-linea); }
.rb-cifra { min-width: 0; padding: 0.875rem 0.75rem 0.875rem 1rem; }
.rb-cifras--ancha { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); }
.rb-cifra + .rb-cifra { border-left: 1px solid var(--rb-linea); }
.rb-cifra__etq { display: block; font-size: 0.75rem; font-weight: 600; line-height: 1.3; color: var(--gris-400); }
.rb-cifra__n {
  display: flex; align-items: baseline; gap: 0.25rem; margin-top: 0.375rem; font-size: clamp(1.5rem, 1rem + 3.4cqi, 2.375rem); font-weight: 800; line-height: 1;
  letter-spacing: -0.015em; font-stretch: calc(var(--ancho-titular) * 1%); font-variation-settings: "wdth" var(--ancho-titular); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.rb-cuerpo { display: grid; grid-template-columns: minmax(0, 1fr); }
.rb-cuerpo > * { min-width: 0; }
.rb-etq { display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; font-weight: 600; line-height: 1.3; color: var(--gris-400); }
.rb-etq svg { flex: none; }

.rb-fila { display: grid; align-items: center; column-gap: 1rem; row-gap: 0.625rem; padding: 0.75rem 1rem; border-top: 1px solid var(--rb-linea); }
.rb-fila:first-child { border-top: 0; }
.rb-fila__nombre { display: block; font-weight: 600; }
.rb-fila__detalle { display: block; font-size: 0.8125rem; color: var(--gris-400); }
.rb-fila__precio { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rb-fila > * { min-width: 0; }

.rb-lista, .rb-lista > ul { display: flex; flex-direction: column; }
.rb-lista > ul { flex: 1 1 auto; }
.rb-lista .rb-fila { flex: 1 1 auto; }

.rb-estado { display: grid; justify-items: end; }
.rb-estado > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; font-weight: 600; white-space: nowrap; opacity: 0; transition: opacity 0.35s linear; }
.rb-estado > span::before { content: ""; flex: none; width: 0.5rem; height: 0.5rem; background: var(--hueso); }
.rb-estado > [data-i="1"]::before { background: var(--borgona); }
.rb-estado > [data-i="2"]::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--gris-400); }
[data-e="0"] > .rb-estado > [data-i="0"], [data-e="1"] > .rb-estado > [data-i="1"], [data-e="2"] > .rb-estado > [data-i="2"],
[data-e="0"] .rb-estado > [data-i="0"], [data-e="1"] .rb-estado > [data-i="1"], [data-e="2"] .rb-estado > [data-i="2"] { opacity: 1; }

.rb-veh__datos, .rb-veh__precio { transition: opacity 0.5s var(--curva); }
.rb-veh[data-e="2"] :is(.rb-veh__datos, .rb-fila__precio) { opacity: 0.62; }

.rb-wa { display: grid; align-content: start; row-gap: 0.75rem; padding: 1rem; border-top: 1px solid var(--rb-linea); }
.rb-msg { width: fit-content; max-width: 94%; padding: 0.625rem 0.875rem; line-height: 1.45; text-wrap: pretty; transition: opacity 0.45s var(--curva), transform 0.45s var(--curva); }
.rb-msg--cliente { border-radius: 2px 10px 10px 10px; background: var(--hueso); color: var(--carbon); }
.rb-msg--sistema { justify-self: end; border: 1px solid var(--rb-linea-2); border-radius: 10px 2px 10px 10px; background: var(--rb-panel-2); color: var(--plata); }
.rb-msg strong { font-weight: 700; color: var(--hueso); }
.rb-msg__nota { display: block; margin-bottom: 0.25rem; font-size: 0.75rem; color: var(--gris-400); }
.rb-msg__visto { display: inline-block; margin-left: 0.375rem; vertical-align: -0.1em; color: var(--borgona); }
.rb-ficha { display: grid; row-gap: 0.125rem; margin-top: 0.625rem; padding-top: 0.5rem; border-top: 1px solid var(--rb-linea-2); }
.rb-ficha__nombre { font-weight: 700; color: var(--hueso); }
.rb-ficha__detalle { font-size: 0.8125rem; }
.rb-ficha__precio { font-weight: 600; color: var(--hueso); font-variant-numeric: tabular-nums; }
.rb-muestra [data-espera] { opacity: 0; transform: translateY(8px); }

.rb-veh { grid-template-columns: minmax(0, 1fr) auto; }
.rb-veh__lado { display: grid; justify-items: end; row-gap: 0.25rem; }
.rb-lista__etq { padding: 0.75rem 1rem 0.5rem; border-bottom: 1px solid var(--rb-linea); }
.rb-lista__etq + ul > .rb-fila:first-child { border-top: 0; }

.rb-turno { grid-template-columns: 3rem minmax(0, 1fr) auto; }
.rb-turno__hora { color: var(--gris-400); font-variant-numeric: tabular-nums; }
.rb-turno__datos { display: grid; }
.rb-turno__datos > * { grid-area: 1 / 1; transition: opacity 0.45s var(--curva), transform 0.45s var(--curva); }
.rb-turno__libre { align-self: center; font-size: 0.8125rem; color: var(--gris-400); }
.rb-turno[data-e="0"] .rb-turno__cita { opacity: 0; transform: translateY(6px); }
.rb-turno:not([data-e="0"]) .rb-turno__libre { opacity: 0; transform: translateY(-6px); }
.rb-turno .rb-estado > [data-i="0"] { display: none; }

.rb-orden { grid-template-columns: minmax(0, 1fr) auto; row-gap: 0.625rem; }
.rb-orden__n { display: block; font-size: 0.75rem; font-weight: 600; color: var(--gris-400); font-variant-numeric: tabular-nums; }
.rb-orden__pista { grid-column: 1 / -1; position: relative; height: 2px; overflow: hidden; background: var(--rb-linea-2); }
.rb-orden__relleno { position: absolute; inset: 0; background: var(--borgona); transform-origin: left center; transform: scaleX(1); transition: transform 0.7s var(--curva); }
.rb-orden[data-e="0"] .rb-orden__relleno { transform: scaleX(0.3333); }
.rb-orden[data-e="1"] .rb-orden__relleno { transform: scaleX(0.6667); }

.rb-prod { grid-template-columns: minmax(0, 1fr) clamp(4rem, 28cqi, 8rem) 2.25rem; }
.rb-prod__pista { position: relative; height: 0.5rem; overflow: hidden; background: rgb(216 211 208 / 0.1); }
.rb-prod__relleno { position: absolute; inset: 0; background: var(--plata); transform-origin: left center; transform: scaleX(var(--v, 0)); transition: transform 1.2s var(--curva); }
.rb-prod__relleno::after { content: ""; position: absolute; inset: 0; background: var(--borgona); opacity: 0; transition: opacity 0.35s linear; }
.rb-prod[data-activa] .rb-prod__relleno::after { opacity: 1; }

.rb-prod[data-prod="jabon"] { --v: 0.48; }
.rb-prod[data-prod="vela"] { --v: 0.32; }
.rb-prod[data-prod="taza"] { --v: 0.88; }
.rb-prod__unidades { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.rb-suma { margin-left: 0.5rem; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0; color: var(--gris-400); opacity: 0; transform: translateY(4px); transition: opacity 0.3s linear, transform 0.45s var(--curva); }
.rb-suma[data-visible] { opacity: 1; transform: none; }
.rb-ventas__aviso { position: relative; display: flex; align-items: center; gap: 0.625rem; padding: 0.6875rem 1rem; border-block: 1px solid var(--rb-linea); font-size: 0.8125rem; color: var(--plata); }

@container (max-width: 21rem) {
  .rb-cifra { padding: 0.75rem 0.5rem 0.75rem 0.75rem; }
  .rb-cifra__etq { font-size: 0.6875rem; }
  .rb-cifra__n { font-size: 1.375rem; }
  .rb-fila, .rb-wa { padding-inline: 0.75rem; }
  .rb-barra { padding-inline: 0.75rem; }
}

@container (min-width: 36rem) {
  .rb-panel { font-size: 0.9375rem; }
  .rb-barra { min-height: 3.25rem; padding-inline: 1.25rem; }
  .rb-cifra { padding: 1.125rem 1rem 1.125rem 1.25rem; }
  .rb-cuerpo { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
  .rb-wa { border-top: 0; border-left: 1px solid var(--rb-linea); padding: 1.25rem; }
  .rb-fila, .rb-lista__etq { padding-inline: 1.25rem; }
  .rb-fila { padding-block: 0.875rem; }
  .rb-turno { grid-template-columns: 3.5rem minmax(0, 1fr) auto; }
  .rb-estado > span, .rb-fila__detalle { font-size: 0.875rem; }
  .rb-etq { font-size: 0.8125rem; }
}

.rb-chat__area { display: grid; align-content: start; row-gap: 0.875rem; padding: 1.125rem 1rem 1.25rem; }
.rb-chat__pregunta { justify-self: end; max-width: 86%; padding: 0.625rem 0.875rem; border-radius: 10px 10px 2px 10px; background: var(--hueso); color: var(--carbon); line-height: 1.4; transition: opacity 0.4s var(--curva), transform 0.4s var(--curva); }
.rb-chat__turno { display: grid; justify-items: start; row-gap: 0.625rem; }
.rb-chat__respuesta { width: 100%; max-width: 31rem; color: var(--plata); transition: opacity 0.4s var(--curva), transform 0.4s var(--curva); }
.rb-chat__respuesta p { line-height: 1.45; text-wrap: pretty; }
.rb-chat__respuesta strong { font-weight: 700; color: var(--hueso); }
.rb-chat__a2 { display: grid; width: 100%; }
.rb-chat__a2 > * { grid-area: 1 / 1; }
.rb-chat__puntos { display: inline-flex; align-self: start; justify-self: start; gap: 4px; padding: 0.5rem 0; opacity: 0; }
.rb-chat__puntos span { width: 6px; height: 6px; border-radius: 50%; background: var(--plata); }
.rb-chat__puntos[data-activo] { opacity: 1; transition: opacity 0.2s linear; }
.rb-chat__puntos[data-activo] span { animation: rb-puntos 0.9s linear infinite; }
.rb-chat__puntos[data-activo] span:nth-child(2) { animation-delay: 0.15s; }
.rb-chat__puntos[data-activo] span:nth-child(3) { animation-delay: 0.3s; }
@keyframes rb-puntos { 0%, 100% { opacity: 0.3; } 40% { opacity: 1; } }
.rb-chat__grafico { position: relative; margin-top: 0.875rem; }
.rb-chat__svg { width: 100%; height: auto; overflow: visible; }
.rb-chat__base { stroke: rgb(216 211 208 / 0.22); stroke-width: 1; vector-effect: non-scaling-stroke; }
.rb-chat__linea, .rb-chat__tramo { stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.rb-chat__linea { stroke: var(--plata); stroke-width: 1.4; }
.rb-chat__tramo { stroke: var(--borgona); stroke-width: 2.4; }
.rb-chat__marca { position: absolute; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: var(--plata); }
.rb-chat__marca--martes { left: 80.667%; top: 48.939%; }
.rb-chat__marca--ayer { left: 96%; top: 33.03%; background: var(--borgona); }
.rb-chat__valor { position: absolute; font-size: 0.75rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--hueso); }
.rb-chat__valor--martes { left: 80.667%; top: 48.939%; color: var(--gris-400); transform: translate(-100%, -100%) translate(-6px, -4px); }
.rb-chat__valor--ayer { right: 0; top: 33.03%; transform: translateY(-100%) translateY(-9px); }
.rb-chat__leyenda { position: relative; height: 1rem; margin-top: 0.375rem; font-size: 0.75rem; line-height: 1rem; color: var(--gris-400); white-space: nowrap; }
.rb-chat__dia { position: absolute; top: 0; }
.rb-chat__dia--martes { left: 80.667%; transform: translateX(-50%); }
.rb-chat__dia--ayer { right: 0; }
.rb-chat__lista { margin-top: 0.75rem; border-top: 1px solid var(--rb-linea-2); }
.rb-chat__item { display: grid; grid-template-columns: minmax(0, 1fr) clamp(3rem, 22cqi, 6rem) 4.75rem; align-items: center; column-gap: 0.75rem; padding-block: 0.5rem; border-bottom: 1px solid var(--rb-linea); font-size: 0.8125rem; transition: opacity 0.45s var(--curva), transform 0.45s var(--curva); }
.rb-chat__item > span:last-child { text-align: right; font-weight: 600; color: var(--hueso); font-variant-numeric: tabular-nums; }
.rb-chat__pista { position: relative; height: 0.375rem; overflow: hidden; background: rgb(216 211 208 / 0.1); }
.rb-chat__pista > span { position: absolute; inset: 0; background: var(--borgona); transform-origin: left center; transform: scaleX(var(--v, 0.5)); }
.rb-chat__item--a { --v: 0.3; }
.rb-chat__item--b { --v: 0.5; }
.rb-chat__item--c { --v: 0.6; }
.rb-chat__borrador { margin-top: 0.75rem; font-size: 0.8125rem; line-height: 1.45; color: var(--plata); text-wrap: pretty; transition: opacity 0.45s var(--curva), transform 0.45s var(--curva); }
.rb-chat__entrada { display: flex; align-items: center; gap: 0.5rem; margin: 0 1rem 1rem; padding: 0.3125rem 0.3125rem 0.3125rem 0.875rem; border: 1px solid var(--rb-linea-2); border-radius: 8px; }
.rb-chat__campo { position: relative; display: flex; flex: 1 1 auto; align-items: center; min-width: 0; height: 2rem; overflow: hidden; white-space: nowrap; }
.rb-chat__campo[data-desborda] { justify-content: flex-end; }
.rb-chat__texto { flex: none; }
.rb-chat__cursor { flex: none; width: 1px; height: 1.1em; margin-left: 1px; background: var(--hueso); opacity: 0; }
.rb-chat__campo[data-reposo] .rb-chat__cursor { animation: rb-parpadeo 1s steps(1, end) infinite; }
.rb-chat__campo[data-escribe] .rb-chat__cursor { opacity: 1; }
@keyframes rb-parpadeo { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } }
.rb-chat__enviar { display: grid; place-items: center; flex: none; width: 2rem; height: 2rem; border-radius: 6px; background: var(--hueso); color: var(--carbon); }
@container (min-width: 36rem) {
  .rb-chat__area { padding: 1.375rem 1.25rem 1.5rem; }
  .rb-chat__entrada { margin: 0 1.25rem 1.25rem; }
  .rb-chat__item, .rb-chat__borrador { font-size: 0.875rem; }
}

.rb-ia__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: clamp(3rem, 2rem + 3vw, 4.5rem); align-items: start; margin-top: clamp(3rem, 2rem + 3vw, 5rem); }
.rb-ia__cuerpo > * { min-width: 0; }
.rb-ia__metodo .apoyo { margin-top: 1.25rem; }
.rb-linea { position: relative; margin-top: 2.25rem; padding-left: 1.75rem; }
.rb-linea__riel, .rb-linea__traza { position: absolute; top: 0.8em; bottom: 0.8em; left: 0; width: 1px; background: var(--filete); }
.rb-linea__traza { left: -0.5px; width: 2px; background: var(--borgona); transform-origin: top center; }
.rb-linea__paso { position: relative; }
.rb-linea__paso + .rb-linea__paso { margin-top: 2rem; }
.rb-linea__paso::before { content: ""; position: absolute; top: 0.5em; left: -1.75rem; width: 0.5rem; height: 0.5rem; margin-left: -0.25rem; background: var(--acento); }
.rb-linea__nombre { font-size: 1.1875rem; font-weight: 700; line-height: 1.3; }
.rb-linea__paso p { max-width: 36ch; margin-top: 0.5rem; color: var(--texto-2); text-wrap: pretty; }

.rb-linea[data-rb-prepara]:not([data-recorre]) .rb-linea__traza { transform: scaleY(0); }
.rb-linea[data-rb-prepara]:not([data-recorre]) .rb-linea__paso::before { opacity: 0.3; }
.rb-linea[data-rb-prepara]:not([data-recorre]) .rb-linea__paso > * { opacity: 0; transform: translateY(10px); }
.rb-linea[data-recorre] .rb-linea__traza { transition: transform 3s linear; }
.rb-linea[data-recorre] .rb-linea__paso::before { transition: opacity 0.3s linear var(--t, 0s); }
.rb-linea[data-recorre] .rb-linea__paso > * { transition: opacity 0.6s var(--curva) var(--t, 0s), transform 0.6s var(--curva) var(--t, 0s); }
.rb-linea__paso:nth-of-type(1) { --t: 0.1s; }
.rb-linea__paso:nth-of-type(2) { --t: 1.1s; }
.rb-linea__paso:nth-of-type(3) { --t: 2.1s; }

@media (min-width: 64em) {
  .rb-hacemos__cuerpo, .rb-ia__cuerpo { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--separacion); }
  .rb-hacemos__cuerpo .rb-muestra, .rb-ia__cuerpo .rb-muestra { grid-column: 1 / span 7; position: sticky; top: calc(var(--alto-cabecera) + 1.5rem); }
  .rb-capitulos, .rb-ia__metodo { grid-column: 8 / span 5; }
  .rb-capitulo:first-child { padding-top: 0; }
  .rb-capitulo:first-child .rb-capitulo__filete { display: none; }
  .rb-ia__metodo .titular { font-size: clamp(1.875rem, 1.2rem + 1.5vw, 2.75rem); }
}