/* Escena "Agentes IA": teléfono del cliente + panel del negocio */
#scene-agente {
  --sc-ag-pad: 22px;
  height: 480px; padding: var(--sc-ag-pad); min-height: 0;
  font-family: var(--body); color: var(--hueso);
}
#scene-agente.sc-ag-hold *, #scene-agente.sc-ag-hold *::before, #scene-agente.sc-ag-hold *::after { animation-play-state: paused !important; }

#scene-agente .sc-ag-stage {
  position: relative; z-index: 0; isolation: isolate; height: 100%;
  display: grid; grid-template-columns: minmax(168px, 40%) minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-areas: "capa capb" "phone biz" "steps steps";
  column-gap: 20px; row-gap: 8px;
  transition: opacity .7s ease;
}
#scene-agente .sc-ag-stage.is-fading { opacity: 0; }
#scene-agente .sc-ag-stage.is-enter { animation: sc-ag-in .6s ease both; }
@keyframes sc-ag-in { from { opacity: 0; } }

#scene-agente svg { display: block; width: 100%; height: 100%; }
#scene-agente b { font-weight: 600; }
#scene-agente small { font-size: .75rem; }

/* Rótulos */
#scene-agente .sc-ag-cap { margin: 0; font-size: .75rem; line-height: 1.4; color: var(--ceniza); white-space: nowrap; }
#scene-agente .sc-ag-cap-a { grid-area: capa; }
#scene-agente .sc-ag-cap-b { grid-area: capb; }
#scene-agente .sc-ag-tag {
  position: absolute; top: -2px; right: 0; z-index: 2;
  font-size: .75rem; line-height: 1; padding: 4px 8px; border-radius: 999px;
  color: var(--ceniza); box-shadow: inset 0 0 0 1px var(--linea); background: rgba(0, 0, 0, .35);
}

/* ---------- Teléfono ---------- */
#scene-agente .sc-ag-phone {
  grid-area: phone; position: relative; min-height: 0; container: sc-ag-phone / inline-size;
  padding: 5px; border-radius: 26px; background: #050403;
  box-shadow: inset 0 0 0 1px #3A2F28, 0 24px 40px -24px rgba(0, 0, 0, .9);
}
#scene-agente .sc-ag-phone::before, #scene-agente .sc-ag-phone::after {
  content: ""; position: absolute; top: 46%; width: 10px; height: 26px; opacity: 0;
  border: 2px solid var(--sol); border-radius: 50%;
}
#scene-agente .sc-ag-phone::before { left: -13px; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent; }
#scene-agente .sc-ag-phone::after { right: -13px; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; }
#scene-agente .sc-ag-phone.is-buzz { animation: sc-ag-buzz .9s linear both; }
#scene-agente .sc-ag-phone.is-buzz::before, #scene-agente .sc-ag-phone.is-buzz::after { animation: sc-ag-waves .45s ease-out 2; }
@keyframes sc-ag-buzz {
  0%, 100% { transform: none; }
  8%, 24%, 40%, 56%, 72% { transform: translateX(-2px) rotate(-.8deg); }
  16%, 32%, 48%, 64%, 80% { transform: translateX(2px) rotate(.8deg); }
  88% { transform: none; }
}
@keyframes sc-ag-waves { 0% { opacity: 0; transform: scale(.6); } 40% { opacity: .9; } 100% { opacity: 0; transform: scale(1.5); } }

#scene-agente .sc-ag-screen {
  height: 100%; border-radius: 21px; overflow: hidden; display: flex; flex-direction: column;
  background: radial-gradient(140% 60% at 50% 0%, #1A1310, #110D0B 60%);
}
#scene-agente .sc-ag-status {
  display: flex; justify-content: space-between; align-items: center; padding: 7px 16px 3px;
  font: 600 .75rem/1 var(--body); font-variant-numeric: tabular-nums;
}
#scene-agente .sc-ag-sig { display: flex; align-items: flex-end; gap: 2px; height: 9px; }
#scene-agente .sc-ag-sig i { width: 3px; border-radius: 1px; background: var(--hueso); }
#scene-agente .sc-ag-sig i:nth-child(1) { height: 4px; }
#scene-agente .sc-ag-sig i:nth-child(2) { height: 6px; }
#scene-agente .sc-ag-sig i:nth-child(3) { height: 9px; }
#scene-agente .sc-ag-sig b { width: 16px; height: 8px; margin-left: 4px; border-radius: 2px; box-shadow: inset 0 0 0 1px var(--ceniza), inset -5px 0 0 1px #110D0B; background: var(--hueso); }

#scene-agente .sc-ag-head {
  display: flex; align-items: center; gap: 8px; padding: 6px 10px 8px;
  border-bottom: 1px solid var(--linea); background: rgba(255, 255, 255, .015);
}
#scene-agente .sc-ag-av {
  flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  background: var(--ember); color: var(--noche); font: 700 .75rem/1 var(--display);
}
#scene-agente .sc-ag-hname { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
#scene-agente .sc-ag-hname b { font-size: .8125rem; }
#scene-agente .sc-ag-hname small { display: flex; align-items: center; gap: 5px; color: var(--ceniza); }
#scene-agente .sc-ag-hname small i { width: 6px; height: 6px; border-radius: 50%; background: #3DDC84; box-shadow: 0 0 8px #3DDC84; }

#scene-agente .sc-ag-msgs {
  flex: 1; min-height: 0; overflow: hidden; padding: 4px 9px 10px;
  display: flex; flex-direction: column; justify-content: flex-end;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 26px);
          mask-image: linear-gradient(to bottom, transparent, #000 26px);
}

/* Filas que se abren con suavidad (chat y CRM) */
#scene-agente .sc-ag-row { flex: none; display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.3, .8, .3, 1); }
#scene-agente .sc-ag-row.is-in { grid-template-rows: 1fr; }
#scene-agente .sc-ag-clip { min-height: 0; overflow: hidden; margin: 0 -6px; padding: 0 6px; }
#scene-agente .sc-ag-pad { display: flex; flex-direction: column; padding-top: 7px; }
#scene-agente .sc-ag-me { align-items: flex-end; }
#scene-agente .sc-ag-bot { align-items: flex-start; }
#scene-agente .sc-ag-mid { align-items: center; }

#scene-agente .sc-ag-bub {
  max-width: 90%; padding: 7px 10px; border-radius: 14px;
  font-size: .8125rem; line-height: 1.35; opacity: 0;
}
#scene-agente .is-in .sc-ag-bub, #scene-agente .is-in .sc-ag-daychip { animation: sc-ag-pop .45s cubic-bezier(.2, .9, .3, 1.25) .05s both; }
@keyframes sc-ag-pop { from { opacity: 0; transform: translateY(8px) scale(.9); } to { opacity: 1; transform: none; } }
#scene-agente .sc-ag-bub-me { background: #1D3A2B; color: #EAF5EE; border-bottom-right-radius: 4px; transform-origin: bottom right; }
#scene-agente .sc-ag-bub-bot { background: #231B16; box-shadow: inset 0 0 0 1px #33281F; border-bottom-left-radius: 4px; transform-origin: bottom left; }
#scene-agente .sc-ag-who { display: block; margin-bottom: 1px; font: 600 .75rem/1.3 var(--body); color: var(--sol); }
#scene-agente .sc-ag-typing { display: flex; gap: 4px; padding: 10px 12px; }
#scene-agente .sc-ag-typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--sol); animation: sc-ag-blink 1s infinite; }
#scene-agente .sc-ag-typing i:nth-child(2) { animation-delay: .15s; }
#scene-agente .sc-ag-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes sc-ag-blink { 0%, 80%, 100% { opacity: .25; transform: none; } 40% { opacity: 1; transform: translateY(-3px); } }
#scene-agente .sc-ag-daychip {
  font-size: .75rem; line-height: 1; padding: 5px 10px; border-radius: 999px; opacity: 0;
  color: var(--ceniza); background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px var(--linea);
}

#scene-agente .sc-ag-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
#scene-agente .sc-ag-chip {
  position: relative; overflow: hidden; padding: 4px 10px; border-radius: 999px;
  font: 600 .75rem/1.3 var(--body); color: var(--sol); box-shadow: inset 0 0 0 1px rgba(255, 138, 18, .55);
  transition: background .25s ease, color .25s ease, box-shadow .25s ease, transform .2s ease;
}
#scene-agente .sc-ag-chip.is-tap { background: var(--ember); color: var(--noche); box-shadow: 0 0 16px rgba(252, 74, 3, .55); animation: sc-ag-press .35s ease both; }
#scene-agente .sc-ag-chip::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px; border-radius: 50%;
  background: rgba(255, 255, 255, .45); opacity: 0; transform: scale(0);
}
#scene-agente .sc-ag-chip.is-tap::after { animation: sc-ag-ripple .55s ease-out both; }
@keyframes sc-ag-press { 40% { transform: scale(.9); } }
@keyframes sc-ag-ripple { 0% { opacity: .7; transform: scale(0); } 100% { opacity: 0; transform: scale(1.8); } }

/* Ficha de cita (en el chat y la que viaja) */
#scene-agente .sc-ag-ticket, #scene-agente .sc-ag-flyer {
  display: flex; align-items: center; gap: 8px; padding: 7px 9px; border-radius: 10px;
}
#scene-agente .sc-ag-ticket { margin-top: 8px; background: rgba(255, 138, 18, .08); box-shadow: inset 0 0 0 1px rgba(255, 138, 18, .45); }
#scene-agente .sc-ag-ticket.is-sent { animation: sc-ag-sent 1.2s ease both; }
@keyframes sc-ag-sent { 15% { box-shadow: inset 0 0 0 1px var(--sol), 0 0 22px rgba(255, 138, 18, .7); } }
#scene-agente .sc-ag-ticket > svg, #scene-agente .sc-ag-flyer > svg { flex: none; width: 18px; height: 18px; color: var(--sol); }
#scene-agente .sc-ag-ticket > span:not(.sc-ag-ok), #scene-agente .sc-ag-flyer > span:not(.sc-ag-ok) { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; flex: 1; }
#scene-agente .sc-ag-ticket b, #scene-agente .sc-ag-flyer b { font-size: .75rem; color: var(--hueso); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scene-agente .sc-ag-ticket small, #scene-agente .sc-ag-flyer small { color: var(--ceniza); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scene-agente .sc-ag-ok { flex: none; width: 16px; height: 16px; padding: 3px; border-radius: 50%; background: #3DDC84; color: var(--noche); box-shadow: 0 0 10px rgba(61, 220, 132, .6); }

#scene-agente .sc-ag-flyer {
  position: absolute; left: 0; top: 0; z-index: 6; pointer-events: none; will-change: transform;
  background: #1F1610;
  box-shadow: inset 0 0 0 1px var(--sol), 0 0 26px rgba(255, 138, 18, .55), 0 0 70px rgba(252, 74, 3, .35);
}
#scene-agente .sc-ag-trail, #scene-agente .sc-ag-spark {
  position: absolute; left: 0; top: 0; z-index: 5; width: 8px; height: 8px; border-radius: 50%; pointer-events: none;
  background: #FFD9A8; box-shadow: 0 0 10px 3px rgba(255, 138, 18, .75); opacity: 0; will-change: transform;
}
#scene-agente .sc-ag-spark { width: 10px; height: 10px; background: #FFE7C6; box-shadow: 0 0 14px 5px rgba(255, 138, 18, .85); }

/* ---------- Panel del negocio ---------- */
#scene-agente .sc-ag-biz {
  grid-area: biz; position: relative; min-height: 0; overflow: hidden; container: sc-ag-biz / inline-size;
  display: flex; flex-direction: column; gap: 10px; padding: 10px 12px 12px;
  border-radius: 14px; background: #17120F; box-shadow: inset 0 0 0 1px var(--linea);
}
#scene-agente .sc-ag-bizhead { display: flex; align-items: center; gap: 8px; font-size: .8125rem; padding-bottom: 8px; border-bottom: 1px solid var(--linea); }
#scene-agente .sc-ag-bizhead b { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scene-agente .sc-ag-logo { flex: none; width: 14px; height: 14px; border-radius: 4px; background: var(--ember); }
#scene-agente .sc-ag-bell { position: relative; flex: none; width: 24px; height: 24px; padding: 5px; border-radius: 50%; color: var(--ceniza); box-shadow: inset 0 0 0 1px var(--linea); }
#scene-agente .sc-ag-bell i {
  position: absolute; top: -5px; right: -6px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px;
  display: grid; place-items: center; font: 700 .75rem/1 var(--body); font-style: normal;
  background: var(--ember); color: var(--noche); transform: scale(0); transition: transform .35s cubic-bezier(.2, .9, .3, 1.5);
}
#scene-agente .sc-ag-bell.is-ring { color: var(--sol); animation: sc-ag-ring .8s ease both; }
#scene-agente .sc-ag-bell.is-ring i { transform: scale(1); }
@keyframes sc-ag-ring { 10%, 50% { transform: rotate(14deg); } 30%, 70% { transform: rotate(-14deg); } 90% { transform: none; } }

#scene-agente .sc-ag-toast {
  position: absolute; left: 8px; right: 8px; top: 8px; z-index: 3;
  display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 9px;
  padding: 9px 11px; border-radius: 12px; background: #2A201A;
  box-shadow: inset 0 0 0 1px rgba(255, 138, 18, .45), 0 18px 30px -12px rgba(0, 0, 0, .95), 0 0 30px rgba(252, 74, 3, .18);
  transform: translateY(calc(-100% - 14px)); opacity: 0;
  transition: transform .55s cubic-bezier(.2, .9, .3, 1.15), opacity .3s ease;
}
#scene-agente .sc-ag-toast.is-on { transform: none; opacity: 1; }
#scene-agente .sc-ag-tico { width: 28px; height: 28px; padding: 6px; border-radius: 50%; background: var(--ember); color: var(--noche); }
#scene-agente .sc-ag-ttxt { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
#scene-agente .sc-ag-ttxt b { font-size: .8125rem; }
#scene-agente .sc-ag-ttxt small, #scene-agente .sc-ag-tnow { font-size: .75rem; color: var(--ceniza); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scene-agente .sc-ag-tnow { align-self: start; }

#scene-agente .sc-ag-sec { flex: none; display: flex; flex-direction: column; gap: 6px; }
#scene-agente .sc-ag-sechead { display: flex; justify-content: space-between; gap: 8px; font-size: .75rem; color: var(--ceniza); line-height: 1.3; }
#scene-agente .sc-ag-count { display: inline-block; transition: color .3s ease; }
#scene-agente .sc-ag-count b { color: var(--hueso); font-variant-numeric: tabular-nums; }
#scene-agente .sc-ag-count.is-bump { animation: sc-ag-bump .6s ease both; }
#scene-agente .sc-ag-count.is-bump b { color: var(--sol); }
@keyframes sc-ag-bump { 30% { transform: scale(1.18); } }

#scene-agente .sc-ag-crm { display: flex; flex-direction: column; }
#scene-agente .sc-ag-crm > .sc-ag-crow { margin-top: 6px; }
#scene-agente .sc-ag-crm > .sc-ag-newwrap .sc-ag-pad { padding-top: 0; }
#scene-agente .sc-ag-newwrap.is-open .sc-ag-clip { overflow: visible; }
#scene-agente .sc-ag-crow {
  display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 9px;
  padding: 7px 9px; border-radius: 10px; background: #1E1814;
}
#scene-agente .sc-ag-cav {
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  font: 600 .75rem/1 var(--display); color: var(--ceniza); background: #2A221D;
}
#scene-agente .sc-ag-cinfo { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
#scene-agente .sc-ag-cinfo b { font-size: .8125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scene-agente .sc-ag-cinfo small { color: var(--ceniza); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
#scene-agente .sc-ag-cita { display: flex; align-items: center; gap: 4px; color: var(--hueso) !important; }
#scene-agente .sc-ag-cita svg { flex: none; width: 12px; height: 12px; color: var(--sol); }
#scene-agente .sc-ag-badge {
  font-size: .75rem; line-height: 1; padding: 4px 7px; border-radius: 999px; white-space: nowrap;
  color: var(--ceniza); box-shadow: inset 0 0 0 1px var(--linea);
}
#scene-agente .sc-ag-hot { background: var(--ember); color: var(--noche); font-weight: 600; box-shadow: none; }

/* Fila nueva: aparece cuando llega la ficha */
#scene-agente .sc-ag-cnew { opacity: 0; transform: scale(.96); transition: opacity .35s ease, transform .45s cubic-bezier(.2, .9, .3, 1.3); }
#scene-agente .sc-ag-cnew .sc-ag-cav { background: var(--ember); color: var(--noche); }
#scene-agente .sc-ag-cnew.is-landed { opacity: 1; transform: none; animation: sc-ag-glow 2.4s ease-out both; box-shadow: inset 0 0 0 1px rgba(255, 138, 18, .5); background: #241A13; }
@keyframes sc-ag-glow {
  0% { box-shadow: inset 0 0 0 1px var(--sol), 0 0 0 0 rgba(255, 138, 18, .7), 0 0 26px rgba(255, 138, 18, .55); }
  40% { box-shadow: inset 0 0 0 1px var(--sol), 0 0 0 6px rgba(255, 138, 18, 0), 0 0 18px rgba(255, 138, 18, .3); }
}

/* Agenda */
#scene-agente .sc-ag-cal { display: flex; flex-direction: column; gap: 6px; }
#scene-agente .sc-ag-slot { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 6px; }
#scene-agente .sc-ag-st { font-size: .75rem; color: var(--ceniza); font-variant-numeric: tabular-nums; }
#scene-agente .sc-ag-sb {
  position: relative; display: flex; align-items: center; gap: 6px; min-width: 0; height: 28px; padding: 0 9px; border-radius: 8px;
  font-size: .75rem; color: var(--ceniza); border: 1px dashed #3B3029; white-space: nowrap; overflow: hidden;
  transition: background .4s ease, color .4s ease, border-color .4s ease, box-shadow .4s ease;
}
#scene-agente .sc-ag-sb > span { overflow: hidden; text-overflow: ellipsis; }
#scene-agente .is-taken .sc-ag-sb { border: 1px solid transparent; background: #221B16; color: var(--hueso); }
#scene-agente .is-filled .sc-ag-sb {
  border-color: transparent; background: var(--ember); color: var(--noche); font-weight: 600;
  box-shadow: 0 0 22px rgba(252, 74, 3, .45); animation: sc-ag-fill .6s cubic-bezier(.2, .9, .3, 1.3) both;
}
@keyframes sc-ag-fill { from { transform: scaleX(.6); opacity: .3; } }
#scene-agente .sc-ag-short { display: none; }
#scene-agente .sc-ag-okt {
  flex: none !important; margin-left: auto; display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 7px 2px 3px; border-radius: 999px; background: rgba(0, 0, 0, .78); color: #3DDC84; font-weight: 600;
  animation: sc-ag-pop .45s cubic-bezier(.2, .9, .3, 1.3) both;
}
#scene-agente .sc-ag-okt svg { width: 14px; height: 14px; flex: none; }

/* Panel angosto: ocultar detalles secundarios */
@container sc-ag-biz (max-width: 250px) {
  #scene-agente .sc-ag-extra { display: none; }
  #scene-agente .sc-ag-crow:not(.sc-ag-cnew) .sc-ag-cinfo small { display: none; }
  #scene-agente .sc-ag-crow { grid-template-columns: 26px minmax(0, 1fr); }
  #scene-agente .sc-ag-crow .sc-ag-badge:not(.sc-ag-hot) { display: none; }
  #scene-agente .sc-ag-hot { grid-column: 2; justify-self: start; margin-top: 2px; }
  #scene-agente .sc-ag-sb .sc-ag-long { display: none; }
  #scene-agente .sc-ag-sb .sc-ag-short { display: inline; }
  #scene-agente .sc-ag-okt { padding: 2px; }
}

/* Teléfono angosto */
@container sc-ag-phone (max-width: 190px) {
  #scene-agente .sc-ag-bub { font-size: .75rem; padding: 6px 9px; }
  #scene-agente .sc-ag-ticket { gap: 6px; padding: 6px 7px; }
  #scene-agente .sc-ag-ticket .sc-ag-ok, #scene-agente .sc-ag-ticket > svg { display: none; }
}

/* ---------- Narración ---------- */
#scene-agente .sc-ag-steps { grid-area: steps; display: flex; align-items: center; gap: 12px; min-height: 22px; padding-top: 4px; }
#scene-agente .sc-ag-bars { flex: none; display: flex; gap: 4px; }
#scene-agente .sc-ag-bars i { position: relative; width: 18px; height: 3px; border-radius: 3px; background: #2E2520; overflow: hidden; }
#scene-agente .sc-ag-bars i::after { content: ""; position: absolute; inset: 0; background: var(--ember); transform: scaleX(0); transform-origin: left; }
#scene-agente .sc-ag-bars i.is-done::after { transform: none; }
#scene-agente .sc-ag-bars i.is-now::after { animation: sc-ag-prog var(--d, 4s) linear both; }
@keyframes sc-ag-prog { to { transform: none; } }
#scene-agente .sc-ag-say { font-size: .8125rem; line-height: 1.35; color: var(--hueso); }
#scene-agente .sc-ag-say.is-bump { animation: sc-ag-say .5s ease both; }
@keyframes sc-ag-say { from { opacity: 0; transform: translateY(5px); } }

/* ---------- Salto de tiempo ---------- */
#scene-agente .sc-ag-jump {
  position: absolute; inset: calc(var(--sc-ag-pad) * -1); z-index: 8; display: grid; place-items: center;
  background: rgba(0, 0, 0, .66); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility 0s linear .5s;
}
#scene-agente .sc-ag-jump.is-on { opacity: 1; visibility: visible; transition: opacity .5s ease; }
#scene-agente .sc-ag-jumpcard {
  display: flex; align-items: center; gap: 12px; padding: 14px 20px 14px 16px; border-radius: 16px;
  background: #1A1310; box-shadow: inset 0 0 0 1px rgba(255, 138, 18, .5), 0 0 40px rgba(252, 74, 3, .25);
  transform: translateY(10px) scale(.94); transition: transform .6s cubic-bezier(.2, .9, .3, 1.2);
}
#scene-agente .sc-ag-jump.is-on .sc-ag-jumpcard { transform: none; }
#scene-agente .sc-ag-jumpcard > svg { width: 34px; height: 34px; color: var(--sol); }
#scene-agente .sc-ag-jump.is-on .sc-ag-jumpcard > svg path { transform-origin: 12px 12px; animation: sc-ag-hand 1.2s cubic-bezier(.5, 0, .3, 1) both; }
@keyframes sc-ag-hand { from { transform: rotate(-300deg); } }
#scene-agente .sc-ag-jumpcard span { display: flex; flex-direction: column; line-height: 1.2; }
#scene-agente .sc-ag-jumpcard small { color: var(--ceniza); }
#scene-agente .sc-ag-jumpcard b { font: 600 1.375rem/1.2 var(--display); letter-spacing: -.02em; }

/* ---------- Móvil: teléfono arriba, panel abajo ---------- */
@media (max-width: 600px) {
  #scene-agente { --sc-ag-pad: 16px; height: 680px; }
  #scene-agente .sc-ag-stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 262px auto minmax(0, 1fr) auto;
    grid-template-areas: "capa" "phone" "capb" "biz" "steps";
    row-gap: 6px;
  }
  #scene-agente .sc-ag-cap-b { margin-top: 6px; }
  #scene-agente .sc-ag-phone { margin: 0 6px; }
  #scene-agente .sc-ag-biz { gap: 8px; padding: 8px 10px 10px; }
  #scene-agente .sc-ag-bizhead { padding-bottom: 6px; }
  #scene-agente .sc-ag-extra { display: none; }
  #scene-agente .sc-ag-crow:not(.sc-ag-cnew) { padding-block: 6px; }
  #scene-agente .sc-ag-crow:not(.sc-ag-cnew) .sc-ag-cinfo small { display: none; }
  #scene-agente .sc-ag-cal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  #scene-agente .sc-ag-slot { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  #scene-agente .sc-ag-sb { padding: 0 7px; }
  #scene-agente .sc-ag-sb .sc-ag-long { display: none; }
  #scene-agente .sc-ag-sb .sc-ag-short { display: inline; }
  #scene-agente .sc-ag-okt { padding: 2px; }
  #scene-agente .sc-ag-steps { align-items: flex-start; min-height: 40px; }
  #scene-agente .sc-ag-bars { margin-top: 7px; }
}