#ticket_venta {
    display: none; /* Ocultamos el ticket inicialmente */
    width: 300px; /* Ancho típico de un ticket */
    font-family: 'Courier New', Courier, monospace; /* Fuente monoespaciada */
    border: 1px solid #000; /* Opcional: borde para el ticket */
    padding: 10px; /* Espaciado interno */
}

.ticket-system {
  max-width: 385px;
  .top {
    display: flex;
    align-items: center;
    flex-direction: column;
    .printer {
      width: 90%;
      height: 20px;
      border: 5px solid #fff;
      border-radius: 10px;
      box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
    }
  }

  .receipts-wrapper {
    overflow: hidden;
    margin-top: -10px;
  }

  .receipts {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;

    .receipt {
      min-height: 100px;
      background-color: #fff;
      border-radius: 10px 10px 20px 20px;
      box-shadow: 1px 3px 8px 3px rgba(0, 0, 0, 0.2);

      &.qr-code {
        min-height: unset;
        position: relative;
        border-radius: 20px 20px 10px 10px;
      }

      &.qr-code::before {
          content: '';
          background: linear-gradient(to right, #fff 50%, #212529 50%);
          background-size: 15px 4px, 100% 4px;
          height: 2px;
          width: 90%;
          display: block;
          left: 0;
          right: 0;
          top: -1px;
          position: absolute;
          margin: auto;
        }
    }
  }
}