@layer components{.of-wa{--wa-fondo:#e9e0cd;--wa-resplandor:radial-gradient(120% 55% at 50% 112%, #fedf5a6b, #caa15a24 45%, transparent 72%);--wa-cab:#0b1220;--wa-cab-texto:#f5f1e8;--wa-cab-sec:#b8bfcc;--wa-acento:#fedf5a;--wa-texto:#0b1220;--wa-yo:#f6e2b3;--wa-otro:#fffdf9;--wa-meta:#6b6558;--wa-meta-yo:#6b5530;--wa-leido:#1649ff;--wa-entregado:#8a7a5c;--wa-link:#1649ff;--wa-chip:#fffdf9;--wa-chip-texto:#5b5446;--wa-onda:#a8884f;--wa-punto:#1649ff;--wa-punto-nuevo:#b07d1e;--wa-avatar:#e0d4bf;--wa-avatar-fig:#fffdf9;--wa-boton:#1649ff;--wa-sep:#ece5d6;--wa-cita:#ecd49c;--wa-cita-borde:#caa15a;--wa-cita-texto:#4a3d22;--wa-toque:#1649ff1a;--wa-campo:#fffdf9;--wa-icono:#6b6255;--wa-placeholder:#6b6255;--wa-mic:#fedf5a;--wa-mic-icono:#0b1220;--wa-resorte:cubic-bezier(.2, .9, .25, 1);background:#05080f;border:1px solid #ffffff24;border-radius:40px;width:100%;max-width:340px;margin:0 auto;padding:9px;box-shadow:0 40px 80px -30px #000000bf,inset 0 0 0 1px #0006}@supports (animation-timing-function:linear(0, 1)){.of-wa{--wa-resorte:linear(0, .186, .466, .682, .821, .903, .949, .973, .986, .993, .997, .998, .999, 1, 1)}}.of-wa .pantalla{background:var(--wa-fondo);color:var(--wa-texto);letter-spacing:.005em;border-radius:31px;flex-direction:column;font-family:Roboto,Segoe UI,system-ui,-apple-system,sans-serif;font-size:13.6px;line-height:1.36;display:flex;overflow:hidden}.of-wa .i{flex:none;width:22px;height:22px;display:block}.of-wa .sistema{background:var(--wa-cab);color:var(--wa-cab-texto);justify-content:space-between;align-items:center;padding:8px 18px 4px;font-size:12px;font-weight:600;display:flex}.of-wa .sis{width:52px;height:13px}.of-wa .cab{background:var(--wa-cab);color:var(--wa-cab-texto);z-index:2;align-items:center;gap:8px;padding:6px 10px 8px 8px;display:flex;position:relative}.of-wa .av{background:radial-gradient(circle,#1d2945,#0b1220 72%);border:1px solid #fedf5a8c;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 14px -2px #fedf5a73}.of-wa .av i{background:var(--wa-acento);border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px 3px #fedf5a99}.of-wa .quien{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.of-wa .quien b{letter-spacing:0;font-size:16px;font-weight:600}.of-wa .quien b:after{content:"";background:var(--wa-acento);vertical-align:baseline;border-radius:50%;width:5px;height:5px;margin-left:3px;display:inline-block;box-shadow:0 0 6px 1px #fedf5a99}.of-wa .est{height:16px;color:var(--wa-cab-sec);font-size:12.5px;position:relative}.of-wa .est span{white-space:nowrap;position:absolute;top:0;left:0}.of-wa .escribiendo{opacity:0;color:var(--wa-acento)}.of-wa .acc{align-items:center;gap:16px;display:flex}.of-wa .chat{background-color:var(--wa-fondo);background-image:var(--wa-resplandor), url(/oficial/doodle-lumbre.svg);background-position:50%,0 0;background-repeat:no-repeat,repeat;background-size:100% 100%,260px 260px;flex:1;position:relative}.of-wa .hilo{flex-direction:column;gap:3px;padding:10px 12px;display:flex}.of-wa .fecha{letter-spacing:.02em;background:var(--wa-chip);color:var(--wa-chip-texto);border-radius:8px;align-self:center;margin:2px 0 8px;padding:5px 12px;font-size:12px;font-weight:500;box-shadow:0 1px .5px #3c280a29}.of-wa .m{overflow-wrap:anywhere;border-radius:9px;max-width:84%;padding:6px 8px 7px 9px;position:relative;box-shadow:0 1px .5px #3c280a29}.of-wa .m+.m,.of-wa .bloque+.m,.of-wa .m+.bloque{margin-top:2px}.of-wa .m.cola{margin-top:9px}.of-wa .yo{background:var(--wa-yo);color:#1c1710;align-self:flex-end}.of-wa .bot{background:var(--wa-otro)}.of-wa .bloque{flex-direction:column;align-self:flex-start;max-width:86%;margin-top:9px;display:flex}.of-wa .bloque .m{max-width:100%}.of-wa .yo.cola{border-top-right-radius:0}.of-wa .bot.cola{border-top-left-radius:0}.of-wa .cola:before{content:"";background:inherit;width:8px;height:13px;position:absolute;top:0}.of-wa .yo.cola:before{clip-path:polygon(0 0,100% 0,0 100%);right:-8px}.of-wa .bot.cola:before{clip-path:polygon(0 0,100% 0,100% 100%);left:-8px}.of-wa .txt b{font-weight:700}.of-wa .txt .l{display:block}.of-wa .link{color:var(--wa-link);text-underline-offset:2px;text-decoration:underline}.of-wa .meta{float:right;color:var(--wa-meta);white-space:nowrap;align-items:center;gap:3px;margin:8px 0 -4px 10px;font-size:11px;line-height:1;display:inline-flex;position:relative;top:1px}.of-wa .yo .meta{color:var(--wa-meta-yo)}.of-wa .tk{width:17px;height:11px;color:var(--wa-leido);transition:color .35s ease-out}.of-wa .nota{min-width:236px;padding:7px 8px 6px 6px}.of-wa .voz{align-items:center;gap:8px;display:flex}.of-wa .play{width:30px;height:30px;color:var(--wa-meta-yo);flex:none;place-items:center;display:grid}.of-wa .play .i{width:26px;height:26px}.of-wa .onda{flex:1;align-items:center;gap:2px;height:26px;display:flex;position:relative}.of-wa .onda i{background:var(--wa-onda);border-radius:2px;width:2.5px;display:block}.of-wa .onda i.punto{background:var(--wa-punto);border-radius:50%;flex:none;width:11px;margin-right:-4px;height:11px!important}.of-wa .yo-av{background:var(--wa-avatar);width:42px;height:42px;color:var(--wa-avatar-fig);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.of-wa .yo-av svg{border-radius:50%;width:42px;height:42px}.of-wa .mic-badge{width:18px;height:18px;color:var(--wa-leido);transition:color .35s ease-out;position:absolute;bottom:-2px;left:-5px}.of-wa .mic-badge .i{width:18px;height:18px}.of-wa .pie-voz{justify-content:space-between;align-items:center;margin-top:-2px;padding:0 2px 0 44px;display:flex}.of-wa .pie-voz .dur{color:var(--wa-meta-yo);font-size:11px}.of-wa .pie-voz .meta{float:none;margin:0}.of-wa .album{width:230px;padding:3px}.of-wa .grilla{border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;display:grid;overflow:hidden}.of-wa .foto{aspect-ratio:1;display:block;position:relative}.of-wa .foto svg{width:100%;height:100%;display:block}.of-wa .mas5{color:#fff;background:#00000073;place-items:center;font-size:24px;font-weight:500;display:grid;position:absolute;inset:0}.of-wa .meta-foto{background:radial-gradient(farthest-side at 100% 100%,#00000073,#0000);padding:10px 0 0 30px;position:absolute;bottom:7px;right:8px}.of-wa .meta-foto .meta{float:none;color:#fff;margin:0}.of-wa .botones{background:var(--wa-otro);border-radius:4px 4px 9px 9px;flex-direction:column;margin-top:2px;display:flex;overflow:hidden;box-shadow:0 1px .5px #3c280a29}.of-wa .botones span{min-height:42px;color:var(--wa-boton);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;display:flex;position:relative}.of-wa .botones span+span{border-top:1px solid var(--wa-sep)}.of-wa .botones .i{width:16px;height:16px}.of-wa .bloque .m.bot{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.of-wa .cita{background:var(--wa-cita);border-left:4px solid var(--wa-cita-borde);border-radius:6px;flex-direction:column;gap:1px;margin:-2px -4px 5px -5px;padding:6px 8px;font-size:12.5px;line-height:1.3;display:flex}.of-wa .cita b{color:#7a5512;font-weight:600}.of-wa .cita span{color:var(--wa-cita-texto);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of-wa .resp{min-width:200px;max-width:78%}.of-wa .escribir{background:var(--wa-fondo);align-items:center;gap:6px;padding:6px 6px 10px;display:flex}.of-wa .campo{background:var(--wa-campo);min-height:44px;color:var(--wa-icono);border-radius:24px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex;box-shadow:0 1px .5px #3c280a24}.of-wa .campo span{color:var(--wa-placeholder);flex:1;font-size:15px}.of-wa .btn-mic{background:var(--wa-mic);width:46px;height:46px;color:var(--wa-mic-icono);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 16px -2px #fedf5a8c}@media (min-width:1024px){.of-wa .chat{flex-direction:column;flex:none;justify-content:flex-end;height:500px;display:flex;overflow:hidden}.of-wa[data-paso="0"] [data-paso-msj="1"],.of-wa[data-paso="0"] [data-paso-msj="2"],.of-wa[data-paso="1"] [data-paso-msj="2"]{display:none}}.of-wa[data-paso="0"] [data-paso-msj="0"] .tk,.of-wa[data-paso="0"] .mic-badge{color:var(--wa-entregado)}.of-wa[data-paso="0"] [data-paso-msj="0"] .onda i.punto{background:var(--wa-punto-nuevo)}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.of-wa[data-paso="0"] [data-paso-msj="0"]{animation:wa-llega .45s var(--wa-resorte) both}.of-wa[data-paso="0"] .album[data-paso-msj="0"]{animation-delay:.25s}.of-wa[data-paso="0"] .m.yo:not(.nota):not(.album)[data-paso-msj="0"]{animation-delay:.5s}.of-wa[data-paso="1"] [data-paso-msj="1"]{animation:wa-llega .45s var(--wa-resorte) .9s both}.of-wa[data-paso] [data-espera]{animation-delay:0s!important}.of-wa[data-paso="1"] .escribiendo{animation:.9s step-end both wa-escribe-a}.of-wa[data-paso="1"] .en-linea{animation:.9s step-end both wa-linea-a}.of-wa[data-paso="2"] .botones .ml{animation:.5s ease-out both wa-toque}.of-wa[data-paso="2"] .resp,.of-wa[data-paso="2"] .m.bot[data-paso-msj="2"]{animation:wa-llega .45s var(--wa-resorte) both}.of-wa[data-paso="2"] .escribiendo{animation:1.4s step-end both wa-escribe-b}.of-wa[data-paso="2"] .en-linea{animation:1.4s step-end both wa-linea-b}.of-wa[data-paso="2"] .resp .tk{animation:1.05s step-end both wa-leido}.of-wa[data-paso="0"] [data-paso-msj="0"] .t2,.of-wa[data-paso="2"] [data-paso-msj="2"] .t2{animation:10ms .55s both wa-aparece}}@media (prefers-reduced-motion:reduce) and (min-width:1024px){.of-wa[data-paso] [data-paso-msj]{animation:.2s ease-out both wa-aparece}}@media (max-width:1023px){.of-wa .album{width:184px}}.of-wa .of-espera{display:none!important}.of-leyenda-chat{color:var(--of-humo);text-align:center;margin-top:14px;font-size:13px;line-height:1.45}.of-leyenda-chat strong{color:var(--of-hueso);font-weight:600}}@keyframes wa-llega{0%{opacity:0;transform:translateY(14px)}}@keyframes wa-toque{0%{background:0 0}30%{background:var(--wa-toque)}to{background:0 0}}@keyframes wa-escribe-a{0%{opacity:1}to{opacity:0}}@keyframes wa-linea-a{0%{opacity:0}to{opacity:1}}@keyframes wa-escribe-b{0%,25%{opacity:0}26%{opacity:1}to{opacity:0}}@keyframes wa-linea-b{0%,25%{opacity:1}26%{opacity:0}to{opacity:1}}@keyframes wa-aparece{0%{opacity:0}}@keyframes wa-leido{0%{color:var(--wa-entregado)}to{color:var(--wa-leido)}}