/* Piezas comunes de las demos de la vista grande (04-10-2026) · escenario fijo de 1000 × 620. */
.dm-demo{ position:absolute; inset:0; }

/* Colocación estándar: móvil con WhatsApp a la izquierda, la app a la derecha (como las demos de Ventas, en más ancho) */
.dm-std .movil{ left:44px; top:22px; width:318px; height:576px; }
.dm-std .logo-canal{ left:16px; top:4px; }
.dm-std .app{ left:386px; top:22px; width:588px; height:576px; }
.dm-std .toast{ left:0; right:0; margin:0 auto; width:fit-content; bottom:30px; top:auto; }   /* centrado sin transform (la animación de entrada lo pisa) */

/* Adjunto (PDF) dentro de una burbuja */
.dmb-adj{ min-width:236px; }
.dmb-adj-doc{ display:flex; align-items:center; gap:10px; padding:8px 10px; margin:-1px -2px 6px -3px; border-radius:6px; background:rgba(11,20,26,.05); }
.wa-msg.age .dmb-adj-doc{ background:rgba(0,0,0,.05); }
.dmb-adj-ico{ width:32px; height:38px; border-radius:4px; background:#e5484d; color:#fff; font-size:9.5px; font-weight:700; display:grid; place-items:center; flex:none; letter-spacing:.02em; }
.dmb-adj-doc b{ display:block; font-size:12.8px; font-weight:600; line-height:1.25; }
.dmb-adj-doc em{ display:block; font-style:normal; font-size:11px; color:#667781; margin-top:2px; }
.dmb-adj p{ display:block; }
/* Separador de día que aparece con el paso del tiempo */
.dmb-fecha{ margin-top:6px; }

/* Etiqueta de tiempo que salta («Al día siguiente», «3 días después») encima de la escena */
.dmb-salto{ position:absolute; z-index:8; left:0; right:0; margin:0 auto; width:fit-content; top:10px; display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border-radius:999px;
  background:var(--tinta); color:#fff; font-size:13px; font-weight:500; box-shadow:0 10px 24px -10px rgba(10,10,10,.5); white-space:nowrap; }
.dmb-salto .ico{ width:14px; height:14px; color:var(--verde); }
/* Si sale un salto de tiempo nuevo, el anterior se va */
.dmb-salto:has(~ .dmb-salto:not(.off)){ display:none; }