@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.fira-sans-thin{font-family:Fira Sans,sans-serif;font-weight:100;font-style:normal}.fira-sans-extralight{font-family:Fira Sans,sans-serif;font-weight:200;font-style:normal}.fira-sans-light{font-family:Fira Sans,sans-serif;font-weight:300;font-style:normal}.fira-sans-regular{font-family:Fira Sans,sans-serif;font-weight:400;font-style:normal}.fira-sans-medium{font-family:Fira Sans,sans-serif;font-weight:500;font-style:normal}.fira-sans-semibold{font-family:Fira Sans,sans-serif;font-weight:600;font-style:normal}.fira-sans-bold{font-family:Fira Sans,sans-serif;font-weight:700;font-style:normal}.fira-sans-extrabold{font-family:Fira Sans,sans-serif;font-weight:800;font-style:normal}.fira-sans-black{font-family:Fira Sans,sans-serif;font-weight:900;font-style:normal}.fira-sans-thin-italic{font-family:Fira Sans,sans-serif;font-weight:100;font-style:italic}.fira-sans-extralight-italic{font-family:Fira Sans,sans-serif;font-weight:200;font-style:italic}.fira-sans-light-italic{font-family:Fira Sans,sans-serif;font-weight:300;font-style:italic}.fira-sans-regular-italic{font-family:Fira Sans,sans-serif;font-weight:400;font-style:italic}.fira-sans-medium-italic{font-family:Fira Sans,sans-serif;font-weight:500;font-style:italic}.fira-sans-semibold-italic{font-family:Fira Sans,sans-serif;font-weight:600;font-style:italic}.fira-sans-bold-italic{font-family:Fira Sans,sans-serif;font-weight:700;font-style:italic}:root{--color-gray-100: #f2f2f2;--color-gray-200: #c7c7c7;--color-gray-600: #888888;--color-gray-900: #2d2d2d;--color-blue-500: #3b82f6;--color-blue-900: #0756b8;--color-red-900: #b80707;--color-red-300: #e76e69;--color-amber-500: #f59e0b;--color-green-500: #22c55e;--color-green-600: #0aa62b}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{line-height:1.5;font-family:sans-serif;color:#000;font-family:Fira Sans,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}@media(min-width:768px){body{max-width:430px;margin:0 auto;border-left:1px solid #eee;border-right:1px solid #eee}}body{width:100vw;height:100vh}.input{width:100%;background-color:#fff;padding:8px 10px;border-radius:12px;border:#dbdbdb 1px solid;transition:box-shadow .2s ease}.input.--error{border-color:var(--color-red-300);color:var(--color-red-300)}.input--gray{background-color:var(--color-gray-900);color:#fff}.input--gray::placeholder{color:#fff}.input:focus{outline:none;box-shadow:0 0 0 3px #346fb680}.input--no-focus:focus{outline:none;box-shadow:none}.input.error,.input--error{outline:var(--color-red-300) 2px solid}.input.error:focus,.input--error:focus{box-shadow:unset}span.input-error{display:none;color:var(--color-red-300);font-size:12px}span.input-error.--visible{display:block}.input-eye{position:relative}.input-eye .eye{position:absolute;top:50%;transform:translateY(-50%);right:10px;color:var(--color-gray-900)}.btn{--btn-bg: var(--color-gray-900);--btn-text: #fff;background-color:var(--btn-bg);color:var(--btn-text);width:100%;border:none;border-radius:12px;padding:8px 10px;cursor:pointer;display:inline-block;text-align:center}.btn--min-content{width:min-content}.btn--blue{--btn-bg: var(--color-blue-900);--btn-text: #fff}.btn--red{--btn-bg: var(--color-red-900);--btn-text: #fff}.btn--white{--btn-bg: #fff;--btn-text: #000;font-weight:500}.btn--gray{--btn-bg: #c6c6c6;--btn-text: #000;font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--square{border-radius:0}.btn--no-bg{background-color:transparent;color:var(--btn-bg)}.btn--rounded{border-radius:50px;width:unset;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;outline:#000 2px solid;line-height:10px;font-weight:700;font-size:1.2rem;padding:8px;width:24px;height:24px}.btn--outlined{outline:var(--color-gray-200) 1px solid}.row{display:flex;gap:8px}#toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{background-color:#333;color:#fff;padding:12px 18px;border-radius:6px;box-shadow:0 2px 8px #0003;opacity:0;transform:translate(100%);animation:slideIn .4s forwards,fadeOut .5s ease 3s forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}.toast.info{background-color:#2196f3}.toast.warning{background-color:#ff9800}.btn--blue.hide{display:none!important}#loading-container{position:absolute;height:calc(100vh - 136px);top:70px;margin-left:-10px;width:100%;display:none;align-items:center;justify-content:center;background-color:#fffa;z-index:0}#loading-container.--active{display:flex}#loading-container img{width:15%;max-width:100px}@media(min-width:768px){#loading-container{max-width:428px}}.register-header{display:flex;justify-content:center;padding:1rem 0}.register-header img{height:3rem}.header{background-color:var(--color-gray-900);width:100%;height:70px;display:grid;align-items:center;grid-template-columns:1fr 1fr 1fr;padding:0 20px;position:relative}.header__menu-button{color:#fff;font-size:1.5rem}.header__menu-button.--active{color:#000}.header__logo{height:100%;width:auto;object-fit:contain}.header-submenu,.header-menu-bar{position:fixed;height:100vh;width:258px;top:0;background-color:var(--color-gray-100);padding:0 32px;transform:translate(-100%);opacity:0;z-index:99}.header-submenu.--active,.header-menu-bar.--active{opacity:1;transform:translate(0)}.header-menu-bar__close-button{padding-top:32px;padding-bottom:64px}.header-menu-bar__link-list{display:flex;flex-direction:column;gap:14px}.header-menu-bar__link{display:block;position:relative;font-weight:700;font-size:1.35rem;cursor:pointer}.header-menu-bar__bottom-links{position:absolute;bottom:70px;left:32px}.header-menu-bar__submenu:after{font-family:FontAwesome;content:"";position:absolute;font-size:12px;top:50%;right:0;transform:translateY(-50%)}.header-submenu{left:0;z-index:11}.header-logout,.header-login{border:none;cursor:pointer}main{height:calc(100vh - 136px);overflow-y:auto}.footer{background-color:var(--color-gray-900);width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;height:66px}.footer-menu-option{text-align:center;opacity:.5}.footer-menu-option--central{opacity:1;padding:12px;outline:#fff 3px solid;border-radius:50px;background:#3b6ca3;background:radial-gradient(circle,#3b6ca3 21%,#043c7b 70%);transform:translateY(-30%)}.footer-menu-option--central .footer-menu-option__img{height:38px}.footer-menu-option.--active{opacity:1}.footer-menu-option__img{width:auto;height:26px;margin:0 auto;filter:brightness(0) saturate(100%) invert(94%) sepia(37%) saturate(2%) hue-rotate(70deg) brightness(108%) contrast(101%)}.footer-menu-option__text{color:#fff;display:inline-block;text-align:center;max-width:64px;line-height:14px;font-size:14px}#confirmation-modal{position:absolute;height:calc(100vh - 136px);top:0;left:0;width:100%;background-color:#0008;display:none;align-items:center;justify-content:center}#confirmation-modal.--active{display:flex}#confirmation-modal .content{background-color:#fff;width:80%;max-width:400px;padding:2rem;border-radius:2rem;display:flex;flex-direction:column}#confirmation-modal .text-content{margin:40px 0;text-align:center}#confirmation-modal .confirmation-buttons{display:flex;justify-content:space-evenly}#confirmation-modal .confirmation-buttons button{border:none;padding:10px;border-radius:1rem;width:40%}#confirmation-modal .confirmation-buttons .btn-confirm{background-color:var(--color-blue-900);color:#fff}@media(max-width:768px){.header-menu-bar{left:0}}@media(min-width:768px){#confirmation-modal{max-width:428px}}#content{height:100%}main{position:relative}#gmaps{height:100%}main form.search-form{position:absolute;top:50px;left:50%;width:76%;transform:translate(-50%)}main form.search-form .search-field{position:relative}main form.search-form .search-field i{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:2;color:#fff}main form.search-form .search-field input{padding:8px 36px 8px 20px;box-shadow:0 4px 10px 2px #0000007a}main form.search-form .search-result{background-color:#fff;margin-top:12px;border-radius:16px;max-height:200px;height:100%;overflow-y:scroll;overflow-x:hidden;box-shadow:0 4px 10px 2px #0000007a;scroll-behavior:smooth;display:none;-webkit-overflow-scrolling:touch}main form.search-form .search-result.--active{display:block}main form.search-form .search-result::-webkit-scrollbar{width:2px}main form.search-form .search-result::-webkit-scrollbar-track{background:transparent}main form.search-form .search-result::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}@supports (scrollbar-width: thin){main form.search-form .search-result{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}}main form.search-form .search-result li{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;gap:20px;border-bottom:var(--color-gray-200) 1px solid;cursor:pointer}main form.search-form .search-result li p.garage-name{font-size:.8rem}main form.search-form .search-result li p.address{font-size:.7rem;font-weight:300;line-height:12px}main form.search-form .search-result li .price{display:flex;height:fit-content}main form.search-form .search-result li .price .currency{font-size:.7rem;line-height:18px;font-weight:500}main form.search-form .search-result li .price .value{font-weight:600;font-size:1.2rem}main form.search-form .search-result li .price .hour{font-size:.7rem;align-self:flex-end;font-weight:500;line-height:20px}main .gmaps{position:absolute}main .maps-dot{border-radius:50px;background-color:var(--color-blue-900);cursor:pointer;width:25px;height:25px;display:flex;align-items:center;justify-content:center;padding:3px}main .maps-dot img{height:auto;width:19px;object-fit:contain}main .gmaps .maps-dot:hover{background-color:#2525a7}.gmp-info{position:absolute;display:none;z-index:100}.gmp-info.active{display:block}.marker-logo{width:50px;aspect-ratio:1/1;object-fit:contain;margin-bottom:10px}.info .text h4{font-size:1rem;line-height:1.2;margin-bottom:10px}.info .text .address{font-size:.8rem;margin-bottom:6px}.info .text .vagas{margin-top:10px}.info .text .vagas p{font-size:.7rem;font-weight:300}.info .text .vagas ul{display:flex;gap:4px;align-items:center;padding:0}.info .text .vagas ul li{list-style:none}.info .text .vagas ul li img{width:24px;height:auto}.reserve-btn{font-size:.75rem;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;width:initial;margin-top:10px}#reservation-modal{height:100%;width:100%;position:absolute;top:0;left:0;display:none;justify-content:center;align-items:center;background-color:#0000007a}#reservation-modal.--active{display:flex}.card-modal{width:100%;max-width:360px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 0 12px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h2{font-size:18px;margin:0}.close-btn{background:none;border:none;font-size:20px;cursor:pointer}.card-form input[type=text],.card-form input[type=number]{width:100%;padding:4px 10px;margin-bottom:4px;border:1px solid #ccc;border-radius:24px;outline:none;font-size:.9rem}.card-form .terms-info{font-size:.6rem;text-align:center;padding:22px 10px 10px}.card-name{text-transform:uppercase}.card-name::placeholder{text-transform:none}.input-error{color:red;font-size:.7rem;padding:2px 5px 5px}.row{display:flex;gap:12px}.row input{flex:1}.payment-type{margin:16px 0 4px}.btn-type{flex:1;padding:4px;border-radius:24px;border:1px solid #ccc;background-color:#fff;cursor:pointer;font-size:.9rem}.btn-type.--selected{background-color:var(--color-blue-900);color:#fff}.save-card{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:20px;justify-content:center}.date-select{width:100%;padding:10px;border-radius:10px;border:1px solid #ddd;margin-bottom:8px}.card-modal__info{font-size:12px;margin:12px 0}.card-modal__time-options{display:flex;gap:10px;margin-bottom:16px}.card-modal__time-card{flex:1;padding:12px;border-radius:12px;background:#f2f2f2;text-align:center;cursor:pointer}.card-modal__time-card.active{background:#0a4dbf;color:#fff}.card-modal__time-card .title{display:block;font-weight:700;margin-bottom:4px}.card-modal__time-card .price{display:block;font-size:16px;margin-bottom:4px}.card-modal__time-card small{font-size:11px;opacity:.9}.card-modal__payment{justify-content:space-between;align-items:center;font-size:14px;padding:15px 0;display:none;box-shadow:#ccc 0 -1px}.card-info{color:#333;display:inline-flex;gap:6px}.btn-primary{width:100%;padding:10px;background-color:var(--color-blue-900);border:1px solid var(--color-blue-900);color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer}.entry,.exit{display:flex;gap:10px;margin-bottom:20px}.entry .input,.exit .input{width:calc(60% - 5px)}.entry .input::placeholder,.exit .input::placeholder{opacity:1;color:#000}.entry .input:disabled,.exit .input:disabled,.hour-selector:disabled,.vehicle select:disabled{opacity:1;color:#000}.hour-selector,.vehicle select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;background-color:#fff;padding:8px 10px;border-radius:12px;border:#dbdbdb 1px solid;width:calc(40% - 5px);transition:box-shadow .2s ease}.vehicle select{width:100%;margin-bottom:20px}.hour-selector:focus,.vehicle select:focus{outline:none;box-shadow:0 0 0 3px #346fb680}#ui-datepicker-div{margin-top:5px;border-radius:12px;border:#dbdbdb 1px solid}.ui-datepicker{font-family:Fira Sans,sans-serif!important}#ui-datepicker-div .ui-widget-header,#ui-datepicker-div .ui-datepicker-next.ui-state-hover,#ui-datepicker-div .ui-datepicker-prev.ui-state-hover{border:none;background-color:#fff}#ui-datepicker-div .ui-datepicker-next-hover{right:2px;top:2px}#ui-datepicker-div .ui-datepicker-prev-hover{left:2px;top:2px}#ui-datepicker-div .ui-datepicker-calendar td a,.ui-datepicker-unselectable span{border:none!important;background-color:#fff!important;border-radius:50%;width:30px;height:30px;padding:0!important;display:flex!important;align-items:center;justify-content:center}#ui-datepicker-div .ui-datepicker-week-end{width:32px;display:flex;justify-content:center;margin-left:5px}#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active{background-color:var(--color-blue-900)}#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight{background-color:#fff;color:var(--color-blue-900)}#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight.ui-state-active{color:#fff;background-color:var(--color-blue-900)}.payment-info{display:none;flex-direction:column;gap:5px;padding-bottom:5px}.option-info{display:flex;justify-content:space-between}.option-info p:first-child{font-size:14px}.option-info p:last-child{font-weight:600}.payment-buttons{display:none;flex-direction:column;gap:15px;margin-top:20px}.btn-primary.light{background-color:#fff;color:var(--color-blue-900)}.payment-info.--active,.card-modal__payment.--active,.payment-buttons.--active{display:flex}.payment-buttons .policy{font-size:10px;text-align:center}#request-modal{width:70%}#request-modal img{width:60%;margin:0 auto 20px;display:none}#request-modal img.show{display:block}#request-modal h3{text-align:center}
