/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{font-size:62.5%;height:100%}body{font-family:"Inter",sans-serif;font-size:1.6rem;height:100%}input,textarea{align-self:flex-start;height:auto;border:none;border-radius:.5rem;padding:1.5rem;color:#646464;font-weight:bold;box-sizing:border-box;align-self:center}input.autofill{background-color:#f0f8ff;border-color:#80bfff}header{margin-top:1.5rem;height:11rem}main{height:100%}.primario{backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem);border:1px solid hsla(0,0%,100%,.3)}.contenedor{padding:1rem;border-radius:1rem}.contenedor__horizontal,.contenedor__seleccion{padding:1rem;border-radius:1rem}.contenedor__horizontal{display:flex;flex-direction:row;justify-content:space-between}.contenedor__seleccion{display:inline-block;text-align:center}.contenedor__seleccion:hover{background-color:rgba(94,94,94,.2274509804)}.contenedor__seleccion img{display:block;margin:0 auto;height:5rem}.boton__auth{background-color:var(--bg, #FFFFFF);padding:1.5rem 4rem;color:#1a1b15;font-size:2rem;font-weight:700;border:none;border-radius:.5rem;transition:background-color .3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.boton__auth{width:auto}}.boton__auth:hover{background-color:var(--bg-hover, rgb(229.5, 229.5, 229.5));cursor:pointer}.boton__auth:disabled{opacity:.5;cursor:not-allowed}.boton__main{background-color:var(--bg, #C62C25);padding:1.5rem 4rem;color:#fff;font-size:2rem;font-weight:700;border:none;border-radius:.5rem;transition:background-color .3s;text-align:center;display:block;width:100%;align-self:center}@media(min-width: 768px){.boton__main{width:auto}}.boton__main:hover{background-color:var(--bg-hover, rgb(155.029787234, 34.4510638298, 28.970212766));cursor:pointer}.boton__main:disabled{opacity:.5;cursor:not-allowed}.boton__servicio{background-color:var(--bg, #646464);padding:1.5rem 4rem;color:#fff;font-size:2rem;font-weight:700;border:none;border-radius:.5rem;transition:background-color .3s;text-align:center;display:block;width:100%;padding:1rem;height:7rem}@media(min-width: 768px){.boton__servicio{width:auto}}.boton__servicio:hover{background-color:var(--bg-hover, rgb(74.5, 74.5, 74.5));cursor:pointer}.boton__servicio:disabled{opacity:.5;cursor:not-allowed}.boton__edicion{background-color:var(--bg, #646464);padding:1.5rem 4rem;color:#fff;font-size:2rem;font-weight:700;border:none;border-radius:.5rem;transition:background-color .3s;text-align:center;display:block;width:100%;margin-right:2rem;height:3rem;padding:.2rem 3rem}@media(min-width: 768px){.boton__edicion{width:auto}}.boton__edicion:hover{background-color:var(--bg-hover, rgb(74.5, 74.5, 74.5));cursor:pointer}.boton__edicion:disabled{opacity:.5;cursor:not-allowed}.boton__edicion.editar{color:#fc0}.boton__edicion.aceptar{color:#34c759}.boton__edicion.cancelar{color:#ff3b30}.boton__agregar{background-color:var(--bg, #34C759);padding:1.5rem 4rem;color:#fff;font-size:2rem;font-weight:700;border:none;border-radius:.5rem;transition:background-color .3s;text-align:center;display:block;width:100%;margin-right:2rem;height:3rem;padding:.2rem 3rem;align-self:center}@media(min-width: 768px){.boton__agregar{width:auto}}.boton__agregar:hover{background-color:var(--bg-hover, rgb(41.4342629482, 158.5657370518, 70.9163346614));cursor:pointer}.boton__agregar:disabled{opacity:.5;cursor:not-allowed}.boton__bahia{background-color:var(--bg, #FFFFFF);padding:1.5rem 4rem;color:#646464;font-size:2rem;font-weight:700;border:none;border-radius:.5rem;transition:background-color .3s;text-align:center;display:block;width:100%;padding:.2rem 1rem;align-self:center;font-size:1.3rem}@media(min-width: 768px){.boton__bahia{width:auto}}.boton__bahia:hover{background-color:var(--bg-hover, rgb(229.5, 229.5, 229.5));cursor:pointer}.boton__bahia:disabled{opacity:.5;cursor:not-allowed}.switch{cursor:pointer;align-self:start;display:inline-block;position:relative;justify-self:center;height:8rem}.switch__imagen{height:100%;width:auto;user-select:none;opacity:.5;transition:opacity .3s ease,transform .3s ease}.switch__imagen:hover{opacity:1;transform:scale(1.05) rotate(-1deg)}.llanta{position:relative;height:60%;aspect-ratio:1/1;cursor:pointer;transition:opacity .3s}.llanta.tamanio-grande{height:36%}.llanta.tamanio-pequeno{height:28%}.llanta__switch{display:none}.llanta__fondo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.llanta__imagen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.llanta__snow{position:absolute;top:0;left:0;width:100%;height:100%}.llanta__herramienta{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;height:100%;z-index:2;pointer-events:none;display:none}.llanta__color{fill:red}.disabled{pointer-events:none;opacity:.3}.swal-lg{width:48rem !important}.swal-lg .swal2-title{font-size:4rem !important}.swal-lg .swal2-icon{font-size:2rem !important;line-height:5rem !important}.swal-lg .swal2-html-container{font-size:1.8rem !important}.swal-lg .swal2-confirm{font-size:2rem !important;padding:.6rem 2rem !important;background-color:#34c759;border-radius:.5rem !important}.swal-lg .swal2-cancel{font-size:2rem !important;padding:.6rem 2rem !important;background-color:#ff3b30 !important;color:#fff !important;border:none !important;border-radius:.5rem !important;margin-left:1rem}.swal-lg select,.swal-lg input{font-size:1.6rem !important;padding:.8rem 1.2rem !important;border:1px solid #ccc !important;border-radius:.5rem !important;width:60% !important;box-sizing:border-box !important;margin:1rem auto !important}.swal-lg{background-color:#fff !important;border-radius:1.2rem !important}@keyframes popup-pop-alt{0%{opacity:0;transform:translateX(20rem) scale(0.8)}80%{transform:translateX(20rem) scale(1.05)}100%{opacity:1;transform:translateX(20rem) scale(1)}}#color-options-popup{backdrop-filter:blur(10px);background-color:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 20px rgba(0,0,0,.4);transition:all .3s ease;border-radius:1rem;padding:8px;display:none;position:absolute;z-index:1000;flex-wrap:wrap;gap:5px;max-width:200px;transform-origin:top left;transition:opacity .2s ease;opacity:0;transform:translateX(20rem) scale(0.8)}#color-options-popup.visible{opacity:1;animation:popup-pop-alt .25s ease forwards}#color-options-popup .color-swatch{width:2.2rem;height:2.2rem;border-radius:50%;margin:.3rem;cursor:pointer;transition:transform .2s ease,filter .2s ease;border:2px solid #fff}#color-options-popup .color-swatch:hover{filter:brightness(70%);transform:scale(1.1)}#color-options-popup .color-swatch.fade-out{opacity:1;filter:none;box-shadow:none;transform:none}#color-options-popup .color-swatch.selected{opacity:.2;transform:scale(0.9);transition:opacity .3s ease,transform .3s ease}@keyframes bubble-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(0.9)}100%{transform:scale(1)}}#color-preview{transition:transform .2s ease,filter .2s ease}#color-preview:hover{filter:brightness(70%);transform:scale(1.1)}#color-preview.animate-bubble{animation:bubble-pop .4s ease}.color-fly-clone{box-shadow:0 0 10px rgba(0,0,0,.3);transition:all .5s ease-in-out;position:fixed;border-radius:50%;z-index:2000}h2{margin:1rem 2rem;font-size:2.4rem;text-transform:uppercase;color:#c62c25}h3{margin:1rem 2rem;font-size:2rem;text-transform:uppercase;color:#fff}.auth{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:1.5rem;min-height:100%}@media(min-width: 768px){.auth{display:grid;grid-template-columns:repeat(2, 1fr);place-items:center}}.auth__logo{height:10rem;width:auto}@media(min-width: 768px){.auth__logo{width:90%;height:auto}}.auth__form{background-color:#c62c25;width:85%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4rem;padding:1.5rem 1rem;border-radius:1rem}@media(min-width: 768px){.auth__form{width:60%;padding:5rem 2rem}}.auth__form.alt{background-color:#646464}.auth__form h2,.auth__form a{color:#fff}.auth__form__input{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;width:90%}@media(min-width: 768px){.auth__form__input{gap:3rem;width:80%}}.customer{background-color:rgba(250,238,224,.5);width:48%}.customer__formulario{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem 4rem;margin:2rem}.customer__formulario__input{width:12rem}.customer__formulario__km{position:relative;max-width:12.5rem;align-self:center}.customer__formulario__km__input{width:100%}.customer__formulario__km__span{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#646464;font-weight:bold}.details{margin:0 1rem}.vehiculos{background-color:#646464;width:48%;max-height:45.82rem}.vehiculos__titulo{color:#fff}.vehiculos__detalle{max-height:39.06rem;overflow-y:auto}.vehiculos__detalle__vehiculo{display:grid;grid-template-columns:.5fr repeat(3, 1fr);gap:1rem 1rem;margin:1rem 0}.vehiculos__detalle__vehiculo__carro-contenedor{grid-row:1/3;position:relative;width:66%;height:auto}.vehiculos__detalle__vehiculo__carro{width:100%;height:auto}.vehiculos__detalle__vehiculo__carro.encima{position:relative;z-index:1;pointer-events:none}.vehiculos__detalle__vehiculo__carro.fondo{position:absolute;top:0;left:0;z-index:0;pointer-events:none}.vehiculos__detalle__vehiculo:hover{background-color:hsla(0,0%,100%,.1254901961)}.vehiculos__detalle__vehiculo.seleccion{background-color:hsla(0,0%,100%,.5019607843)}.servicios{background-color:#646464;width:32%;height:60rem}.servicios__work{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem 1rem;max-height:39.5rem;overflow-y:auto}.servicios__comentarios{margin:1rem;width:95%;height:9rem;resize:none}.servicios__fecha{width:16.5rem}.servicios__detalle{background-color:rgba(250,238,224,.5);width:64%;display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;height:60rem;overflow-y:auto}.servicios__detalle__servicio.dos{max-height:50%}.servicios__detalle__servicio{background-color:#646464;display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(3, 1fr)}.servicios__detalle__servicio__nombre{grid-column:4/6}.servicios__detalle__servicio__carro{grid-column:2/4;grid-row:1/4;width:100%;height:auto}.servicios__detalle__servicio__carro.encima{z-index:1;pointer-events:none}.servicios__detalle__servicio__opciones{grid-column:4/6;grid-row:1/4;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;container-type:inline-size}.servicios__detalle__servicio__opciones__opcion{background-color:crimson;color:#fff;font-size:1.6rem;font-weight:bold;text-transform:uppercase;padding:2rem 3rem;border-radius:.5rem;opacity:.4;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.servicios__detalle__servicio__opciones__opcion.seleccion{opacity:1}.servicios__detalle__servicio__opciones__opcion:hover{opacity:.8}.servicios__detalle__servicio__llanta0{grid-column:1;grid-row:1;justify-self:end}.servicios__detalle__servicio__llanta1{grid-column:1;grid-row:2;justify-self:end}.servicios__detalle__servicio__llanta2{grid-column:4;grid-row:2}.servicios__detalle__servicio__llanta3{grid-column:1;grid-row:3;justify-self:end}.servicios__detalle__servicio__llanta4{grid-column:4;grid-row:3}.servicios__detalle.unico{grid-template-columns:repeat(1, 1fr)}.editar,.aceptar,.cancelar{display:none}@container (max-width: 200px){.servicios__detalle__servicio__opciones__opcion{padding:.5rem 1rem}}@keyframes fadeInRight{0%{opacity:0;transform:translateY(-50%) translateX(8px)}100%{opacity:1;transform:translateY(-50%) translateX(0)}}.vehiculoAdd{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);align-items:center;justify-content:center;z-index:99;display:none}.vehiculoAdd.visible{display:flex}.vehiculoAdd__content{background-color:hsla(0,0%,100%,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:2rem;width:90%;max-width:600px;position:relative}.vehiculoAdd__titulo{font-size:1.8rem;text-align:center;margin-bottom:1.5rem}.vehiculoAdd__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem 1rem;margin:1rem 0}.vehiculoAdd__grid input{width:100%}.vehiculoAdd__carroContenedor{grid-row:1/6;position:relative;width:100%;height:auto}.vehiculoAdd__carroContenedor__carro{width:100%;height:auto}.vehiculoAdd__carroContenedor__carro.encima{position:relative;z-index:1;pointer-events:none}.vehiculoAdd__carroContenedor__carro.fondo{position:absolute;top:0;left:0;z-index:0;pointer-events:none;color:#fff}.vehiculoAdd__marca{grid-column:2/4}.vehiculoAdd__modelo{grid-column:2/4}.vehiculoAdd__psi-container,.vehiculoAdd__torque-container{position:relative;align-self:center}.vehiculoAdd__psi-container .vehiculoAdd__editar,.vehiculoAdd__torque-container .vehiculoAdd__editar{position:absolute;right:4rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#646464;font-size:1.6rem;cursor:pointer;display:none;z-index:2;padding:0;opacity:0;animation:none;transition:opacity .3s ease}.vehiculoAdd__psi-container .vehiculoAdd__editar:hover,.vehiculoAdd__torque-container .vehiculoAdd__editar:hover{color:#333}.vehiculoAdd__psi-container:hover input:disabled+.vehiculoAdd__editar,.vehiculoAdd__torque-container:hover input:disabled+.vehiculoAdd__editar{display:inline;display:inline;animation:fadeInRight .3s ease forwards}.vehiculoAdd__psi-container .unidad,.vehiculoAdd__torque-container .unidad{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#646464;font-weight:bold}.vehiculoAdd__acciones{display:flex;justify-content:space-between;gap:1rem}.vehiculoAdd__acciones .btn{flex:1;padding:.8rem 1rem;font-weight:bold;border:none;border-radius:.5rem;cursor:pointer}.vehiculoAdd__acciones .btn.btn-primary{background-color:#2e7d32;color:#fff}.vehiculoAdd__acciones .btn.btn-cancel{background-color:#ccc;color:#333}.jobs{background-color:rgba(250,238,224,.5);width:80%}.jobs__contenedor{display:flex;border-radius:1rem;margin:1rem;padding:1rem;gap:1rem}.jobs__contenedor__img{height:5rem;width:auto;margin:0 .5rem;vertical-align:middle;transition:opacity .3s ease,transform .3s ease}.jobs__contenedor__img.canceled,.jobs__contenedor__img.completed,.jobs__contenedor__img.paid{cursor:pointer;opacity:.5}.jobs__contenedor__img.canceled:hover,.jobs__contenedor__img.completed:hover,.jobs__contenedor__img.paid:hover{opacity:1;transform:scale(1.05) rotate(-1deg)}.jobs__contenedor label{color:#fff;font-weight:bold}.jobs__contenedor__cliente{display:grid;grid-template-columns:.5fr repeat(2, 1fr);gap:.5rem 1rem;width:25rem}.jobs__contenedor__cliente__img{color:#fff;grid-row:1/3;width:5rem;height:auto}.jobs__contenedor__vehiculo{display:grid;grid-template-columns:.5fr repeat(2, 1fr);gap:.5rem 1rem;width:20rem}.jobs__contenedor__vehiculo__img{grid-row:1/3;width:auto;height:5.2rem}.jobs__contenedor__vehiculo__carro,.jobs__contenedor__vehiculo svg,.jobs__contenedor__vehiculo img{color:#fff;grid-row:1/3;width:auto;height:5.2rem;max-width:100%;position:relative}.jobs__contenedor__vehiculo__carro.encima,.jobs__contenedor__vehiculo svg.encima,.jobs__contenedor__vehiculo img.encima{position:relative;z-index:1;pointer-events:none}.jobs__contenedor__vehiculo__carro.fondo,.jobs__contenedor__vehiculo svg.fondo,.jobs__contenedor__vehiculo img.fondo{position:absolute;top:0;left:0;z-index:0;pointer-events:none}.jobs__contenedor__servicios{display:grid;grid-template-columns:.5fr repeat(1, 1fr);gap:.5rem 1rem;width:18rem;justify-items:center}.jobs__contenedor__servicios__img{grid-row:1/3;width:auto;height:5.2rem}.jobs__contenedor__servicios label{font-size:1.6rem}.jobs__contenedor__servicios__select{font-size:1rem;color:#646464;background-color:#fff;border-radius:.5rem;padding:.5rem;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%}.jobs__contenedor__hora{display:flex;flex-direction:column;justify-content:space-between;width:5.2rem;align-items:center}.jobs__contenedor__hora svg{height:3.3rem;width:auto;color:#fff}.jobs__contenedor__bahia{display:flex;flex-direction:column;justify-content:space-between;width:5.2rem;align-items:center}.jobs__contenedor__bahia__img{height:3rem;width:3.08rem}.menu{background-color:#646464;width:21rem}.menu__option{margin:1rem 2rem;padding:1rem;cursor:pointer;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-evenly}.menu__option:hover{background-color:hsla(0,0%,100%,.1254901961)}.menu__option.seleccion{background-color:hsla(0,0%,100%,.5019607843)}.menu__option__contenedor{display:flex;flex-direction:column;align-items:center;margin:1rem;gap:.5rem}.menu__option__contenedor img{height:8rem;width:auto;display:block}.menu__option__contenedor label{font-size:1.8rem;text-transform:uppercase;font-weight:bold}.menu__option__contenedor__label1{color:#3e6993}.menu__option__contenedor__label2{color:#e2a566}.menu__option__contenedor__label3{color:#dc2b20}.menu__option__contenedor__label4{color:#7ab575}.menu__option__contenedor__label5{color:#ff7e79}.menu__calendario,.menu__flechas{color:#fff;background-color:rgba(0,0,0,0);padding:.5rem;cursor:pointer;border-radius:.5rem}.menu__calendario:hover,.menu__flechas:hover{background-color:hsla(0,0%,100%,.1254901961)}.mecanico{background-color:rgba(250,238,224,.5);margin:1rem;height:55rem;margin-top:0}.mecanico__bottom{display:flex;gap:2rem;flex-direction:row;justify-content:space-between}.mecanico__contador{width:50%;height:6rem;background-color:#646464;border-radius:.5rem;display:grid;grid-template-columns:1fr .2fr .7fr;grid-template-rows:.8fr 1fr}.mecanico__contador label{text-align:center;font-weight:bold;color:#fff}.mecanico__vehiculo{background-color:#646464;height:100%;width:75%;border-radius:1rem;display:grid;grid-template-columns:1fr .8fr 1fr;grid-template-rows:.4fr repeat(2, 1fr)}.mecanico__vehiculo__info{height:5rem;width:90%;display:flex;gap:2rem;flex-direction:row;padding:1rem 2rem}.mecanico__vehiculo__info__snow{height:100%;aspect-ratio:1/1}.mecanico__vehiculo__carro{grid-column:2;grid-row:1/4;max-width:100%;height:95%;margin:auto 0}.mecanico__vehiculo__carro.encima{z-index:1;pointer-events:none}.mecanico__vehiculo__del_izq,.mecanico__vehiculo__del_der,.mecanico__vehiculo__tras_izq,.mecanico__vehiculo__tras_der{height:100%;width:100%;display:flex;align-content:flex-start;flex-wrap:wrap;gap:.3rem}.mecanico__vehiculo__del_izq{grid-column:1;grid-row:2;flex-direction:row-reverse}.mecanico__vehiculo__del_der{grid-column:3;grid-row:2;flex-direction:row}.mecanico__vehiculo__tras_izq{grid-column:1;grid-row:3;flex-direction:row-reverse}.mecanico__vehiculo__tras_der{grid-column:3;grid-row:3;flex-direction:row}.mecanico__info{width:24%;height:100%}.mecanico__servicios{background-color:#646464;height:66%;border-radius:1rem;overflow-y:auto}.mecanico__servicios__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;padding:1rem}.mecanico__servicios__info{border-radius:1rem;width:100%;color:#fff;font-size:2rem;font-weight:700;text-align:center;height:7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;user-select:none}.mecanico__servicios__info:hover{opacity:.5}.mecanico__servicios__info svg{position:absolute;top:4px;right:4px;width:20px;height:20px}.mecanico__comments{background-color:#646464;margin:1rem 0;height:16%;border-radius:1rem;padding:1rem;position:relative}.mecanico__comments textarea{width:100%;height:100%;resize:none;padding-right:3rem}.mecanico__comments__edit-btn{position:absolute;top:1rem;right:1rem;background-color:rgba(0,0,0,0);border:none;cursor:pointer;padding:.4rem;border-radius:.5rem;transition:background-color .3s ease}.mecanico__comments__edit-btn:hover{background-color:rgba(0,0,0,.08)}.mecanico__comments__edit-btn svg{stroke:#333;transition:transform .2s ease}.mecanico__comments__edit-btn:hover svg{transform:scale(1.1)}.mecanico__usuario,.mecanico__vehiculoInfo,.mecanico__timer,.mecanico__commentsInfo{display:grid;padding:1rem;height:7rem;border-radius:1rem;background-color:#646464;margin-right:1rem;gap:.5rem 1rem}.mecanico__usuario__carro,.mecanico__usuario svg,.mecanico__usuario img,.mecanico__vehiculoInfo__carro,.mecanico__vehiculoInfo svg,.mecanico__vehiculoInfo img,.mecanico__timer__carro,.mecanico__timer svg,.mecanico__timer img,.mecanico__commentsInfo__carro,.mecanico__commentsInfo svg,.mecanico__commentsInfo img{color:#fff;grid-row:1/3;width:auto;height:7rem;max-width:100%;position:relative}.mecanico__usuario__carro.encima,.mecanico__usuario svg.encima,.mecanico__usuario img.encima,.mecanico__vehiculoInfo__carro.encima,.mecanico__vehiculoInfo svg.encima,.mecanico__vehiculoInfo img.encima,.mecanico__timer__carro.encima,.mecanico__timer svg.encima,.mecanico__timer img.encima,.mecanico__commentsInfo__carro.encima,.mecanico__commentsInfo svg.encima,.mecanico__commentsInfo img.encima{position:relative;z-index:1;pointer-events:none}.mecanico__usuario__carro.fondo,.mecanico__usuario svg.fondo,.mecanico__usuario img.fondo,.mecanico__vehiculoInfo__carro.fondo,.mecanico__vehiculoInfo svg.fondo,.mecanico__vehiculoInfo img.fondo,.mecanico__timer__carro.fondo,.mecanico__timer svg.fondo,.mecanico__timer img.fondo,.mecanico__commentsInfo__carro.fondo,.mecanico__commentsInfo svg.fondo,.mecanico__commentsInfo img.fondo{position:absolute;top:0;left:0;z-index:0;pointer-events:none}.mecanico__usuario label,.mecanico__vehiculoInfo label,.mecanico__timer label,.mecanico__commentsInfo label{color:#fff;font-weight:bold;font-size:2.5rem}.mecanico__usuario{grid-template-columns:.3fr 1fr;width:22%}.mecanico__vehiculoInfo{grid-template-columns:.4fr .7fr 1fr .6fr;width:32%}.mecanico__vehiculoInfo img.keys{height:3rem;grid-row:auto}.mecanico__timer{width:15%}.mecanico__commentsInfo{width:15%}.mecanico__commentsInfo textarea{width:100%;height:100%;resize:none}.mecanico__bahia{display:flex;flex-direction:column;align-items:center;height:7rem;padding:1rem;border-radius:1rem;background-color:rgba(250,238,224,.5);justify-content:space-between}.mecanico__bahia picture{height:60%}.mecanico__bahia img{height:100%}.mecanico__bahia label{color:#646464;font-weight:bold;font-size:2rem}.popup-bahia{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:9999}.popup-bahia.oculto{display:none}.popup-contenido{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.3);animation:fadeIn .4s ease;text-align:center}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9998}.popup-overlay.oculto{display:none}.bahias{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-top:1rem}.bahias.loose{margin-top:2rem}.btn-bahia{padding:1rem;font-size:1.2rem;border:none;background-color:#3498db;color:#fff;border-radius:.5rem;cursor:pointer;transition:background .3s,transform .2s}.btn-bahia:hover{background-color:#2980b9;transform:scale(1.05)}.btn-bahia.seleccionada{background-color:#2ecc71;font-weight:bold;box-shadow:0 0 10px rgba(46,204,113,.6)}.btn-bahia:disabled,.btn-bahia.deshabilitado{background-color:#bdc3c7;cursor:not-allowed;opacity:.7;box-shadow:none;pointer-events:none}@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.navegacion{justify-content:space-around;background-color:rgba(250,238,224,.5);width:53%}.navegacion__enlace,.navegacion__seleccion{font-size:2rem;font-weight:bold;text-decoration:none;text-transform:uppercase;width:14rem}.navegacion__enlace{color:#646464}.navegacion__seleccion{color:#c62c25;background-color:rgba(94,94,94,.5019607843)}.navegacion__logo{height:100%}.bayStatus{background-color:#646464;width:43%;display:flex;flex-direction:column;align-items:center;border-radius:1rem;justify-content:space-evenly}.bayStatus__header{display:flex;align-items:center;width:100%;justify-content:center;gap:1rem}.bayStatus__header__title{color:#fff;font-size:2rem;margin:0}.bayStatus__header__toggle{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;font-weight:bold;padding-bottom:.3rem;transition:transform .3s ease}.bayStatus__header__toggle:hover{transform:rotate(90deg) scale(1.2)}.bayStatus__header__toggle.tiene-alerta{position:relative;z-index:1}.bayStatus__header__toggle.tiene-alerta::before{content:"";position:absolute;top:50%;left:50%;width:160%;height:160%;transform:translate(-50%, -50%);background:radial-gradient(circle, rgba(0, 255, 0, 0.4) 0%, rgba(0, 255, 0, 0) 70%);border-radius:50%;animation:pulsoAlerta 1.6s infinite ease-in-out;z-index:-1;pointer-events:none}.bayStatus__list{display:flex;justify-content:center;width:100%;gap:3rem}.bayStatus__circle{position:relative;background-color:#4caf50;color:#fff;width:4.5rem;height:4.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:bold;text-align:center;transition:all .3s ease}.bayStatus__circle.ocupado{background-color:red;cursor:pointer}.bayStatus__circle.ocupado:hover{transform:scale(1.1);box-shadow:0 0 12px 6px rgba(255,0,0,.4)}.bayStatus__circle.comentario-nuevo{box-shadow:0 0 12px 5px rgba(0,255,0,.5)}.bayStatus__circle.comentario-visto{box-shadow:0 0 12px 5px hsla(0,0%,100%,.4)}.bayStatus__circle .tooltip{position:absolute;bottom:-3rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;padding:6px 10px;border-radius:6px;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10;max-width:18rem;white-space:normal;text-align:center;word-wrap:break-word}.bayStatus__circle .tooltip-visible{opacity:1;pointer-events:auto}.menu__btn{position:fixed;bottom:2rem;left:2rem;width:5rem;height:5rem;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;transition:background .3s ease;padding:0;border:none}.menu__btn:hover{background:hsla(0,0%,100%,.25)}.menu__btn span{position:absolute;width:2.5rem;height:3px;background:#000;transition:transform .5s ease,opacity .5s ease;transform-origin:center}.menu__btn .top{transform:translateY(-10px)}.menu__btn .middle{transform:translateY(0)}.menu__btn .bottom{transform:translateY(10px)}.menu__btn.active .top{transform:rotate(45deg)}.menu__btn.active .middle{opacity:0}.menu__btn.active .bottom{transform:rotate(-45deg)}.menu__panel{position:fixed;bottom:90px;left:20px;width:220px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;z-index:999}.menu__panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}.menu__panel ul{list-style:none;padding:1rem;margin:0}.menu__panel ul li{list-style:none}.menu__panel ul .menu__option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem;background:rgba(0,0,0,0);border:none;color:#000;padding:10px 14px;border-radius:12px;cursor:pointer;width:100%;transition:background .3s ease;margin:0;text-decoration:none;box-sizing:border-box}.menu__panel ul .menu__option svg{stroke:#000;width:2.2rem;height:2.1rem}.menu__panel ul .menu__option img{display:block;width:auto;height:2.1rem}.menu__panel ul .menu__option span{flex:1;text-align:left;font-size:16px}.menu__panel ul .menu__option:hover{background:hsla(0,0%,100%,.3)}.menu__overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:500;opacity:0;pointer-events:none;transition:opacity .4s ease}.menu__overlay.active{opacity:1;pointer-events:all}/*# sourceMappingURL=app.css.map */