/* Acabado de las tarjetas de resumen en Cobrar, Balance y Corte de caja. */
@media screen{
  #app .stats>.stat{
    border-color:#b9974d;
    background-image:linear-gradient(126deg,#fffdf8d9 0%,#fff4 32%,#ffffffd9 33%,#ffffff78 46%,transparent 47%),radial-gradient(ellipse at 8% 0%,#fff1c58c,transparent 48%),linear-gradient(145deg,#fffafc,#f2d9e4);
    box-shadow:inset 0 1px 2px #fffef3,inset 0 -1px 2px #caa85c77,0 0 0 1px #fff3c3,0 0 10px #ffe39c99,0 0 23px #e4b95666,0 5px 15px #8e671d24;
    isolation:isolate;
    overflow:visible;
  }
  #app .stats>.stat:before{
    content:'';position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:inherit;pointer-events:none;z-index:0;
    background:radial-gradient(circle at 9% 10%,#fffaf1 0 1px,transparent 1.8px),radial-gradient(circle at 24% 2%,#ffdf8d 0 1px,transparent 1.8px),radial-gradient(circle at 72% 4%,#fffaf1 0 1px,transparent 1.8px),radial-gradient(circle at 96% 22%,#ffdf8d 0 1px,transparent 1.8px),radial-gradient(circle at 4% 78%,#fffaf1 0 1px,transparent 1.8px),radial-gradient(circle at 84% 98%,#fffaf1 0 1px,transparent 1.8px),linear-gradient(105deg,transparent 12%,#fffce0 36%,transparent 57%) top/100% 2px no-repeat,linear-gradient(105deg,transparent 35%,#fff2bdf0 70%,transparent 92%) bottom/100% 2px no-repeat;
    box-shadow:inset 0 0 15px #e2c27630;
  }
  #app .stats>.stat:after{
    content:'';position:absolute;top:-13px;right:16px;width:27px;height:27px;padding:0;border:0;border-radius:0;pointer-events:none;z-index:1;
    background:radial-gradient(circle,#fffdf0 0 8%,#f9e8b3 9% 15%,transparent 40%),linear-gradient(90deg,transparent 43%,#fff1bf 49% 51%,transparent 57%),linear-gradient(0deg,transparent 43%,#fff1bf 49% 51%,transparent 57%);
    filter:drop-shadow(0 0 3px #fff3ba) drop-shadow(0 0 7px #e2bb63c0);
  }
  #app .stats>.stat:nth-child(2):after{right:6px;top:auto;bottom:-12px;width:25px;height:25px}
  #app .stats>.stat:nth-child(3):after{right:24px;width:23px;height:23px;top:-11px}
  #app .stats>.stat:nth-child(4){
    background-image:linear-gradient(126deg,transparent 0 42%,#ffffff38 42.3% 55%,#ffffff12 55.3% 64%,transparent 64.3%),radial-gradient(ellipse at 0% 0%,#b5994c30,transparent 55%),linear-gradient(140deg,#3a3034,#242124 72%);
    border-color:#c0a363;
    box-shadow:inset 0 1px 2px #fff4bd,inset 0 -1px 2px #d5b36999,0 0 0 1px #f3d998,0 0 12px #ffe39c99,0 0 24px #e4b95666,0 5px 16px #8e681f30;
  }
  #app .stats>.stat:nth-child(4):after{right:13px;top:auto;bottom:-14px;width:29px;height:29px}
  #app .stats>.stat>label,#app .stats>.stat>strong,#app .stats>.stat>small{position:relative;z-index:1}
}
@media screen and (max-width:700px){#app .stats>.stat:after{right:14px;top:-10px;width:21px;height:21px}#app .stats>.stat:nth-child(4):after{width:24px;height:24px;bottom:-12px}}