.escena{width:100%;max-width:520px;font-family:var(--font-rediseno);margin-inline:auto;container-type:inline-size}.escena-lienzo{--u:calc(100cqw / 520);width:calc(var(--u) * 520);height:calc(var(--u) * 560);position:relative}.escena-halo{left:calc(var(--u) * 60);top:calc(var(--u) * 120);width:calc(var(--u) * 320);height:calc(var(--u) * 320);background:radial-gradient(closest-side,#2e71fb33,#2e71fb00);border-radius:50%;position:absolute}.escena-lineas{width:100%;height:100%;position:absolute;inset:0}.linea{stroke:#8db2fa;stroke-width:2px;stroke-linecap:round}.linea-pulso{stroke:var(--azul);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:14 86;stroke-dashoffset:100px;opacity:0;animation:2.8s ease-in-out infinite pulso-linea}@keyframes pulso-linea{0%{stroke-dashoffset:100px;opacity:0}15%{opacity:1}70%{opacity:1}85%,to{stroke-dashoffset:14px;opacity:0}}.areas{left:0;top:calc(var(--u) * 121);gap:calc(var(--u) * 22);flex-direction:column;display:flex;position:absolute}.area{align-items:center;gap:calc(var(--u) * 10);width:calc(var(--u) * 176);height:calc(var(--u) * 58);padding-left:calc(var(--u) * 10);border-radius:calc(var(--u) * 29);box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) #1b3a781a;color:var(--marino);font-size:calc(var(--u) * 14.5);letter-spacing:-.01em;background:#fff;font-weight:600;display:flex}.area-icono{width:calc(var(--u) * 38);height:calc(var(--u) * 38);background:var(--azul);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.area-icono svg{width:calc(var(--u) * 19);height:calc(var(--u) * 19)}.celular{left:calc(var(--u) * 240);top:calc(var(--u) * 10);width:calc(var(--u) * 240);height:calc(var(--u) * 540);padding:calc(var(--u) * 9);border-radius:calc(var(--u) * 42);box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 50) #1b3a7847;background:linear-gradient(145deg,#2a3d66,#16233f);position:absolute}.celular:before,.celular:after{content:"";width:calc(var(--u) * 3);border-radius:calc(var(--u) * 2);background:#16233f;position:absolute}.celular:before{left:calc(var(--u) * -3);top:calc(var(--u) * 110);height:calc(var(--u) * 44)}.celular:after{right:calc(var(--u) * -3);top:calc(var(--u) * 130);height:calc(var(--u) * 66)}.celular-pantalla{border-radius:calc(var(--u) * 33);background:#edf2f9;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.celular-isla{top:calc(var(--u) * 9);width:calc(var(--u) * 66);height:calc(var(--u) * 18);border-radius:calc(var(--u) * 10);background:#16233f;position:absolute;left:50%;transform:translate(-50%)}.chat-cabecera{align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 36) calc(var(--u) * 16) calc(var(--u) * 10);background:#fff;display:flex;box-shadow:0 1px #1b3a7814}.chat-cabecera img{width:calc(var(--u) * 58);height:auto}.chat-verificado{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.chat-cuerpo{gap:calc(var(--u) * 10);padding:calc(var(--u) * 14) calc(var(--u) * 12);flex-direction:column;flex:1;min-height:0;display:flex}.chat-fecha{padding:calc(var(--u) * 2) calc(var(--u) * 10);border-radius:calc(var(--u) * 8);color:var(--gris-azul);font-size:calc(var(--u) * 10.5);background:#fffc;align-self:center;font-weight:500}.msj{max-width:88%;padding:calc(var(--u) * 9) calc(var(--u) * 11) calc(var(--u) * 7);border-radius:calc(var(--u) * 14);color:#1f2f4f;font-size:calc(var(--u) * 13);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #1b3a7814;line-height:1.38}.msj-recibido{border-bottom-left-radius:calc(var(--u) * 4);background:#fff;align-self:flex-start}.msj-enviado{border-bottom-right-radius:calc(var(--u) * 4);background:#d8f9d0;align-self:flex-end}.msj-hora{margin-top:calc(var(--u) * 3);text-align:right;color:#7a8aa6;font-size:calc(var(--u) * 9.5);display:block}.msj-tildes{color:#2e9be6;letter-spacing:-.2em}.chat-pie{align-items:center;gap:calc(var(--u) * 7);padding:calc(var(--u) * 8) calc(var(--u) * 10) calc(var(--u) * 16);display:flex}.chat-campo{height:calc(var(--u) * 36);padding:0 calc(var(--u) * 11) 0 calc(var(--u) * 13);border-radius:calc(var(--u) * 18);color:#8a98b0;font-size:calc(var(--u) * 11.5);white-space:nowrap;background:#fff;flex:1;justify-content:space-between;align-items:center;display:flex}.chat-campo svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14);flex-shrink:0}.chat-enviar{width:calc(var(--u) * 36);height:calc(var(--u) * 36);color:#fff;background:#22b573;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-enviar svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.escena-whatsapp{left:calc(var(--u) * 434);top:calc(var(--u) * 330);width:calc(var(--u) * 86);height:calc(var(--u) * 86);box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 26) #2fae6459;background:linear-gradient(145deg,#4ccb7e,#2fae64);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.escena-whatsapp svg{width:calc(var(--u) * 46);height:calc(var(--u) * 46)}@media (prefers-reduced-motion:reduce){.linea-pulso{animation:none}}