#recibo-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 100px;
  }

#recibo {
  background: white;
  padding: 20px;
  width: 360px; /* Aumentado de 300px a 360px */
  font-family: 'Courier New', monospace;
  font-size: 13px; /* Puedes reducir más si quieres más clásico */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  margin: auto;
  position: relative;
  clip-path: polygon(
    0% 5px, 10% 0px, 20% 5px, 30% 0px, 40% 5px, 50% 0px,
    60% 5px, 70% 0px, 80% 5px, 90% 0px, 100% 5px,
    100% 95%, 90% 100%, 80% 95%, 70% 100%, 60% 95%,
    50% 100%, 40% 95%, 30% 100%, 20% 95%, 10% 100%, 0% 95%
  );
  border: 2px dashed #999;
  text-align: left;
}

#recibo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

#recibo-header img {
  width: 100px;   /* ajusta ancho */
    height: auto; 
}



/* Simular "corte de recibo" con círculos en los laterales */
#recibo::before,
#recibo::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: #f5f5f5; /* color del fondo para simular recorte */
  border-radius: 50%;
  left: -10px;
}

#recibo::after {
  top: auto;
  bottom: 10px;
}

#recibo::before {
  top: 10px;
}
body {
  background-color: #f8f9fa;
}