:root {
    --primary-color: #EB661C;
    --second-color: #161616;
}

body {
    background-color: var(--second-color);
    font-family: 'Gobold ORig', sans-serif;
    src: url('./src/fonts/GoboldOrig.ttf') format('truetype');
    color: white;
    font-weight: bold;
}

.qr-reader {
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    /* Mantiene forma cuadrada */
    margin: auto;
}

.text {
    background-color: var(--primary-color);
    max-width: 100%;
    height: 50px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.navbar-image {
  
  margin: 0 auto !important;
  width: 20% ;
  height: auto !important;
}
.btn-successs{
    background-color: var(--primary-color) !important;
    color: white !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .qr-reader {
        max-width: 320px;
    }

}

@media (max-width: 768px) {
    .logo {
        width: 30%;
    }
    .navbar-image{
        width: 45% !important;
    }
}