#contenedorW{background-color:#0ff;display:flex;width:98vw;height:52px;border:black 1px solid;padding:20px;justify-content:space-between}#nombreWork{font-size:36px;font-weight:700;margin:0}.navbarW{background-color:#0ff;font-size:20px;font-weight:700}.nav-linksW{margin:0 auto;padding:16px;display:flex;gap:16px}.nav-linksW a{color:#4b5563;text-decoration:none;transition:color .3s ease}.nav-linksW a:hover{color:#06b6d4}.nav-linksW .active{color:#06b6d4;border-bottom:2px solid #06b6d4;padding-bottom:4px}.logoW{font-size:1.25rem;font-weight:700;color:#06b6d4}.historial-container{max-width:700px;margin:auto;color:#333}.historial-container h2{text-align:center;font-size:1.5em;margin-bottom:20px}.table-container{overflow-x:auto}.table-historial{width:100%;border-collapse:collapse;margin:0 auto}.table-historial th,.table-historial td{padding:12px 15px;border:1px solid #ddd;text-align:center}.table-historial th{background-color:#4a90e2;color:#fff;font-weight:700}.table-historial tbody tr:nth-child(2n){background-color:#f9f9f9}.table-historial tbody tr:hover{background-color:#f1f1f1}.table-historial td{font-size:1em;color:#555}@media (max-width: 600px){.historial-container{padding:10px}.table-historial th,.table-historial td{padding:8px;font-size:.9em}}.reporte-container{padding:20px;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;align-items:center}.reporte-container h2{color:#333}.reporte-container label,.reporte-container input,.reporte-container button{margin:10px}.chart-container{border:solid 1px gray;width:800px;height:auto;margin-top:20px}.contRentabilidad{display:flex;flex-direction:column;align-items:center}.footer{background:url(./public/Imagenes/1000_F_374908287_vQbg5ajAsOQD2lD4mq5EVQ3NxFTZTmWF.jpg) no-repeat center center/cover;color:#ddd;padding:40px 0;text-align:center;font-family:Arial,sans-serif;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.footer .container{width:80%;max-width:1200px;margin:auto;position:relative;z-index:2}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 0}.footer-logo a{font-size:24px;font-weight:700;color:#fff;text-decoration:none}.footer-links ul{list-style-type:none;padding:0;margin:0;display:flex}.footer-links li{margin:0 15px}.footer-links a{color:#ddd;text-decoration:none;font-size:14px;transition:color .3s}.footer-links a:hover{color:#fff}.footer-socials a{margin:0 10px;color:#ddd;font-size:18px;transition:color .3s}.footer-socials a:hover{color:#fff}.footer-bottom{padding:15px 0;border-top:1px solid #444}.footer-bottom p{margin:0;font-size:14px}@media (max-width: 768px){.footer-content{flex-direction:column}.footer-links ul{flex-direction:column;margin-top:20px}.footer-links li{margin:10px 0}}#contenedor{background-color:#0ff;display:flex;width:98vw;height:52px;border:black 1px solid;padding:20px;justify-content:center}#nombre{font-size:36px;margin:0;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%;text-align:center}.modal-content h2{margin-bottom:20px}.error-message{color:red;font-size:14px;margin-bottom:10px}.modal-content label{display:block;margin-top:10px;text-align:left;font-weight:700}.modal-content input{width:100%;padding:10px;margin-top:5px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:16px}.modal-buttons{width:400px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.modal-buttons button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer}.modal-buttons button:first-child{background-color:#f44336;color:#fff}.modal-buttons button:last-child{background-color:#4caf50;color:#fff}.modal-buttons button:hover{opacity:.8}html,body{margin:0;padding:0;overflow-x:hidden}#contenedorLanding{display:flex;flex-direction:column;align-items:center}#contenedorA{display:grid;grid-template-columns:1fr 1fr;width:98.1vw}#contenedorB,#contenedorC,#contenedorD,#contenedorE,#contenedorF,#contenedorG,#Img1,#Img3{width:50vw;height:490px}#Img2{width:48vw;height:490px}#Img4{width:48vw;height:500px}#Par1{font-size:64px;text-align:center;margin:100px}#OL1{font-size:30px;text-align:center;width:20vw;margin:0}#contenedorG{height:400px;display:flex;flex-direction:column;align-items:center}#h1Servicios{font-size:64px;text-align:center;margin-top:120px}#contenedorH{display:flex;flex-direction:column;justify-content:center;padding:20px}#formularioCliente{display:flex;flex-direction:column;align-items:center}.form-group{display:flex;flex-direction:row;margin-bottom:15px;align-items:center}label{margin-bottom:5px;font-size:40px;width:170px;text-align:end}#formularioCliente input{width:250px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:20px;margin-left:10px}#form-buttons{width:200px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;background-color:#4caf50;color:#fff}button[type=button]{background-color:#f44336}button:hover{opacity:.8}#h1Programar{font-size:64px;text-align:center;margin-top:00px;margin-bottom:20px}#containerW{overflow:hidden;height:100vh}#divCliente,#divIngreso,#divRetiro{border:solid black 1px;width:440px;height:400px}.contForm{display:flex;flex-direction:column;align-items:center}.work-container{display:flex;flex-direction:row;gap:20px;padding:20px;margin:0 auto;align-items:center;justify-content:space-around}.work-container h1{text-align:center}.form-section{background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.form-section h1{font-size:1.5rem;margin-top:0;color:#333;font-weight:700}.form-group{display:flex;flex-direction:row;margin-bottom:5px}.form-groupE{display:flex;flex-direction:row;margin-bottom:15px}.form-groupE label{font-size:1.5rem;margin-right:10px;width:70px;color:#555;font-weight:700}.form-groupE input{margin-right:10px;border:1px solid #ccc;border-radius:5px;font-size:1.5rem;width:300px;height:30px}.form-group label{width:120px;font-size:1.5rem;font-weight:700;margin:10px;color:#555}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:5px;font-size:1.5rem;width:300px;height:30px}#factura,#piezas,#valor{width:60px;text-align:center}#pago_ingreso,#fechaE{width:140px;text-align:center}#labValor,#labPago{width:55px}#divCont{display:flex;flex-direction:row;width:440px;justify-content:space-around}#contN{display:flex;flex-direction:row}#nombreW{font-size:1.5rem;font-weight:lighter}#descripcion{height:50px}.payment-group{display:flex;align-items:center}.payment-options{display:flex;flex-direction:row;width:470px;margin-bottom:10px}.payment-options label{font-size:1.5rem;width:200px;display:flex;flex-direction:column;align-items:center;font-weight:700}.payment-options input{width:30px;margin-right:5px}.payment-options input[type=checkbox]{width:15px;height:15px;transform:scale(1.3);margin-right:5px}.buttons-group{margin:15px;display:flex;gap:15px}.buttons-group button{background-color:#06b6d4;color:#fff;border:none;font-size:1.5rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.buttons-group button:hover{background-color:#0284c7}.modal2{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:700}.modal-content2{background:#fff;padding:20px;border-radius:8px;width:400px;height:700px;max-width:90%;text-align:center}button{margin:10px}@media (max-width: 768px){.work-container{padding:10px}.buttons-group{flex-direction:column;gap:10px}}@font-face{font-family:PointerOne;src:url(/Fuentes/PoiretOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal}html,body{font-family:PointerOne,sans-serif}