:root{--fondo:#fff7f9;--superficie:#fff;--superficie-2:#fdeff4;--tinta:#3a2a31;--tinta-2:#6b5860;--suave:#9c8a92;--linea:#f2dfe6;--rosa:#e0508a;--rosa-claro:#fde6ef;--rosa-fuerte:#c43a72;--azul:#4e7cc4;--azul-claro:#e6eefa;--verde:#2e9268;--verde-claro:#e1f3ea;--sombra:0 2px 14px #c8789b21;--radio:18px;--num:"Outfit", system-ui, -apple-system, sans-serif;--txt:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--fondo);color:var(--tinta);font-family:var(--txt);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:16px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:focus-visible,input:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.pantalla{flex-direction:column;gap:10px;max-width:520px;height:100%;margin:0 auto;padding:12px 12px 0;display:flex}.cabecera{align-items:stretch;gap:10px;display:flex}.plata{background:linear-gradient(148deg, #fff 0%, var(--rosa-claro) 100%);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);flex-direction:column;flex:1;justify-content:center;min-width:0;padding:14px 16px 16px;display:flex}.plata .rotulo{letter-spacing:.12em;text-transform:uppercase;color:var(--rosa);margin-bottom:2px;font-size:11px;font-weight:600}.plata .cifra{font-family:var(--num);letter-spacing:-.03em;color:var(--rosa-fuerte);font-variant-numeric:tabular-nums;font-size:clamp(38px,12.5vw,54px);font-weight:700;line-height:1;transition:transform .18s}.plata .cifra.salta{transform:scale(1.07)}.plata .desglose{color:var(--tinta-2);margin-top:7px;font-size:12.5px;line-height:1.45}.retorno{border-radius:var(--radio);border:1px solid var(--linea);width:98px;box-shadow:var(--sombra);background:#2a2029;flex:none;position:relative;overflow:hidden}.retorno iframe{border:0;width:100%;height:100%;display:block}.retorno .vacio{text-align:center;color:#c9b6bf;place-items:center;padding:8px;font-size:10px;line-height:1.4;display:grid;position:absolute;inset:0}.retorno .lupa{color:var(--tinta);background:#ffffffeb;border-radius:9px;padding:2px 7px;font-size:10px;font-weight:600;position:absolute;bottom:5px;right:5px}.espejo{z-index:70;background:#140f12;position:fixed;inset:0;overflow:hidden}.espejo iframe{border:0;width:100%;height:100%;display:block}.espejo .sin-video{text-align:center;color:#c9b6bf;place-items:center;padding:30px;font-size:15px;line-height:1.6;display:grid;position:absolute;inset:0}.espejo .sin-video span{opacity:.7;font-size:13px}.espejo .velo-arriba,.espejo .velo-abajo{pointer-events:none;position:absolute;left:0;right:0}.espejo .velo-arriba{background:linear-gradient(#0a0709d1,#0a070900);height:145px;top:0}.espejo .velo-abajo{background:linear-gradient(#0a070900,#0a0709e0 62%);height:42%;bottom:0}.espejo .datos-arriba{padding:calc(18px + env(safe-area-inset-top)) 13px 0;align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.aviso-demo~.espejo .datos-arriba{padding-top:calc(32px + env(safe-area-inset-top))}.espejo .plata-chica{flex:1;min-width:0}.espejo .plata-chica .rot{letter-spacing:.14em;text-transform:uppercase;color:#ffffffa8;font-size:9.5px;font-weight:600;display:block}.espejo .plata-chica b{font-family:var(--num);color:#ffc2da;font-variant-numeric:tabular-nums;text-shadow:0 1px 10px #0000008c;font-size:30px;font-weight:700;line-height:1.05}.espejo .mini{color:#ffffffe6;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #0009;align-items:center;gap:11px;padding-top:3px;font-size:13px;font-weight:600;display:flex}.espejo .cerrar{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border-radius:50%;flex:none;width:34px;height:34px;font-size:15px;line-height:1}.espejo .datos-abajo{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:column-reverse;gap:6px;padding:0 14px;display:flex;position:absolute}.espejo .linea-chat{color:#fffffff0;text-shadow:0 1px 7px #000000bf;font-size:14.5px;line-height:1.35}.espejo .linea-chat b{color:#a8ccff;font-weight:700}.espejo .linea-venta{text-shadow:0 1px 7px #000000bf;font-size:14.5px;font-weight:600;line-height:1.35}.espejo .linea-venta.aprobada{color:#97e8bc}.espejo .linea-venta.comprobante{color:#ffc2da}.espejo .msg-encima{background:#4e7cc4f0;border-radius:14px;align-items:center;gap:10px;margin-top:6px;padding:11px 13px;display:flex;box-shadow:0 4px 16px #0006}.espejo .msg-encima .txt{color:#fff;flex:1;font-size:16px;font-weight:700;line-height:1.3}.espejo .msg-encima button{color:#29508c;background:#fffffff2;border-radius:10px;flex:none;padding:7px 13px;font-size:12.5px;font-weight:700}.metricas{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metrica{background:var(--superficie);border:1px solid var(--linea);text-align:center;border-radius:14px;padding:9px 10px}.metrica .v{font-family:var(--num);font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:1.1}.metrica .k{color:var(--suave);letter-spacing:.05em;text-transform:uppercase;margin-top:1px;font-size:10.5px}.metrica.azul .v{color:var(--azul)}.metrica.rosa .v{color:var(--rosa)}.metrica.verde .v{color:var(--verde)}.mensaje{background:var(--azul-claro);border:1px solid #c9dbf4;border-left:5px solid var(--azul);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.mensaje .cuerpo{flex:1;min-width:0}.mensaje .de{letter-spacing:.1em;text-transform:uppercase;color:var(--azul);font-size:10.5px;font-weight:700}.mensaje .texto{margin-top:3px;font-size:17px;font-weight:600;line-height:1.35}.mensaje .visto{background:var(--azul);color:#fff;border-radius:11px;flex:none;padding:8px 13px;font-size:13px;font-weight:700}.feed{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;padding-bottom:14px;display:flex;overflow-y:auto}.feed:empty:after{content:"Los comentarios aparecerán aquí";color:var(--suave);text-align:center;padding-top:28px;font-size:14px}.comentario{background:var(--superficie);border:1px solid var(--linea);border-radius:14px;padding:10px 13px}.comentario .quien{color:var(--azul);font-size:12px;font-weight:700}.comentario .que{margin-top:1px;font-size:16.5px;line-height:1.4}.venta{border:1px solid;border-radius:16px;align-items:center;gap:11px;padding:12px 14px;animation:.35s entra;display:flex}@keyframes entra{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.venta{animation:none}.plata .cifra{transition:none}}.venta .icono{flex:none;font-size:22px}.venta .quien{font-size:15.5px;font-weight:700;line-height:1.25}.venta .que{opacity:.85;margin-top:1px;font-size:13px}.venta.comprobante{background:var(--rosa-claro);color:var(--rosa-fuerte);border-color:#f6c9db}.venta.aprobada{background:var(--verde-claro);color:#1f6b4a;border-color:#bce3ce}.entrada{color:var(--suave);padding:1px 14px;font-size:13px;line-height:1.45}.entrada span{color:var(--azul);font-weight:700}.barra{padding:10px 0 calc(10px + env(safe-area-inset-bottom));gap:9px;display:flex}.boton{text-align:center;border-radius:15px;flex:1;padding:15px;font-size:16px;font-weight:700;transition:transform .12s}.boton:active{transform:scale(.98)}.boton.principal{background:var(--rosa);color:#fff;box-shadow:0 3px 12px #e0508a52}.boton.suave{background:var(--superficie);color:var(--tinta-2);border:1px solid var(--linea)}.centrado{flex-direction:column;justify-content:center;gap:16px;max-width:400px;height:100%;margin:0 auto;padding:26px;display:flex}.marca{font-family:var(--num);letter-spacing:-.03em;color:var(--rosa);font-size:40px;font-weight:700}.marca span{color:var(--azul)}.sub{color:var(--tinta-2);margin-top:-10px;font-size:15.5px}.campo{background:var(--superficie);border:1px solid var(--linea);width:100%;font-size:17px;font-family:var(--txt);color:var(--tinta);border-radius:15px;padding:15px 17px}.campo::placeholder{color:var(--suave)}.error{color:#a8372b;background:#fde8e6;border:1px solid #f6c6c0;border-radius:13px;padding:12px 14px;font-size:15px;line-height:1.4}.resumen{text-align:center}.resumen .titulo{font-family:var(--num);color:var(--rosa);font-size:30px;font-weight:700}.resumen .grande{font-family:var(--num);color:var(--rosa-fuerte);font-variant-numeric:tabular-nums;margin:6px 0;font-size:52px;font-weight:700;line-height:1.05}.resumen .linea{color:var(--tinta-2);font-size:16.5px;line-height:1.6}.aviso-demo{background:var(--azul);color:#fff;letter-spacing:.09em;text-transform:uppercase;text-align:center;z-index:80;padding:3px;font-size:11px;font-weight:700;position:fixed;top:0;left:0;right:0}.aviso-demo+.pantalla{padding-top:26px}.admin{max-width:1180px;margin:0 auto;padding:22px 20px 60px}.cabecera-admin{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.cabecera-admin .marca{font-size:30px}.pastilla{border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:700}.pastilla.viva{background:var(--verde-claro);color:var(--verde)}.pastilla.muerta{background:var(--superficie-2);color:var(--suave)}.cabecera-admin .derecha{align-items:center;gap:10px;display:flex}.salir{color:var(--suave);border:1px solid var(--linea);background:var(--superficie);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.salir:hover{color:var(--tinta);background:var(--superficie-2)}.rejilla{grid-template-columns:1.15fr 1fr;align-items:start;gap:16px;display:grid}.columna{flex-direction:column;gap:16px;min-width:0;display:flex}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px 18px 18px}.tarjeta>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.tarjeta h2{font-family:var(--num);letter-spacing:-.01em;color:var(--tinta);font-size:16px;font-weight:700}.tarjeta .contador{background:var(--rosa);color:#fff;font-family:var(--num);text-align:center;border-radius:999px;min-width:26px;padding:2px 9px;font-size:13px;font-weight:700}.vacio{color:var(--suave);font-size:14.5px;line-height:1.5}.cifras{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cifras>div{text-align:center;background:var(--superficie-2);border-radius:13px;padding:11px 6px}.cifras b{font-family:var(--num);color:var(--rosa-fuerte);font-variant-numeric:tabular-nums;word-break:break-word;font-size:21px;font-weight:700;line-height:1.15;display:block}.cifras span{color:var(--tinta-2);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.cola{flex-direction:column;gap:9px;list-style:none;display:flex}.cola li{background:var(--rosa-claro);border:1px solid #f6c9db;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.cola .quien strong{font-size:15.5px;display:block}.cola .quien span{color:var(--tinta-2);font-size:13px}.cola .acciones{gap:7px;display:flex}.cola button{border-radius:11px;padding:9px 15px;font-size:13.5px;font-weight:700}.cola .ok{background:var(--verde);color:#fff}.cola .no{background:var(--superficie);color:var(--tinta-2);border:1px solid var(--linea)}.campo-admin{background:var(--fondo);border:1px solid var(--linea);width:100%;font-family:var(--txt);color:var(--tinta);resize:vertical;border-radius:13px;padding:11px 13px;font-size:15px}.rapidos{flex-wrap:wrap;gap:6px;margin:10px 0 12px;display:flex}.rapidos button{background:var(--azul-claro);color:var(--azul);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.rapidos button:hover{background:#d6e4f7}.guardar{background:var(--rosa);color:#fff;border-radius:13px;width:100%;padding:12px;font-size:15px;font-weight:700}.guardar:disabled{background:var(--superficie-2);color:var(--suave);cursor:default}.ajustes{flex-direction:column;gap:14px;display:flex}.ajustes label{flex-direction:column;gap:5px;display:flex}.ajustes label>span{font-size:13.5px;font-weight:700}.ajustes small{color:var(--suave);font-size:12px;line-height:1.4}.ajustes input[type=number],.ajustes input[type=text],.ajustes input:not([type]){background:var(--fondo);border:1px solid var(--linea);font-family:var(--txt);color:var(--tinta);font-variant-numeric:tabular-nums;border-radius:12px;padding:10px 13px;font-size:15px}.ajustes .interruptor{cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px}.ajustes .interruptor input{width:20px;height:20px;accent-color:var(--rosa);flex:none;margin-top:2px}.ajustes .interruptor>span{flex-direction:column;gap:2px;font-size:14.5px;font-weight:700;display:flex}.ajustes .interruptor small{font-weight:400}.ajustes .nota{color:var(--tinta-2);background:var(--azul-claro);border-radius:11px;padding:9px 12px;font-size:12.5px;line-height:1.5}.gente{flex-direction:column;gap:8px;margin-bottom:12px;list-style:none;display:flex}.gente li{background:var(--fondo);border:1px solid var(--linea);border-radius:13px;padding:10px 12px}.gente .linea{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.edicion-pin{border-top:1px dashed var(--linea);flex-direction:column;gap:7px;margin-top:10px;padding-top:10px;display:flex}.edicion-pin small{color:var(--suave);text-align:center;font-size:11.5px}.edicion-pin .guardar{padding:10px;font-size:14px}.gente li.inactiva{opacity:.55}.gente .quien strong{font-size:15px;display:block}.gente .quien span{color:var(--suave);font-size:12.5px}.gente .quien em{color:var(--azul);font-style:normal;font-weight:700}.gente .acciones{gap:6px;display:flex}.gente button{background:var(--superficie);color:var(--tinta-2);border:1px solid var(--linea);border-radius:10px;padding:7px 11px;font-size:12.5px;font-weight:600}.gente button:hover{background:var(--superficie-2)}.alta{flex-direction:column;gap:8px;display:flex}.alta .fila-pin{gap:8px;display:flex}.alta .fila-pin .campo-admin{font-variant-numeric:tabular-nums;letter-spacing:.14em;flex:1}.alta .fila-pin button,.alta .acciones .no{background:var(--azul-claro);color:var(--azul);white-space:nowrap;border-radius:12px;padding:10px 15px;font-size:13.5px;font-weight:700}.alta .acciones{gap:8px;display:flex}.alta .acciones .guardar{flex:1}.error.chico{margin-bottom:10px;padding:9px 12px;font-size:13.5px}.pin-nuevo{background:var(--verde-claro);text-align:center;border:1px solid #bce3ce;border-radius:15px;margin-bottom:13px;padding:15px 16px}.pin-nuevo .cabeza{color:var(--verde);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.pin-nuevo .pin{font-family:var(--num);letter-spacing:.13em;color:#1f6b4a;font-variant-numeric:tabular-nums;margin:4px 0 6px;font-size:38px;font-weight:700}.pin-nuevo p{color:var(--tinta-2);margin-bottom:11px;font-size:12.5px;line-height:1.45}.pin-nuevo .acciones{justify-content:center;gap:8px;display:flex}.pin-nuevo button{border-radius:11px;padding:9px 16px;font-size:13.5px;font-weight:700}.pin-nuevo .ok{background:var(--verde);color:#fff}.pin-nuevo .no{background:var(--superficie);color:var(--tinta-2);border:1px solid var(--linea)}.tabla-scroll{overflow-x:auto}.admin table{border-collapse:collapse;width:100%;font-size:14px}.admin th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--suave);white-space:nowrap;padding:0 10px 7px 0;font-size:10.5px;font-weight:600}.admin td{border-top:1px solid var(--linea);white-space:nowrap;padding:9px 10px 9px 0}.admin td.num{font-variant-numeric:tabular-nums}.admin td.fuerte{color:var(--rosa-fuerte);font-weight:700}@media (width<=860px){.rejilla{grid-template-columns:1fr}.cifras{grid-template-columns:repeat(2,1fr)}}