/* Estilos específicos para el scanner */

    .scanner-container {
      text-align: center;
      padding: 20px;
    }
    
    .scanner-preview {
      width: 100%;
      max-width: 400px;
      height: 300px;
      margin: 20px auto;
      border: 3px solid #203864;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    }
    
    .scanner-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(32, 56, 100, 0.1) 2px,
        rgba(32, 56, 100, 0.1) 4px
      );
    }
    
    .scanner-laser {
      position: absolute;
      top: 0;
      left: 20%;
      width: 60%;
      height: 2px;
      background-color: #ff3b30;
      box-shadow: 0 0 10px #ff3b30;
      animation: scan 2s infinite linear;
    }
    
    @keyframes scan {
      0% { top: 0; }
      100% { top: 100%; }
    }