::root{
    --agendei-gray: #8d7aac;
    --agendei-pink: #cb898f;
    --agendei-red: #d87571;
}


@media (max-width: 800px){
    span.controle-login-msg-contato {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        line-height: 4rem;
        font-weight: bold;
        color: #7e629e;
        text-align: center;
    }

    .height-wa{
        height: 100%;
    }

    .cabecalho-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0%;
        width: 100%;
        height: 100%;
    }

    .cabecalho-nav-menu {
        display: none;
    }

    .cabecalho-nav-titulo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3% 0%;
    }





    main > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* gap: 4%; */
        
        /* padding: 10% 0%; */
        box-sizing: border-box;
    }



    .faixa-agendamento-div, .faixa-modulos-div {
        /* flex-direction: column; */
        /* align-items: center; */
    }

    header {
        /* position: fixed; */
        /* flex: 0 0 10%; */
        width: 100%;
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 40%);
        background: #FFF;
    }



    .formulario-login-controles, .login {
        width: 100%;
        /* margin: auto; */
        height: 60%;
    }

    main > div {
        /* padding: 5% 0%; */
    }

    .faixa-agendamento img {
        /* width: 15rem; */
    }


    .faixa-inicial-label-bloco {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    span.faixa-inicial-label-txt {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    h2 {
        text-align: center;
        font-size: 3rem;
        margin-bottom: 2rem;
        font-weight: bold;
        color: #8165a2;
    }



    main {
        /* flex: 0 0 90%; */
        /* display: flex; */
        /* flex-direction: column; */
        /* margin-top: 10.5rem; */
        width: 100%;
        height: 100%;
    }



    .faixa-agendamento-div div:nth-child(2) {
        /* justify-content: flex-start; */
    }



    .faixa-inicial > div {
        /* flex: 0 0 50%; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: center; */
    }

    body {
        display: flex;
        flex-direction: column;
        background: rgb(248, 246, 247);
        width: 100%;
        height: 100%;
    }

    html {
        font-size: 10px;
        height: 100%;
    }

    .cabecalho-nav-titulo img {
        width: 13rem;
    }

    main > div:nth-child(odd) {
        background: #FFF;
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 40%);
    }

    main > div > div {
        width: 75%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .formulario-login-controles > div {
        width: 100%;
        display: flex;
        margin-bottom: 1.4rem;
    }





    .formulario-login-controles, .login {/* flex: 1 1 50%; */border-radius: 15px;padding: 8% 5%;box-sizing: border-box;display: flex;flex-direction: column;background: #FFF;box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 18%);align-items: center;justify-content: space-evenly;}

    .controle-login {position: relative;width: 100%;height: 5.2rem;background: #E5E5E5;border-radius: 15px;display: flex;}

    .controle-login-icon {/* position: relative; */width: 4rem;background: #8165a2;border-radius: 15px 0px 0px 15px;display: flex;align-items: center;justify-content: center;color: #FFF;}

    .formulario-login-controles input {border: none;background: none;width: 80%;padding: 1em;}

    .formulario-login-controles input::placeholder {
        color: black;
        font-size: .8em;
        font-weight: bold;
    }

    .formulario-login-controles input:focus-visible {outline: none !important;}

    main img {
        width: 22rem;
    }

    main > div > div > div {
        /* flex: 0 0 50%; */
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    main > div:nth-child(odd) > div > div:nth-child(1) {
        /* flex: 1 1 40% !important; */
    }

    main > div:nth-child(even) > div > div:nth-child(2) {
        flex: 1 1 50% !important;
        align-items: center;
        justify-content: flex-start;
    }

    p {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    main > div > div > div:nth-child(1) {
        flex: 1 1 50% !important;
    }

    main > div > div > div:nth-child(2) {
        flex: 1 1 50% !important;
        align-items: center;
        justify-content: flex-start;
    }

    main > div:nth-child(even) > div > div:nth-child(1) img {
        /* width: 30rem; */
    }

    .faixa-agendamento-img img,  .faixa-estoque-img img {
        width: 30rem;
    }

    .faixa-inicial-label-bloco {
        flex: 1 1 40% !important;
    }

    .faixa-inicial-label-txt {
        flex: 1 1 60% !important;
    }

    main > div:nth-child(1) {
        background: none;
        box-shadow: none;
    }

    .controle-login-buttom, .controle-cadastro-buttom, .controle-cadastro-buttom-btn-register {height: 5rem;background: #8165a2;border-radius: 15px;color: #FFF;display: flex;align-items: center;justify-content: center;gap: 2%;}

    .controle-login-buttom:hover, .controle-cadastro-buttom:hover, .controle-cadastro-buttom-btn-register:hover, .faixa-modulos-div-opcao-footer-btn:hover {cursor: pointer;background: #5b4574;}

    .controle-login-buttom:active, .controle-cadastro-buttom:active, .controle-cadastro-buttom-btn-register:active {transform: scale(.99);}

    span.controle-login-buttom-btn {font-size: 2rem;}

    span.controle-cadastro-buttom-btn {font-size: 1.4rem;}

    button.controle-login-buttom-btn, .controle-cadastro-buttom-btn {border: none;background: none;font-size: 1.4rem;color: #FFF;}

    span.formulario-login-div-txt {
        height: 10%;
        font-size: 2.9rem;
        font-weight: bold;
        line-height: 3.5rem;
        color: #8165a2;
    }

    h3 {
        font-size: 2.5rem;
    }

    span.formulario-login-div-txt quote {
        color: #000;
        font-size: 2.1rem;
    }

    .controle-esqueceu-buttom {display: flex;align-items: center;justify-content: end;}

    span.controle-esqueceu-buttom-btn {font-size: 1.4rem;/* font-weight: bold; */color: #000000;padding-right: .8rem;}

    span.controle-esqueceu-buttom-btn:hover {cursor: pointer;color: #9e9e9e;}

    .faixa-site h1 {
        font-size: 6rem;
        font-weight: bold;
        color: #8c65a6;
    }


    .faixa-site-img {
        display: flex;
        flex-direction: column;
        justify-content: center !important;
    }

    .faixa-site-img h3 {
        font-size: 5rem;
        font-weight: bold;
        color: #ffaa24;
    }


    .faixa-site-label h2 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #000;
        font-size: 2.2rem;
        gap: 3%;
        width: 100%;
    }

    .faixa-site-img h2 {
        color: #000;
    }


    .faixa-modulos-div-opcao {
        display: flex;
        flex: 1 1 35%;
        background: #FFF;
        /* height: 60%; */
        border-radius: 15px;
        box-shadow: 0px 0px 20px -4px rgb(0 0 0 / 40%);
        flex-direction: column;
        align-items: baseline !important;
        padding: 5%;
        justify-content: space-evenly !important;
        width: 100%;
        box-sizing: border-box;
    }

    .faixa-modulos-div {
        /* padding: 0 12.5%; */
        gap: 2%;
        /* justify-content: space-evenly !important; */
    }

    .faixa-modulos-div-opcao-header {
        /* flex: 1 1 10%; */
        width: 100%;
    }

    .faixa-modulos-div-opcao-body {
        /* flex: 1 1 80%; */
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .faixa-modulos-div-opcao-footer {
        /* flex: 1 1 10%; */
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .faixa-modulos-div-opcao-header h5 {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .faixa-modulos-div-opcao-body span {
        display: flex;
        font-size: 1.5rem;
        padding: 2% 2%;
        gap: 1%;
    }

    .faixa-modulos-div-opcao-footer span {
        background: #9f8eb9;
        width: 100%;
        padding: 3%;
        text-align: center;
        border-radius: 15px;
        color: #FFF;
        font-size: 1.5rem;
        font-weight: bold;
    }


    .faixa-modulos-div-opcao-header quote {
        display: inline;
        font-size: 1.2rem;
        background: #03a9f4;
        color: #FFF;
        padding: 1%;
    }


    .faixa-modulos {
        padding: 10% 0%;
        /* margin-bottom: 20px; */
    }

    a {
        text-decoration: none;
        color: #FFF;
        width: 100%;
    }


    .faixa-site-label-titulo {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        justify-content: space-evenly;
        width: 100%;
        height: 100%;
    }

    .faixa-modulos-div-opcao div {
        /* padding: 5% 0%; */
        box-sizing: border-box;
    }




    .formulario-login-div {
        justify-content: space-evenly !important;
    }

}