/* =====================================================
   Salão Mais - Conectar WhatsApp
===================================================== */

body{

    background:#f5f6fa;

    font-family:
        "Segoe UI",
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;

    min-height:100vh;

}


.logo{

    max-width:180px;

}


.card{

    border-radius:20px;

}


.card-body{

    border-radius:20px;

}


#qrImage{

    max-width:320px;

    width:100%;

    background:white;

}


.spinner-border{

    width:3rem;

    height:3rem;

}


.alert{

    border-radius:14px;

}


.display-1{

    font-size:5rem;

}


#loading,
#successSection,
#errorSection,
#qrSection{

    transition:.3s;

}


footer{

    margin-top:30px;

    margin-bottom:20px;

    color:#777;

    font-size:.9rem;

    text-align:center;

}
.loading-text{

    animation:fade 1.5s infinite;

}

@keyframes fade{

0%{

opacity:.3;

}

50%{

opacity:1;

}

100%{

opacity:.3;

}

}


/* =======================================
   Mobile
======================================= */

@media(max-width:768px){

.card{

    margin-top:20px;

}

.card-body{

    padding:25px;

}

.logo{

    max-width:150px;

}

.display-1{

    font-size:4rem;

}

}