html{box-sizing:border-box;overflow-x:hidden;overflow-y:auto}*,*:before,*:after{box-sizing:border-box}body{padding:0;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden;overflow-y:auto}.login-container{min-height:100vh;min-height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;overflow:hidden;background-color:#b1e2ea;border:2px solid black;padding:10px;color:#000;gap:20px}.login-form{justify-content:center;text-align:center;align-items:center;display:flex;flex-direction:column;border-radius:20px;padding:10px;width:90%;max-width:600px;border:1px solid black}.login-div-filas{display:flex;flex-direction:column;gap:25px;width:100%}.login-fila{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;width:100%}.login-logo{border:2px solid black;max-width:80%;border-radius:20px;height:auto}.login-div-logo{width:90%;max-width:600px}.login-input{text-align:center;height:35px;width:80%;font-size:large;background-color:#fff;color:#000}.login-label{font-size:large}.login-btn{background-color:#096eb6;color:#fff;height:55px;border-radius:10px;font-weight:700;font-size:16px}.location-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f6f8;padding:20px}.location-card{background:#fff;border-radius:12px;padding:25px 20px;max-width:400px;width:100%;text-align:center;box-shadow:0 4px 12px #0000001a}.location-card.error{border-left:5px solid #e53935}.location-card h2{margin-bottom:15px;font-size:20px}.location-card p{margin-bottom:20px;color:#555;font-size:14px}.location-btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .2s ease}.location-btn.primary{background-color:#1976d2;color:#fff}.location-btn.primary:hover{background-color:#125ea8}.location-btn.retry{background-color:#e53935;color:#fff}.location-btn.retry:hover{background-color:#c62828}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#096eb6;color:#fff;display:flex;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar-content{display:flex;flex-direction:row;justify-content:space-around;align-items:center;text-align:center;width:100%;height:100%}.logo{font-size:1.5rem;margin:0}.nav-links{list-style:none;display:flex;gap:20px;margin:0;padding:0}.nav-links a{color:#fff;text-decoration:none;font-weight:700}.nav-links a:hover{text-decoration:underline}.back-arrow{font-size:2.5rem;color:#fff;text-decoration:none;width:10%}.back-arrow:hover{color:gray}.btn-cambiar-ruta{width:80%;background-color:#096eb6;color:#fff;font-weight:700;font-size:16px;border:1px solid white;height:96%;justify-content:center;text-align:center;align-items:center}.menu-icon{color:#fff;cursor:pointer;margin-right:10px}.sidebar{position:fixed;top:0;right:-250px;width:250px;height:100vh;background-color:#096eb6;padding-top:20px;transition:right .3s ease-in-out}.sidebar.open{right:0}.close-icon{color:#fff;cursor:pointer;position:absolute;top:15px;right:15px}.sidebar ul{list-style:none;padding:40px 0 0;margin:0}.sidebar li{padding:15px;border-bottom:1px solid #444}.sidebar li a{color:#fff;text-decoration:none;display:block}.sidebar li a:hover{background-color:#0685e0}.modal-overlay{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:320px;padding:15px;text-align:center;box-shadow:0 5px 20px #0000004d;margin-top:-30px;animation:fadeInScale .25s ease}.modal-content h3{margin-bottom:10px}.modal-list{list-style:none;padding:0;margin:10px 0}.modal-item{padding:12px;margin:6px 0;border-radius:8px;background:#dedede;cursor:pointer;transition:.2s}.modal-item:hover{background:#d9eaff}.modal-item.active{background:#096eb6;color:#fff;font-weight:700}.modal-item.desactive{color:#000;font-weight:700}.modal-close-btn{margin-top:10px;padding:10px;width:100%;border:none;border-radius:8px;background:#ccc;cursor:pointer}.navbar-modal-h3{color:#000}.card-container-{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#f5f5f5}.card-container-pendiente{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#ffe1c7}.card-container-consumosdehoy{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#c7ecff}.cardcliente-card{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;padding:5px 10px;width:90%;max-width:600px;background-color:#fff;border-radius:12px;box-shadow:2px 2px 2px 2px #096eb666;border:3px solid rgb(9,110,182);gap:8px}.cardcliente-filas-column{border:1px solid rgb(9,110,182);border-radius:20px;padding:5px 10px;width:100%;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-align:center}.cardcliente-filas-row{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;text-align:center}.cardcliente-filas-telefonos{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.cardcliente-h4{margin:0;padding:0;font-size:16px;font-weight:700;font-style:italic}.cardcliente-p{margin:0;font-weight:700;color:#096eb6;text-decoration:underline}.cardcliente-telefono-item{display:flex;flex-direction:row;justify-content:space-around;text-align:center;align-items:center;width:100%;border:rgb(9,110,182) 1px solid;border-radius:10px;padding:5px;background-color:#dbf0ff}.cardcliente-div-telefono-numero{width:40%;font-weight:700;font-size:18px}.cardcliente-div-telefono-acciones{display:flex;flex-direction:row;justify-content:space-around;align-items:center;text-align:center;width:60%}.cardcliente-contenedor-btn-ubicacion{display:flex;flex-direction:row;width:90%;height:55px;border:rgb(9,110,182) 1px solid;border-radius:10px;background-color:#dbf0ff;padding:5px;text-align:center;align-items:center;justify-content:center;cursor:pointer}.cardcliente-btn-guardar-ubicacion{width:90%;height:55px;border:rgb(9,110,182) 1px solid;border-radius:10px;background-color:#dbf0ff;padding:5px;display:flex;flex-direction:row;text-align:center;align-items:center;justify-content:space-around;cursor:pointer;font-weight:700}.cardcliente-loader-container{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.cardcliente-btn-cargarpedido{background-color:#096eb6;color:#fff;height:70px;width:100%;margin:0;font-weight:700;font-size:16px;border-radius:10px}.cardcliente-btn-pendiente{background-color:#d14209;color:#fff;height:70px;width:100%;margin:0;font-weight:700;font-size:16px;border-radius:10px}.cardcliente-modal-overlay{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.cardcliente-modal-content{background:#fff;border-radius:12px;width:90%;max-width:320px;padding:15px;text-align:center;box-shadow:0 5px 20px #0000004d;margin-top:-30px;animation:fadeInScale .25s ease}.cardcliente-modal-content h3{margin-bottom:10px;color:#000}.cardcliente-modal-list{list-style:none;padding:0;margin:10px 0}.cardcliente-modal-content textarea{width:100%}.cardcliente-modal-item{padding:12px;margin:6px 0;border-radius:8px;background:#dedede;cursor:pointer;transition:.2s;height:55px}.cardcliente-modal-item:hover{background:#d9eaff}.cardcliente-modal-item.active{background:#d14209;color:#fff;font-weight:700}.cardcliente-modal-item.desactive{color:#000;font-weight:700}.cardcliente-modal-close-btn{margin-top:10px;padding:10px;width:100%;border:none;border-radius:8px;background:#ccc;cursor:pointer;height:55px;font-size:20px;background-color:#db8989}.cardcliente-modal-save-btn{margin-top:10px;padding:10px;width:100%;border:none;border-radius:8px;background:#ccc;cursor:pointer;height:55px;font-size:20px;background-color:#a2cba2}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.home-container{background-color:#f5f5f5;width:100%;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;padding-bottom:20px;color:#000;gap:20px}.home-search-container{width:95%;max-width:600px;border:1px solid rgb(9,110,182);border-radius:20px;padding:10px;box-sizing:border-box}.home-search-filas{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;width:100%}.home-input{text-align:center;height:35px;width:100%;font-size:large;background-color:#fff;color:#000}.home-container-hojaderuta{background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:fit-content;gap:30px}.cargapedido-container{background-color:#f5f5f5;width:100%;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;padding-bottom:20px;color:#000;gap:20px}.cargapedido-container h3,p{margin:0}.cargapedido-card-cargapedido{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;padding:5px 10px;width:90%;max-width:600px;background-color:#fff;border-radius:12px;box-shadow:2px 2px 2px 2px #096eb666;border:3px solid rgb(9,110,182);gap:8px}.cargapedido-consumo-cliente{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:10px;border-radius:12px;border:1px solid rgb(9,110,182);width:100%;padding:5px 10px}.cargapedido-container-btn-agregar button{background-color:#096eb6;color:#f5f5f5;height:60px;width:100%;margin:0;font-weight:700;font-size:16px;border-radius:10px}.cargapedido-container-total{border-radius:12px;border:1px solid rgb(9,110,182);width:fit-content;padding:5px 10px;font-size:24px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.cargapedido-btn-close-modal{width:60px;background-color:#fb5959}.cargapedido-item-consumo{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;border-bottom:1px solid black;padding-bottom:5px;width:100%}.cargapedido-item-consumo input{width:60px;height:40px;text-align:center;height:35px;font-size:large;background-color:#fff;color:#000}.cargapedido-modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.cargapedido-modal-content{background-color:#fff;width:90%;max-width:400px;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:20px}.cargapedido-modal-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding:10px 0;height:70px}.cargapedido-modal-item-selected{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding:10px 0;height:70px;background-color:#bbdefb}.cargapedido-container-textarea{padding-bottom:5px;padding-top:5px;width:100%}.cargapedido-container-textarea textarea{width:85%;font-size:18px}.cargapedido-container-btn-grabar{width:100%}.cargapedido-container-btn-grabar button{background-color:#3cb683;color:#f5f5f5;height:60px;width:100%;margin:0;font-weight:700;font-size:16px;border-radius:10px}.cargapedido-container-medios-pago{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.cargapedido-container-medios-pago-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cargapedido-container-medios-pago-item input{height:40px;text-align:center;height:35px;font-size:large;background-color:#fff;color:#000}.pendientes-container{background-color:#ffe1c7;width:100%;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;padding-bottom:20px;color:#000;gap:20px}.pendientes-search-container{width:95%;max-width:600px;border:1px solid rgb(9,110,182);border-radius:20px;padding:10px;box-sizing:border-box}.pendientes-p-pendiente{width:fit-content;text-align:center;align-items:center;justify-content:center;border:2px solid rgb(9,110,182);border-radius:20px;padding:10px}.pendientes-p-pendiente p{font-size:22px;font-style:italic;font-weight:700}.pendientes-search-filas{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;width:100%}.pendientes-input{text-align:center;height:35px;width:100%;font-size:large;background-color:#fff;color:#000}.pendientes-container-hojaderuta{background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:fit-content;gap:30px}.consumosdehoy-container{background-color:#c7ecff;width:100%;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;padding-bottom:20px;color:#000;gap:20px}.consumosdehoy-search-container{width:95%;max-width:600px;border:1px solid rgb(9,110,182);border-radius:20px;padding:10px;box-sizing:border-box}.consumosdehoy-p-pendiente{width:fit-content;text-align:center;align-items:center;justify-content:center;border:2px solid rgb(9,110,182);border-radius:20px;padding:10px}.consumosdehoy-p-pendiente p{font-size:22px;font-style:italic;font-weight:700}.consumosdehoy-search-filas{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;width:100%}.consumosdehoy-input{text-align:center;height:35px;width:100%;font-size:large;background-color:#fff;color:#000}.consumosdehoy-container-hojaderuta{background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:fit-content;gap:30px}