.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;text-align:center;padding:clamp(16px,4vw,32px)}.title-Home{color:#f5f5f5;font-size:clamp(1.5rem,5vw,2rem);margin-bottom:2rem}.scan-button{padding:15px 30px;font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700;color:#fff;background:#004c97;border:none;border-radius:10px;cursor:pointer;transition:.3s;margin-bottom:1rem}.scan-button:hover{background:#007ac3}.status-button{margin-top:8px;padding:12px 24px;background-color:#fff;color:#007acc;border:2px solid #007acc;border-radius:8px;font-size:clamp(.95rem,3.2vw,16px);font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease}.status-button:hover{background-color:#007acc;color:#fff}.logout-text{margin-top:20px;color:#004c97;font-size:1rem;cursor:pointer;text-decoration:underline}.logout-text:hover{color:#007ac3}@media (max-width: 480px){.scan-button,.status-button{width:100%}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100dvh;padding:clamp(16px,4vw,32px)}.login-container{padding:clamp(20px,4vw,30px);border-radius:10px;text-align:center;color:#000;width:clamp(280px,90vw,420px);margin:auto}.footer-container{margin-bottom:20px;text-align:center}.footer-logo{width:clamp(84px,18vw,120px);opacity:.8;display:block;margin:0 auto 5px}.powered-text{font-size:clamp(12px,3.2vw,14px);color:#fffc;text-align:center;font-weight:400}.powered-text span{font-weight:700;color:#fff}.scan-result-container{margin:40px auto;background:linear-gradient(135deg,#0072ce,#32a852);border-radius:15px;box-shadow:0 4px 10px #0003;max-width:min(720px,92vw);width:100%;padding:clamp(16px,3.5vw,40px);display:flex;flex-direction:column;align-items:center}.scan-result-container h1{color:#f5f5f5;font-size:clamp(1.25rem,3.5vw,1.75rem)}.scanner-box{width:100%;max-width:min(640px,100%);margin:20px auto}.scanner-box video,.scanner-box canvas{width:100%!important;height:auto!important;display:block}.pallets-scroll{width:100%;height:clamp(240px,38vh,420px);margin:20px 0;overflow-y:auto;padding-right:8px}.pallets-scroll::-webkit-scrollbar{width:6px}.pallets-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.pallets-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;justify-items:center;width:100%}.pallet-card{position:relative;width:100%;max-width:200px;padding:12px;border-radius:8px;box-shadow:0 2px 6px #00000026;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}.pallet-card p{margin:6px 0;font-size:.9rem;color:#333}.pallet-card .special-button{display:block;width:100%;margin-top:10px;padding:8px 0;background:#007bff;color:#fff;font-size:.85rem;border:none;border-radius:6px;cursor:pointer}.pallet-card .special-button:hover{background:#0056b3}.input-especial{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.input-especial label{display:block;width:100%;color:#000;text-align:center}.input-especial input{width:80%;font-size:.85rem;padding:6px 10px}.summary{display:flex;color:#f5f5f5;justify-content:center;margin:30px 0 10px;font-size:1rem;gap:12px;flex-wrap:wrap}.summary p{margin:0;display:inline-block;color:#f5f5f5}.button-container{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%}.button-container button{width:auto;margin:0 10px}.scann-button,.confirm-button{padding:10px 20px;font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:.3s;background:#007bff;color:#fff}.scann-button{background:#007bff;color:#fff}.scann-button:hover{background:#0056b3}.confirm-button{background:#0056b3;color:#fff}.confirm-button:hover{background:#0056b3}.pallet-card .delete-btn{position:absolute;top:0;right:3px;z-index:10;background:#fffc;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;cursor:pointer}.pallet-card .delete-btn:hover{background:transparent;color:#fff}.modal{background:linear-gradient(135deg,#0072ce,#32a852);padding:1.5rem 2rem;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;width:min(92vw,520px)}.modal-actions{margin-top:1rem;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.modal-actions button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700}.modal-actions button:first-child{background:#0072ce}.modal-actions button:last-child{background:#0072ce}@media (max-width: 520px){.pallets-container{grid-template-columns:repeat(2,1fr)}.button-container button{width:100%;margin:0}}@media (max-width: 360px){.pallets-container{grid-template-columns:1fr}}.page-header{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px}.ph-back{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#fff;padding:0}.ph-back:hover{opacity:.8}.ph-title{margin:0;font-size:28px;color:#fff;font-weight:700}.container{max-width:600px;margin:auto;padding:clamp(16px,3vw,20px);text-align:center;background:transparent;border-radius:10px;box-shadow:0 4px 10px #0000001a}h1{font-size:clamp(1.2rem,3.5vw,24px);margin-bottom:20px;color:#f5f5f5}.dropdown-container{display:flex;flex-direction:column;margin-bottom:15px;text-align:left;gap:6px}label{font-weight:700;color:#f5f5f5;margin-bottom:5px}select{width:100%;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:5px;background:transparent;cursor:pointer}@media (min-width: 768px){.container{max-width:720px}}.rec-start-container{display:flex;flex-direction:column;min-height:100dvh;padding:clamp(16px,3vw,24px);max-width:1200px;margin:0 auto}.loading,.no-data{font-size:1.1rem;margin:32px 0}.viajes-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.viaje-card{background:#ffffff1a;border-radius:8px;padding:16px;width:clamp(260px,42vw,320px);box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:8px;text-align:left}.viaje-card p{margin:4px 0;color:#f5f5f5}.start-btn{margin-top:12px;padding:8px;background:#fff;color:#0072ce;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.start-btn:hover{background:#e0e0e0}.logout{margin-top:24px;text-decoration:underline;cursor:pointer;color:#fff}.logout:hover{color:#ddd}@media (max-width: 600px){.viaje-card{width:92%}}.container{max-width:600px;margin:auto;padding:clamp(16px,3vw,20px);text-align:center;color:#f5f5f5;border-radius:10px;box-shadow:0 4px 10px #0000001a}.reception-container{max-width:700px;margin:40px auto;padding:clamp(16px,3.5vw,30px);background:linear-gradient(135deg,#0072ce,#32a852);border-radius:12px;color:#f5f5f5;text-align:center;width:92vw}.details-container{text-align:left;margin-bottom:20px}.reception-summary{margin:20px 0;padding:12px;background:#ffffff1a;border-radius:6px;color:#f5f5f5}.reception-summary p{margin:4px 0;font-size:1rem}h3{font-size:clamp(1.1rem,3.5vw,24px);margin-bottom:20px;color:#f5f5f5}.summary-list{list-style:none;padding:0;margin-bottom:20px;color:#f5f5f5}.summary-list li{font-size:16px;margin:5px 0}.checkbox-group{margin:15px 0}.checkbox-group label{margin-right:20px;font-size:16px;color:#f5f5f5}.motivo-box{margin:15px 0;text-align:left}.motivo-box label{font-weight:700;display:block;margin-bottom:8px;color:#f5f5f5}.input-box,.textarea-box{width:100%;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:5px;background:#f9f9f9;margin-top:5px}.textarea-box{height:80px}.button{background-color:#007bff;color:#fff;font-size:16px;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin-top:15px;width:100%}.button:disabled{background-color:#ccc;cursor:not-allowed}@media (min-width: 768px){.reception-container{width:min(92vw,720px)}}.page-wrapper{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f8bff,#28c76f);padding:clamp(16px,3vw,32px)}.total-bolsas-input{color:#fff;width:3rem;background:transparent}.confirm-container{width:min(960px,94vw);padding:clamp(16px,3vw,32px);background:transparent;border-radius:12px;color:#f5f5f5;box-shadow:0 6px 20px #00000026;font-size:14px;line-height:1.4;display:flex;flex-direction:column;gap:12px}.confirm-container h1{margin-bottom:1rem;font-size:clamp(1.3rem,2.8vw,1.7rem);text-align:center;color:#f5f5f5}.confirm-summary-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:1rem}.confirm-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;color:#f5f5f5;margin-bottom:1rem}.confirm-pallets{margin-bottom:1rem}.confirm-pallets h3{margin-bottom:.5rem;color:#f5f5f5}.pallet-row{display:flex;justify-content:space-between;gap:8px;padding:.4rem 0;color:#f5f5f5}.confirm-extra-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:1rem;color:#f5f5f5}.toggle-comments-button{background:transparent;border:none;color:whitesmokead;font-size:.95rem;cursor:pointer;align-self:flex-start;margin-bottom:1rem}.confirm-dest-com{margin-bottom:1.5rem;margin-right:23px}.confirm-dest-com label{display:block;margin-bottom:.3rem}.textarea-box{width:96%;height:80px;padding:.6rem;font-size:.95rem;border:1px solid #ccc;border-radius:4px;resize:vertical}.confirm-button{margin-top:auto;padding:.9rem;font-size:1.1rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer}@media (max-width: 700px){.confirm-summary-row,.confirm-extra-row,.pallet-row{flex-direction:column;align-items:flex-start}.textarea-box,.confirm-button{width:100%}}.status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;text-align:center;padding:clamp(16px,4vw,32px)}.p,.h1{color:#f5f5f5}.dispatch-status-container{display:flex;flex-direction:column;min-height:100dvh;padding:clamp(16px,3vw,24px);max-width:1200px;margin:0 auto}.tabs{display:flex;gap:12px;justify-content:center;margin:16px 0;flex-wrap:wrap;row-gap:8px}.tab{padding:8px 16px;background:transparent;border:2px solid #fff;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s ease}.tab.active,.tab:hover{background-color:#fff3}.dispatch-list{flex:1;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-content:flex-start;overflow-y:auto;padding-bottom:16px}.dispatch-card{position:relative;flex:1 1 250px;max-width:clamp(280px,42vw,320px);background-color:#ffffff1a;color:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0003;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.dispatch-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.delete-btn{position:absolute;top:12px;right:12px;background:transparent;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.loading-text,.no-data{text-align:center;margin-top:32px;color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:linear-gradient(135deg,#0072ce,#32a852);box-shadow:0 4px 10px #0003;padding:1.5rem;color:#f5f5f5;border-radius:8px;text-align:center;width:90%;max-width:360px}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.modal-actions button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:700}.modal-actions button:first-child,.modal-actions button:last-child{background:transparent;color:#f5f5f5}@media (max-width: 600px){.dispatch-list{align-items:center}.dispatch-card{max-width:92%}}.p{color:#f5f5f5}.lote-lista{list-style:none;padding-left:0;margin:4px 0 0}.lote-lista li{margin:2px 0;word-break:break-word}body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(16px,4vw,32px)}.app-container{width:100%;max-width:1024px;text-align:center;padding:clamp(16px,3vw,24px)}@media (max-width: 600px){body{align-items:flex-start}}*,*:before,*:after{box-sizing:border-box}:root{--radius: 15px;--shadow: 0 4px 10px rgba(0, 0, 0, .2)}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-height:100dvh;font-family:Arial,sans-serif;line-height:1.4;background:linear-gradient(135deg,#0072ce,#32a852) fixed;text-align:center;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{background:transparent;padding:clamp(16px,3vw,40px);border-radius:var(--radius);box-shadow:var(--shadow);width:clamp(280px,90vw,720px);margin:clamp(16px,4vh,40px) auto}button{background:#0072ce;color:#fff;border:none;padding:clamp(10px,2.2vw,15px) clamp(14px,3vw,20px);font-size:clamp(1rem,1.8vw,1.2rem);cursor:pointer;border-radius:10px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;min-height:44px}button:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 480px){.container{width:calc(100% - 24px);margin:12px auto;border-radius:12px;box-shadow:0 3px 8px #0000002e}}@media (min-width: 768px){.container{width:clamp(320px,80vw,800px)}}@media (prefers-reduced-motion: reduce){button{transition:none}}