@import"https://fonts.googleapis.com/css2?family=Poppins: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";body{font-family:Poppins,sans-serif}html,body{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.no-data{flex:1;display:flex;flex-direction:column;justify-content:center}.icon_editar{cursor:pointer;color:#007bff;text-align:center}.icon_editar:hover{color:#0056b3}.icon-cell{text-align:center;vertical-align:middle}.inputwith50{width:50px}.inputwith80{width:80px}.inputwith100{width:100px}.inputwith150{width:150px}.inputwith200{width:200px}.inputwith250{width:250px}.inputwith300,.selectwith300{width:300px}.marginInput{margin-right:10px}.selectAlto{height:22px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f0f0f0}.login-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center}.login-image{width:90px;height:90px}form{display:flex;flex-direction:column;align-items:center}.form-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px}.input_login{border:none;border-bottom:2px solid #000;padding:5px;width:100%;box-sizing:border-box;outline:none}.input_login:focus{border-bottom:2px solid #000}.btn_login{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn_login:hover{background-color:#0056b3}.btn_login:active{background-color:#004494}form div{margin-bottom:10px}button{margin-top:10px}.header_paginas{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f0f0f0}.footer{width:100%;margin-top:auto;text-align:center;padding:10px 0}.footer-content{display:flex;justify-content:center;align-items:center}.footer-content p{margin:0;padding-right:10px;color:#930e2b}.footer-content h2{margin:0;color:#930e2b}.back-link{text-decoration:none;color:#007bff;font-weight:700}.back-link:hover{text-decoration:underline;cursor:pointer}.select-colaborador{width:250px;height:30px;padding:6px;font-size:14px;border:1px solid #ddd;border-radius:4px}.btnActualiza{margin-top:-5px;align-self:center;padding:10px 20px;font-size:16px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease}.btnActualiza:hover{background-color:#0056b3}.input-password{height:30px;padding:4px;font-size:14px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:100px;box-sizing:border-box;text-align:center;cursor:pointer}.card-image{width:40%;height:auto;border-radius:8px 8px 0 0}.card-title{margin:10px 0 0;font-size:1.2em}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2;font-weight:700}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.fila{display:flex;flex-direction:row;gap:20px}.save-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:transform .2s;border-radius:8px}.save-button:hover{background-color:#0056b3;transform:scale(1.05)}.btnActualizarProceso{padding:8px 10px;background-color:#007bff;color:#fff;border:none;cursor:pointer;margin-left:10PX;transition:transform .2s;border-radius:8px}.margenIzquierdo{margin-left:10px}.table-llegatarde{width:100%;border-collapse:collapse;font-size:12px;background-color:#fff}.table-llegatarde thead{background-color:#f8f9fa;position:sticky;top:0;z-index:1}.table-llegatarde th{padding:4px 6px;text-align:center;border:1px solid #ddd;font-weight:700;color:#495057;white-space:nowrap}.table-llegatarde td{padding:2px 4px;border:1px solid #ddd;vertical-align:middle;word-wrap:break-word;font-size:12px}.table-llegatarde .icon-cell-right{text-align:right}.table-llegatarde .icon-cell-center{text-align:center}.agregarmarca{font-size:2rem;margin-top:20px}.icon-marcacolab{color:green;transition:transform .2s}.icon-marcacolab:hover{transform:scale(1.2) rotate(-10deg);cursor:pointer}.icon-marcacolab:active{transform:scale(.95) rotate(10deg)}.table-horas,.tabla-detalle-horas{font-size:12px}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.form-row{display:flex;justify-content:space-between}.form-group{display:flex;flex-direction:column;margin-right:10px}.btnSalarios{padding:10px 20px;background-color:#00f;color:#fff;border:none;cursor:pointer;border-radius:8px}.btnSalarios:hover{transform:scale(1.1)}.form_colab_container{display:flex;justify-content:space-between;gap:20px}.form_colab_left{flex:2}.form-group_colab_100{width:150px}.form-group_colab_200{width:200px}.form_colab_right{flex:1;display:flex;flex-direction:column;align-items:center}.form-row_colab{display:flex;margin-bottom:2px}.form-group_colab{flex:1;margin-right:15px}.form-group_colab_200{flex:1;width:200px;margin-right:15px;border:1px solid red}.form-group_colab label{display:block}.camaraFoto{font-size:40px;color:#007bff;cursor:pointer;transition:transform .2s,color .2s}.camaraFoto:hover{transform:scale(1.2);color:#0056b3}.btnbuscacolaborador{margin-top:27px;margin-left:15px;width:30px;height:30px;color:green;cursor:pointer}.btnbuscacolaborador:hover{transform:scale(1.5)}.error-message{color:red;font-size:12px;margin-top:5px}.form-row_almuerzo{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:20px;gap:10px}.form-group_almuerzo{display:flex;flex-direction:column;margin-bottom:10px;flex:0 1 auto;min-width:100px}.form-group_almuerzo label{margin-bottom:5px}.form-group_almuerzo input,.form-group_almuerzo select{padding:1px;font-size:14px}.form-group_almuerzo button{align-self:center;padding:10px 20px;font-size:16px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease}.form-group_almuerzo button:hover{background-color:#0056b3}.align-right{text-align:right}.small-select{width:80px;height:27px}.medium-select{height:27px}.form-group_almuerzo select,.form-group_almuerzo input,.form-group_almuerzo button{margin-right:3px}.form-group_almuerzo:last-child button{margin-right:0}.table-almuerzo{font-size:12px}.table-almuerzo th:nth-child(1),.table-almuerzo td:nth-child(1){width:60px}.table-almuerzo th:nth-child(2),.table-almuerzo td:nth-child(2){width:60px}.table-almuerzo th:nth-child(3),.table-almuerzo td:nth-child(3){width:80px}.table-almuerzo th:nth-child(4),.table-almuerzo td:nth-child(4){width:80px}.card-marca{border:1px solid #ddd;border-radius:4px;padding:16px;box-shadow:0 2px 4px #0000001a}.card-marca-body{display:flex;flex-direction:column;align-items:center}.card-marca-title{font-size:1.5em;margin-bottom:8px}.card-marca-text{margin-bottom:16px}.btn-marca{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.btn-marca-primary{background-color:#007bff;color:#fff}.btn-marca{transition:transform .2s ease-in-out}.btn-marca:hover{cursor:pointer;transform:scale(1.2);transition:transform .2s ease-in-out}.icon-row{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.icon{font-size:32px;cursor:pointer;color:#007bff;transition:color .3s ease}.icon:hover{color:#0056b3}.modal-vaca{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content-vaca{background:#fff;padding:20px;border-radius:8px;width:400px;display:flex;flex-direction:column;align-items:stretch;gap:15px}.modal-form-vaca{display:flex;flex-direction:column;gap:10px}.modal-content-vaca label{font-weight:700;margin-bottom:5px}.modal-content-vaca input{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%}.modal-content-vaca button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:center}.modal-content-vaca button:hover{background:#0056b3}.form-row_canasto{display:flex;align-items:center;gap:10px;align-items:stretch}.form-group_canasto{display:flex;flex-direction:column;max-width:250px}.table-container{max-height:300px;width:400px;overflow-y:auto}.table_canasto{width:100%;border-collapse:collapse}.table_canasto th{position:sticky;top:0;background-color:#f4f4f4;z-index:1;text-align:center;padding:8px;border-bottom:2px solid #ddd}.table_canasto td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.table_canasto th:nth-child(1),.table_canasto td:nth-child(1){width:60%}.table_canasto th:nth-child(2),.table_canasto td:nth-child(2){width:10%}.table_canasto td:nth-child(2),.table_canasto td:nth-child(3),.table_canasto td:nth-child(4){text-align:center}.icon-edit{color:green;cursor:pointer}select{height:22px;padding:5px;font-size:11px}.mensaje-exito{color:green;font-size:14px;margin-left:10px;animation:fadeOut 3s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.margin-bottom-20{margin-bottom:20px}.table-container-comidas{max-width:700px;margin:0;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd;padding:0;height:300px;box-sizing:border-box}.table-comidas{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}.table-comidas th{background-color:#f4f4f4;font-weight:700;top:0;position:sticky;z-index:2;text-align:center;border-bottom:2px solid #ddd;padding:0}.table-comidas td{text-align:center;white-space:nowrap;padding:8px;border:1px solid #ddd}.table-comidas th:nth-child(1),.table-comidas td:nth-child(1){width:50%;text-align:left}.select_rota{margin-right:10px;font-size:14px;height:28px}.input_rota{margin-right:10px;font-size:14px;height:26px}.save-button_rota{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:transform .2s;border-radius:8px}.table-container-rotativos{max-width:800px;margin:20px 0 20px 10px;overflow-x:auto;padding:10px;border-radius:4px}.table-rotativos{width:100%;border-collapse:collapse}.table-rotativos th,.table-rotativos td{padding:8px;text-align:left;border:1px solid #ddd}.table-rotativos th{background-color:#f4f4f4;font-weight:700}.icon-cell-center{text-align:center;vertical-align:middle}.icon-cell-right{text-align:right;vertical-align:middle}.icon-cell-color{color:green;cursor:pointer;border:none}.icon-cell-color-del{color:red;cursor:pointer;border:none}.generarPDF{font-size:34px;color:#00f}.generarPDF:hover{cursor:pointer;transform:scale(1.2);transition:transform .2s ease-in-out}.generarExcel{font-size:34px;color:green}.generarExcel:hover{cursor:pointer;transform:scale(1.2);transition:transform .2s ease-in-out}.imprimir{margin-left:-60px;font-size:34px}.imprimir:hover{cursor:pointer;transform:scale(1.2);transition:transform .2s ease-in-out}.grafico{margin-left:-120px;font-size:34px}.grafico:hover{cursor:pointer;transform:scale(1.2);transition:transform .2s ease-in-out}.success-message{color:green;font-size:1.2em;margin-top:10px}@media (min-width: 1301px){.card{width:calc(25% - 40px)}}@media (max-width: 1300px){.card{width:calc(33.333% - 40px)}}@media (max-width: 768px){.card{width:calc(50% - 40px)}.form_colab{margin-left:0}.form-row_colab{flex-direction:column}.form-group_colab{margin-right:0;margin-bottom:15px}}@media (max-width: 480px){.card{width:calc(100% - 40px)}}