.hphone{--w: min(340px, calc((100svh - 160px) / 2.1));font-size:calc(var(--w) / 24.3);position:relative;width:var(--w);max-width:88vw;border-radius:3.857em;padding:.714em;background:linear-gradient(145deg,#3a3a3c,#1c1c1e 40%,#48484a);box-shadow:0 1.4em 3.2em -1.1em #2b2c644d,inset 0 0 .14em .14em #ffffff14;flex-shrink:0}.hphone:before,.hphone:after{content:"";position:absolute;background:#2c2c2e;border-radius:.214em}.hphone:before{left:-.178em;top:9.28em;width:.214em;height:4.14em}.hphone:after{right:-.178em;top:10.71em;width:.214em;height:6em}.hphone__isla{position:absolute;top:1.07em;left:50%;transform:translate(-50%);width:6.857em;height:1.857em;background:#000;border-radius:1.428em;z-index:12}.hphone__pantalla{position:relative;height:47.14em;border-radius:3.14em;overflow:hidden;background:#efe7dd;display:flex;flex-direction:column}.hphone__homebar{position:absolute;bottom:.428em;left:50%;transform:translate(-50%);width:7.857em;height:.285em;border-radius:.285em;background:#00000059;z-index:12;pointer-events:none}.hphone__status{display:flex;justify-content:space-between;align-items:center;height:3em;padding:1em 1.857em 0 2.14em;background:#f6f6f6;color:#000;font-family:-apple-system,SF Pro Text,sans-serif;font-size:1em;font-weight:700;flex-shrink:0}.hphone__status svg{width:auto;height:.786em}.hphone__status svg:first-child{height:.786em}.hphone__iconos{display:inline-flex;align-items:center;gap:.357em}.hphone__waheader{display:flex;align-items:center;gap:.571em;padding:.428em .857em .571em;background:#f6f6f6;border-bottom:1px solid rgba(0,0,0,.12);color:#007aff}.hphone__waheader svg{height:1em;width:auto}.hphone__waheader svg:first-child{height:1.28em}.hphone__waheader img{width:2.428em;height:2.428em;border-radius:50%;object-fit:cover;background:#fff}.hphone__wainfo{flex:1;display:flex;flex-direction:column;line-height:1.15}.hphone__wanombre{font-weight:700;font-size:1.07em;color:#000}.hphone__waestado{font-size:.821em;color:#8e8e93}.hphone__waheader svg:last-child{margin-left:.428em}.hphone__chat{flex:1;overflow-y:auto;scrollbar-width:none;padding:.714em .857em .571em;display:flex;flex-direction:column;gap:.428em;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.25) .8px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.25) .8px,transparent 1px),#efe7dd;background-size:3.285em 3.285em,2.71em 2.71em,auto;overscroll-behavior:contain}.hphone__chat::-webkit-scrollbar{display:none}.hphone__dia{align-self:center;margin-block:.286em}.hphone__dia span{background:#dcd3c8;color:#5b5b5b;font-size:.786em;font-weight:600;padding:.286em .714em;border-radius:.571em}.hphone .hmsg{position:relative;max-width:84%;padding:.5em .714em .357em;border-radius:.714em;font-size:.964em;line-height:1.4;color:#111;box-shadow:0 1px .5px #0000001f;animation:hmsgIn .3s cubic-bezier(.34,1.3,.64,1);word-wrap:break-word}@keyframes hmsgIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hphone .hmsg--in{align-self:flex-start;background:#fff;border-top-left-radius:.143em}.hphone .hmsg--out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:.143em}.hphone .hmsg__meta{display:inline-flex;align-items:center;gap:.143em;font-size:.714em;color:#8a8a8a;float:right;margin:.571em 0 0 .571em}.hphone .hmsg__meta svg{width:1.07em;height:.643em}.hphone .htyping{display:inline-flex;gap:.286em;padding:.857em 1em}.hphone .htyping span{width:.5em;height:.5em;border-radius:50%;background:#b5b5b5;animation:htypingDot 1.2s ease-in-out infinite}.hphone .htyping span:nth-child(2){animation-delay:.15s}.hphone .htyping span:nth-child(3){animation-delay:.3s}@keyframes htypingDot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.hphone .haudio{display:inline-flex;align-items:center;gap:.571em;min-width:11.78em;padding:.143em 0}.hphone .haudio__play{width:2em;height:2em;border-radius:50%;background:#34b7f1;color:#fff;font-size:.786em;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.hphone .haudio__onda{display:inline-flex;align-items:center;gap:.143em;flex:1}.hphone .haudio__onda i{width:.214em;border-radius:.143em;background:#8fbc8f}.hphone .haudio__onda i:nth-child(odd){height:.928em}.hphone .haudio__onda i:nth-child(2n){height:.5em}.hphone .haudio__onda i:nth-child(3n){height:1.214em}.hphone .haudio__dur{font-size:.786em;color:#8a8a8a}.hphone .hrecibo{width:12em;border-radius:.571em;overflow:hidden;background:#722f8e;color:#fff;font-family:inherit;margin-bottom:.143em}.hphone .hrecibo__top{padding:.714em .857em .428em;font-weight:800;font-size:.928em;letter-spacing:.02em}.hphone .hrecibo__body{background:#fff;color:#222;margin:0 .571em .571em;border-radius:.428em;padding:.571em .714em;display:flex;flex-direction:column;gap:.143em}.hphone .hrecibo__monto{font-size:1.14em;font-weight:800;color:#111}.hphone .hrecibo__dest{font-size:.786em;color:#555}.hphone__input{display:flex;align-items:center;gap:.428em;padding:.571em .714em 1.57em;background:#f6f6f6}.hphone__input svg{width:1.57em;height:1.57em}.hphone__campo{flex:1;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:.571em 1em;font-size:.964em;color:#9b9b9b}@media(max-width:768px){.hphone:before,.hphone:after{display:none}}