.container-home{display:flex;flex-direction:column;height:98vh;justify-content:space-between;margin:0 auto;text-align:center}.img-logo{border-radius:47%;margin-top:30px}.container-logo-button{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:space-evenly}.barbeiro{background-color:#161347;border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;text-decoration:none;transition:border-color .25s}.barbeiro:hover{border-color:#646cff}.footer{align-items:center;bottom:10px;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;width:100%}.link-site{color:#fff}@media screen and (max-width : 600px){.container-home{height:90vh;margin:30px 0}}.menu-hamburguer{border:none;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:1.8rem;justify-content:space-around;padding:0;position:fixed;right:1rem;width:1.8rem;z-index:10}.menu{background:linear-gradient(to bottom,rgb(4,53,133),rgb(12,100,158),rgb(3,31,77));display:flex;flex-direction:column;height:100vh;justify-content:space-around;left:0;padding:2rem;position:fixed;text-align:left;top:0;transform:translate(-100%);transition:transform .3s ease-in-out;width:300px;z-index:9}.menu.active{transform:translate(0)}.menu a{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.5rem;padding:2rem 0;text-decoration:none;text-transform:uppercase;transition:color .3s linear}.menu a:hover{color:#080268}.container-agendamentos{align-items:center;display:flex;flex-direction:column;font-size:18px;height:98vh;margin:0 auto;overflow-y:auto;padding-top:env(safe-area-inset-top);scroll-behavior:smooth;text-align:center}.section-mensagem{align-items:center;background:#290e33;border-radius:23px;display:flex;flex-wrap:wrap;justify-content:center;margin:15px 0;padding:3px;width:310px}.msg-top{margin-top:60px}.section-name{background:#161347;border-radius:23px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;width:275px}.section-mensagem-usuario{align-items:flex-end;display:flex;flex-direction:column;width:310px}.msg-selected{align-items:start;display:flex;padding:20px 0}.services-selected{line-height:0;margin:12px}.msg-bottom{margin-bottom:70px}.button-meus-agendamentos-contain{align-items:end;display:flex;justify-content:space-between;position:fixed;top:20px;width:85%}input{color:#f5f5f6}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.button-meus-agendamentos-header:hover{background-color:#bdb0c9;cursor:pointer}@media screen and (max-width : 600px){.container-agendamentos{height:90vh}}.container-reference{display:flex;justify-content:space-around;margin-bottom:-15px;width:300px}.container-services{align-items:start;display:flex;flex-direction:column;margin-left:15px;width:300px}.label-services{font-size:1.2rem;font-weight:700;margin-bottom:-25px}.input-services{border:1px solid #ccc;border-radius:5px;margin:0 8px}.pigmentacao{margin-left:-32px}.date-container{display:flex;overflow:auto;scroll-snap-type:x mandatory;width:300px}.dateInfor-container{background:#aa5e28;border:1px solid #e0e0e0;border-radius:12px;color:#030303;display:flex;flex-direction:column;height:68px;margin:5px;min-width:75px;scroll-snap-align:start}.selected-date{background:#5b5d74;border:1px solid #e0e0e0;border-radius:12px;color:#eeecec;display:flex;flex-direction:column;height:68px;margin:5px;min-width:75px;scroll-snap-align:start}.rool{display:flex;flex-direction:column;font-size:18px;height:100%;justify-content:space-around;object-fit:cover;width:100%}.hours-contain{align-items:center;display:flex;flex-direction:column;justify-content:center}.hours{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:280px}.button-time{align-items:center;background:#483d56;border-radius:12px;color:#fff;display:flex;font-size:18px;height:30px;justify-content:center;margin:5px;padding:9px 15px;width:80px}.hours-selected{align-items:center;background:#c07239;border-radius:12px;color:#fff;display:flex;font-size:18px;height:30px;justify-content:center;margin:5px;padding:9px 15px;width:80px}.form-button{align-items:center;display:flex;flex-direction:column;margin-bottom:50px;width:90%}.button-meus-agendamentos{background-color:#847d87;border-radius:10px;color:#f0efef;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;height:50px;margin:8px;max-width:340px;text-align:center;width:100%}.button-meus-agendamentos:hover{background-color:#5b5d74}.rodape{align-items:center;bottom:10px;display:flex;flex-direction:column;justify-content:center;left:0;right:0;width:100%}.input-usuario{background:#161347;border:solid 2px #161347;border-radius:15px;flex-grow:1;font-size:20px;height:35px;padding:5px 0;width:286px}.button-usuario{background:#5b5d74;border:none;border-radius:15px;cursor:pointer;font-size:18px;height:45px;margin:12px;padding:5px;width:286px}.button-fixed{bottom:8px;position:fixed}.input-usuario:focus{border:#7ea8df solid 2px;outline:none}.custom-button{background-color:transparent;border:none}.button-image{height:auto;width:100%}.agendamentos-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.agendamento-card{background-color:#736b76;border-radius:10px;display:flex;flex-direction:column;margin:10px;padding:10px;width:290px}.header-card{display:flex;justify-content:space-around}.cancelar{background-color:#c72e2e;border-radius:10px;color:#fff;font-size:14px;font-weight:700;height:30px}.footer-card{display:flex;justify-content:space-between;line-height:0;margin:0 3px}.money{color:#000;font-weight:500;margin:22px 3px 0}.atention{align-items:center;background-color:#bcb7b7;border-radius:15px;color:#000;display:flex;font-weight:500;justify-content:center;margin-top:15px;width:300px}.atencion-contain{align-items:center;display:flex;justify-content:center;width:100%}.cancelar-card{align-items:center;background-color:#cad1d4;border-radius:10px;bottom:10px;color:#000;display:flex;flex-direction:column;justify-content:center;left:0;margin:0 auto;max-width:500px;position:fixed;right:0;text-align:center}.button-nao{background-color:#b0afb1;border-radius:10px;color:#fff;font-size:14px;font-weight:700;height:30px;margin:10px;width:100px}.button-sim{background-color:#d98911;border-radius:10px;color:#fff;font-size:14px;font-weight:700;height:30px;margin:10px;width:100px}.login-container{align-items:center;display:flex;flex-direction:column;height:98vh}.custom-button-login{background-color:transparent;border:none;left:10px;position:absolute;top:20px}.custom-button-login:hover{cursor:pointer}.img-logo-login{border-radius:45%;box-shadow:none}.form-login{align-items:center;border-radius:5px;box-shadow:0 -5px 10px -7px #35bcc566,0 10px 5px -8px #35bcc566;display:flex;flex-direction:column;height:40vh;justify-content:space-evenly;margin-top:20px;max-width:400px;position:relative;width:95%}.title-login{color:#fff;font-size:1.8em;font-weight:700;margin-top:-10px}.input-group{color:#000;margin-bottom:20px;position:relative}.input-text{background-color:#ccc;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;color:#000;font-size:14px;padding:10px;transition:border-color .3s;width:250px}.input-text:focus{border-color:#66afe9;box-shadow:inset 0 1px 3px #20698dc4,0 0 8px #38a4fc99;outline:none}.button-toggle-password{background:transparent;border:none;color:#19191a;cursor:pointer;height:30px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.button-login{background:#5b5d74;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .3s;width:275px}.message-container{display:flex;height:auto;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:17%;transition:all .3s ease-in-out;visibility:hidden}.mensagem-erro{color:red;font-size:1.1rem;opacity:0;overflow:hidden;transition:opacity .3s ease-in-out}.mensagem-erro.active{opacity:1;visibility:visible}.input-group,.button-login{margin-top:2vh}@media screen and (max-height : 690px){.login-container{height:100vh}.img-logo-login{margin:0;width:290px}}.loading-container{align-items:center;display:flex;justify-content:center;margin-top:8%}.loading-spinner{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-container{display:flex;height:100vh}.menu-hamburguer{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-around;position:fixed;right:20px;top:20px;width:30px;z-index:1001}.bar{background-color:#f7f7f7;height:3px;transition:all 1s ease;width:100%}.menu-hamburguer.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,-5px);transform-origin:35% -50%}.menu-hamburguer.open .bar:nth-child(2){opacity:0;transform:translate(20px)}.menu-hamburguer.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,5px);transform-origin:-13% 5%}.sidebar{background:linear-gradient(to bottom,rgb(0,20,53),rgb(4,53,133),rgb(0,36,59));bottom:0;left:-250px;padding-top:60px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:1000}.sidebar.active{left:0}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul li{border-radius:20px;cursor:pointer;font-weight:700;letter-spacing:1.5px;margin-top:10px;padding:10px 20px;text-align:center;transition:background .3s ease}.sidebar ul li:hover,.sidebar ul li.active{box-shadow:inset 0 0 20px 8px #2c9fa7de;color:#fff;text-decoration:none}.content{flex-grow:1;padding:20px;transition:margin-left .3s ease}@media screen and (max-width : 768px){.sidebar{left:-200px;width:200px}.content{margin-left:0}.sidebar.active{left:0}.menu-hamburguer.open .bar:nth-child(1){transform:rotate(45deg) translate(3px,4px);transform-origin:60% 3%}.menu-hamburguer.open .bar:nth-child(2){opacity:0;transform:translate(20px)}.menu-hamburguer.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-4px);transform-origin:20% 3%}}.button-chart-contain{display:flex;justify-content:center}.chart-section{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;width:100%}.title{font-size:25px;letter-spacing:1.5px;margin-bottom:20px;text-align:center}.button-chart,.button-filter{background-color:#03234e;border:none;border-radius:5px;box-shadow:inset 5px 5px 7px 5px #2c61a7;color:#fff;cursor:pointer;font-size:16px;margin:5px 5px 40px;padding:5px 10px;text-align:center;text-decoration:none}.button-filter{margin-bottom:5px}.actived{box-shadow:inset 5px 5px 10px 5px #2ca788de;color:#fff;text-decoration:none}.chart-container{box-shadow:0 -5px 15px -7px #35bcc566,0 15px 5px -8px #35bcc566;height:35vh;margin:0 auto 30px;max-width:600px;position:relative;width:100%}.barber-schedule{border-radius:12px;box-shadow:inset 5px 5px 35px 5px #043980}.title-contain{margin:50px auto 0;max-width:600px}.calendar-header{background:rgba(33,101,202,.5);border-bottom:1px solid #ddd;color:#fff;display:grid;grid-template-columns:repeat(7,1fr);padding:5px;text-align:center}.calendar{border:1px solid #ddd;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);max-width:350px}.calendar-day{align-items:center;background:rgba(0,2,92,.575);border:1px solid #ddd;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;transition:background-color .3s ease}.calendar-day.selected{background-color:#3db2e080}.calendar-day.off-day{background-color:#44970ca1}.calendar-header div{border-right:1px solid #ddd;font-weight:600;padding:5px}.calendar-header div:last-child{border-right:none}.day-on{background:rgba(0,2,92,.575)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-navigation{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:10px;width:100%}.calendar-navigation span{font-weight:700}.button-calendar{background-color:#03234e;border:none;border-radius:5px;box-shadow:inset 5px 5px 18px 5px #2c61a7;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:7px 10px;text-align:center;text-decoration:none}.actived{box-shadow:inset 5px 5px 20px 5px #2ca788de;color:#fff;text-decoration:none}.text{font-size:17px;font-weight:600;text-align:center}.button-options{display:flex;justify-content:center}.option-one{height:50px;margin-bottom:20px;margin-top:-24px;max-width:600px;position:sticky;width:250px}.paragraph{color:#f5f5f5;font-size:18px;font-weight:600;letter-spacing:1.5px}.off-day-contain{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px}.off-day-selection{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.current-day{background-color:#2f00ffd5}.button-typed-off-day{width:160px}.calendar-legend{display:flex;justify-content:center;margin:0 auto;max-width:600px}.legend-description{border-radius:5px;margin:5px 10px;padding:2px 3px;text-align:center}.folga{background-color:#44970ca1}.selected{background-color:#3db2e080}.atual{background-color:#2f00ffd5}.button-OffDay{display:flex;flex-direction:column}.confirm-off-days{height:50px;margin-top:10px;max-width:600px}.button-confirm-off-day{background-color:#4e030d;border:none;border-radius:5px;box-shadow:inset 5px 5px 7px 5px #a74f2c;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:5px 5px 40px;padding:8px 10px;text-align:center;text-decoration:none}.cancel-option{text-align:center}.loadin-contain{margin-top:-60px}@media screen and (min-width : 599px){.button-OffDay{display:flex;flex-direction:row}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeButton1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeButton2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeButton3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 2s ease forwards}.fade-button1{animation:fadeIn 1.5s ease forwards}.fade-button2{animation:fadeIn 1.8s ease forwards}.fade-button3{animation:fadeIn 2s ease forwards}.sevice-mensage{background-color:#0020498c;box-shadow:inset 5px 5px 25px 5px #043980;letter-spacing:.8px;padding-right:8px;width:100%}.agendamento-contain{margin:0 auto;max-width:600px}.button-enviar{margin-top:-60px}.client-contain{align-items:center;display:flex;flex-direction:column;justify-content:center}.service-selected{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:360px;width:100%}.button-back{background-color:transparent;border:none}.top-agendamentos{display:flex;justify-content:space-between}.paragraph-contain{width:250px}@media screen and (min-width : 590px){.paragraph-contain{width:500px}}.container-card{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:700px}.card-contain{border-radius:10px;box-shadow:2px 0 15px 2px #2a98ff33;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin:10px;padding:5px;transition:all .3s ease-in-out;width:300px}.paragraph-card{font-size:18px;font-weight:400;margin:0;padding:2px}.button-card{margin:15px 0 0}.title-card{text-align:center}.div-card{display:flex;flex-direction:column;justify-content:center;margin:0 auto}@media screen and (min-width : 600px){.div-card{display:flex;flex-direction:row;flex-wrap:wrap;width:600px}.card-contain{padding:5px;width:270px}}.edit-name{box-shadow:1px 1px 10px 1px #03234e;display:flex;flex-direction:column;height:160px;justify-content:space-between;margin:25px 0;max-width:510px;padding:20px;width:80%}.input-contain{align-items:center;display:flex;flex-direction:column;width:100%}.input-service{background-color:#072347;border:none;border-radius:5px;font-size:16px;height:20px;margin:10px 0;padding:8px 10px;width:240px}.button-edit-service{background-color:#03234e;border:none;border-radius:5px;box-shadow:inset 5px 5px 18px 5px #2c61a7;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:8px 10px;text-align:center;text-decoration:none;width:260px}.error-message{bottom:100%;color:red;font-size:18px;left:50%;margin-bottom:-10px;padding:0;position:absolute;text-align:center;transform:translate(-50%);width:100%}.service-contain{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.title-service{margin-top:20px;width:80%}.button-service{background-color:#03234e;border:none;border-radius:5px;box-shadow:inset 5px 5px 18px 5px #2c61a7;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:7px 10px;text-align:center;text-decoration:none;width:250px}.button-contain-service{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.service-card{box-shadow:1px 1px 10px 1px #03234e;display:flex;flex-direction:column;justify-content:center;margin:25px 0;max-width:510px;padding:20px;width:80%}.text-service{display:flex;flex-direction:column;width:90%}.service-edit{display:flex;justify-content:space-between}.button-close{background-color:#920013;border:none;border-radius:5px;box-shadow:inset 5px 5px 7px 5px #be3e2d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:30px;padding:8px 10px;text-align:center;text-decoration:none}.button-edit{background-color:#03234e;border:none;border-radius:5px;box-shadow:inset 5px 5px 18px 5px #2c61a7;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:30px;padding:8px 10px;text-align:center;text-decoration:none}.button-close:hover,.button-service:hover,.button-edit:hover{transform:scale(1.1)}.editor-contain{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;width:100%}.button-cancel{background-color:#920013;border:none;border-radius:5px;box-shadow:inset 5px 5px 7px 5px #be3e2d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:5px;padding:8px 10px;text-align:center;text-decoration:none;width:250px}.confirm-edit-card{align-items:center;background-color:#cad1d4;border-radius:10px 10px 0 0;bottom:0;color:#000;display:flex;flex-direction:column;justify-content:center;left:0;margin:0 auto;max-height:500px;max-width:525px;padding:0 10px;position:fixed;right:0;text-align:center}.confirm-contain{align-items:center;background-color:#a1a1a193;border-radius:15px;box-shadow:1px 1px 10px 1px #03234e;display:flex;flex-direction:column;padding:10px;width:85%}.text-margin{display:flex;flex-direction:column;margin:2px;width:90%}.mensage{align-items:center;border-radius:10px;color:#e20000;display:flex;flex-direction:column;font-size:18px;font-weight:600;justify-content:center;margin:20px auto 0;max-width:500px;text-align:center;width:90%}@media screen and (min-width : 600px){.button-contain-service{flex-flow:row wrap;width:610px}}:root{background-color:#08071c;color:#f3f3f3;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizelegibility;text-size-adjust:100%}