body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.boton{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.boton:disabled{cursor:not-allowed;opacity:.6}.primario{background-color:#2c8ccb}.primario:hover:not(:disabled){background-color:#1c5881}.secundario{background-color:#95a5a6}.secundario:hover:not(:disabled){background-color:#7f8c8d}.peligro{background-color:#b24a3e}.peligro:hover:not(:disabled){background-color:#8a1e12}.advertencia{background-color:#f8ae38}.advertencia:hover:not(:disabled){background-color:#a46b0e}.exito{background-color:#32bc6b}.exito:hover:not(:disabled){background-color:#1e8449}.link{background-color:initial;color:#3498db;font-weight:400;padding:0;text-decoration:underline}.link:hover:not(:disabled){color:#2980b9}.little{font-size:.9rem;padding:.2rem .5rem}.normal{font-size:.85rem;padding:.5rem 1.1rem}.big{font-size:1.1rem;padding:.8rem 1.8rem}.logo-container{display:flex;justify-content:center;padding:0 0 1rem}.logo-container img{height:3.5em}@media (max-width:600px){.logo-container img{height:2.5em}}.App-logo-login{align-items:center;align-self:center;display:flex;justify-content:center;margin-bottom:2rem;min-height:50px;width:100%}.login-container{animation:pulse-shadow 10s ease-in-out infinite;background:#1c2032;border:.1px solid #ddb402;border-radius:25px;margin:4rem auto;max-width:800px;min-width:400px;padding:3rem}.login-container:hover{animation:pulse-shadow-hover 6s ease-in-out infinite;background:#1c2032;border:.5px solid #ddb402}@media (max-width:600px){.login-container{max-width:400px;min-width:250px}}@keyframes pulse-shadow{40%,to{box-shadow:0 0 1px #ffffff1a}70%{box-shadow:0 0 20px #ffffff80}}@keyframes pulse-shadow-hover{0%,70%{box-shadow:0 0 10px #fff0}35%{box-shadow:0 0 60px #fffc}}.login-container form input{display:block;margin-bottom:1rem;padding:.5rem;width:100%}.login-container button{cursor:pointer;padding:.5rem;width:100%}.login-input{background:#eeefef;border:1px solid #555;border-radius:4px;color:#3b3333;font-size:.9rem;max-width:100%;padding:6px 10px}.login-button{background-color:#dea407;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;max-width:100%;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.login-button:hover:not(:disabled){background-color:#d7c843}*{box-sizing:border-box}.App{background:#121a26;color:#e0e6ed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;text-align:center}.App,.App-header{display:flex;flex-direction:column}.App-header{align-items:center;background-color:#1b2631;justify-content:flex-start;padding:1rem 2rem;position:relative;z-index:10}.App-logo{height:2.5em;margin:0 0 2rem;padding:0}@media (max-width:600px){.App-logo{height:1.2em}}.logo-y-bienvenida{align-items:center;display:flex;width:100%}.header-top{grid-gap:0;background-color:#1b2631;display:grid;gap:0;grid-template-columns:1fr;grid-template-rows:auto auto;padding:1rem 2rem;width:100%}.logo-container-app{justify-self:start;margin:0;padding:0}.right-header{align-items:flex-end;display:flex;flex-direction:column}.bienvenida-container{align-items:center;display:flex;gap:.5rem;padding-bottom:.5rem}.bienvenida{color:#ebd400;font-weight:700;margin:0;white-space:nowrap}@media (prefers-reduced-motion:reduce){.App-logo{animation:none}}.nav{overflow-x:auto;padding-top:.5rem;scrollbar-color:#333 #111;scrollbar-width:thin;white-space:nowrap}.nav,.nav-content{display:flex;gap:1rem}.nav-content{justify-content:flex-start;margin-left:auto;width:-webkit-max-content;width:max-content}.nav a{color:#0ff;display:inline-flex;font-size:.7rem;font-weight:700;text-decoration:none}.nav a:hover{color:#fff}.nav::-webkit-scrollbar{height:6px}.nav::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.nav::-webkit-scrollbar-track{background:#000}.main-content{flex:1 1;padding:1rem 2rem;position:relative;z-index:5}.main-content,.page-content{align-items:center;display:flex;flex-direction:column}.page-content{width:100%}.page-content.blur{filter:blur(4px);pointer-events:none;transition:filter .3s ease;-webkit-user-select:none;user-select:none}.page-title{color:#32d4fa;font-size:2rem;margin-bottom:2rem;text-align:center;width:100%}.tarjetas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin:2rem auto;max-width:1200px;padding:0;width:100%}.tarjeta{background-color:#1f2a38;border:1px solid #0000;border-radius:12px;box-shadow:0 8px 15px #0003;color:#d9e2ec;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:1.5rem 1.8rem;position:relative;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .5s ease,background-color .5s ease}.tarjeta:hover{background-color:#2a3d54;border-color:#3f83f8;box-shadow:0 20px 40px #00000059;transform:translateY(-4px) scale(1.01)}.modal .tarjeta:hover{background-color:#34495e}.tarjeta h3{color:#32d4fa;font-size:1rem;font-weight:700;margin-bottom:.7rem}.tarjeta p{color:#dadfe4;font-size:.8rem;line-height:1.4;margin:.25rem 0}.tarjeta p strong{color:#32d4fa;font-weight:600}.checklist{border-top:1px solid #34495e;color:#d1d6de;font-size:.75rem;line-height:1.3;margin-top:1.2rem;padding-top:.8rem}.check-item{align-items:center;display:flex;margin-bottom:.5rem;position:relative}.check-circle{background-color:#a7b0bc;border-radius:50%;flex-shrink:0;height:10px;margin-right:.7rem;transition:background-color .3s ease;width:10px}.check-circle.completo{background-color:#15ec6e}.check-item:not(:last-child):after{background-color:#4a5a70;content:"";height:calc(100% - 18px);left:7px;position:absolute;top:18px;width:2px}.check-date{color:#aee7f4;font-size:.65rem;font-weight:500}.check-date.pendiente{color:#4fd8f3}.estado-tarjeta{border-radius:6px;box-shadow:0 0 8px #0003;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:.3rem .7rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;-webkit-user-select:none;user-select:none}.estado-tarjeta.pendiente{background:#e74c3c}.estado-tarjeta.pendiente-regulatory{background:#f39c12}.estado-tarjeta.pendiente-compras{background:#8e7d5e}.estado-tarjeta.pendiente-diseno{background:#cfac10}.estado-tarjeta.pendiente-proveedor{background:#b153b1}.estado-tarjeta.pendiente-pedido{background:#715e4a}.estado-tarjeta.completado{background:#2ecc71}.modal-overlay{align-items:center;background:#0a1928d9;display:flex;filter:none!important;height:100vh;inset:0;justify-content:center;padding:1rem;position:fixed;text-align:left;transition:background .3s ease;width:100vw;will-change:transform,opacity;z-index:10000}.modal{background:#243447;border-radius:12px;box-shadow:0 15px 30px #00000080;color:#dfe6ef;filter:none!important;font-size:.75rem;font-weight:600;isolation:isolate;max-height:80vh;max-width:700px;opacity:0;overflow-y:auto;padding:2rem 2.5rem;position:relative;transform:scale(.9);transition:opacity .3s ease-out,transform .3s ease-out;width:90%}.modal-overlay.open .modal{opacity:1;transform:scale(1) translateY(0)}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-thumb{background-color:#4a90e2;border-radius:10px}.formulario-packaging{grid-gap:1.2rem 2rem;box-sizing:border-box;display:grid;gap:1.2rem 2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:700px;padding:1rem;text-align:left}.formulario-packaging label{color:#eee;display:flex;flex-direction:column;font-size:.9rem;font-weight:600}.input-corto{max-width:180px}.input-corto,.input-medio{background:#22303f;border:1px solid #555;border-radius:6px;color:#eee;font-size:.9rem;padding:6px 10px}.input-medio{max-width:280px}.input-largo{background:#22303f;border:1px solid #555;border-radius:6px;color:#eee;font-size:.9rem;max-width:440px;padding:6px 10px}button.btn-primario{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;grid-column:1/-1;justify-self:center;padding:10px 24px;transition:background-color .3s ease}button.btn-primario:hover{background-color:#2980b9}@media (max-width:700px){.formulario-packaging{grid-template-columns:1fr}.input-corto,.input-largo,.input-medio{max-width:100%}button.btn-primario{width:100%}}
/*# sourceMappingURL=main.6cb45ce8.css.map*/