.top-bar{
    position: relative;
    border: none;
    
}
.container-correcto{
    padding: 50px 200px 50px;
    flex: 1;
}
.container-elementos{
    gap: 20px;
}
.compra-exitosa-letras{
    color: #515151;
    text-align: center;
    font-size: 80px;
}
.texto-expl{
    text-align: center;
    color: #515151;
    font-size: 22px;
}
.recibo{
    font-size: 22px;
}
.recibo-text{
    color: #e74f1d;
}
.codigo{
    color: #9e9e9e;
}

@media (max-width: 884px) {
    .container-correcto {
        padding: 20px 20px 40px;
    }

    .container-elementos {
        gap: 15px;
        flex-direction: column;
        align-items: center;
    }

    .compra-exitosa-letras {
        font-size: 68px;
    }

    .texto-expl {
        font-size: 18px;
    }

    .recibo {
        font-size: 18px;
    }

    .footer {
        margin-bottom: 0;
    }
}

@media(max-width: 400px){
    .compra-exitosa-letras{
        font-size: 48px;
    }
}