.logo-container{display:flex;align-items:center;gap:1rem}.logo-image{height:48px;width:auto;display:block}@media (max-width: 768px){.logo-image{height:40px}}.header{background-color:#fff;width:100%}.header-top-bar{height:4px;background-color:#e8e8e8;width:100%}.header-content{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.header-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.header-user-name{font-size:1rem;font-weight:600;color:#000}.header-user-number{font-size:.875rem;color:#666}@media (max-width: 768px){.header-content{padding:1rem}}.login-form-container{width:100%;max-width:500px;padding:0 1rem}.login-form-card{background-color:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 2px 8px #0000001a}.login-greeting{font-size:2rem;font-weight:700;color:#000;margin-bottom:1.5rem;text-align:left}.login-form{display:flex;flex-direction:column;gap:1rem}.login-label{font-size:.95rem;color:#000;font-weight:500;margin-bottom:.5rem}.login-input{width:100%;padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;background-color:#fff;transition:border-color .2s}.login-input:focus{outline:none;border-color:#ff6b35}.login-input::placeholder{color:#999}.recaptcha-notice{font-size:.75rem;color:#000;line-height:1.5;margin-top:.5rem;margin-bottom:1rem}.recaptcha-link{color:#06c;text-decoration:underline;cursor:pointer}.recaptcha-link:hover{color:#0052a3}.login-button{width:100%;padding:.875rem 1.5rem;background-color:#ff6b35;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.login-button:hover{background-color:#e55a2b}.login-button:active{background-color:#cc4f24}@media (max-width: 768px){.login-form-card{padding:2rem 1.5rem}.login-greeting{font-size:1.75rem}}.toku-logo{display:inline-flex;align-items:center;font-size:1.25rem;font-weight:600;color:#000;letter-spacing:-.5px}.toku-o{position:relative;display:inline-block}.toku-arrow{position:absolute;width:10px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);color:#000}.footer{background-color:#f5f5f5;padding:2rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:1.5rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-link{color:#000;text-decoration:underline;font-size:.9rem;cursor:pointer;transition:color .2s}.footer-link:hover{color:#666}.footer-credits{display:flex;align-items:center;gap:.5rem}.footer-text{font-size:.9rem;color:#000}@media (max-width: 768px){.footer{padding:1.5rem 1rem}.footer-content{flex-direction:column;align-items:flex-start}.footer-links{flex-direction:column;gap:.75rem}}.login-screen{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.login-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.navigation-tabs{display:flex;gap:2rem;padding:0 2rem;background-color:#fff;border-bottom:1px solid #e8e8e8}.nav-tab{background:none;border:none;padding:1rem 0;font-size:1rem;color:#666;cursor:pointer;position:relative;transition:color .2s;font-weight:500}.nav-tab:hover{color:#000}.nav-tab.active{color:#000;font-weight:600}.nav-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#ff6b35}@media (max-width: 768px){.navigation-tabs{padding:0 1rem;gap:1rem}.nav-tab{font-size:.9rem;padding:.875rem 0}}.payment-card{background-color:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.payment-card-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.payment-card-text{flex:1}.payment-card-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:.5rem}.payment-card-subtitle{font-size:1rem;color:#666;margin:0}.payment-card-button{padding:.875rem 2rem;background-color:#ff6b35;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.payment-card-button:hover{background-color:#e55a2b}.payment-card-button:active{background-color:#cc4f24}.payment-card-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.payment-card-button:disabled:hover{background-color:#ccc}@media (max-width: 768px){.payment-card{padding:1.5rem}.payment-card-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.payment-card-button{width:100%}.payment-card-title{font-size:1.25rem}}.product-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;flex:1;min-width:280px}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.product-card-number{font-size:1.25rem;font-weight:600;color:#000}.product-card-menu{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.product-card-menu:hover{opacity:.7}.product-card-status{font-size:.9rem;color:#666;margin-bottom:1rem}.product-card-payment{display:flex;align-items:center;gap:.75rem}.payment-method-icon{display:flex;align-items:center}.payment-method-icon-empty{opacity:.7}.payment-method-text{font-size:.95rem;color:#000;font-weight:500;flex:1}.payment-method-text-empty{color:#999;font-weight:400}.payment-warning-icon{flex-shrink:0}@media (max-width: 768px){.product-card{min-width:100%}}.dashboard{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.dashboard-main{flex:1;padding:2rem}.dashboard-content{max-width:1200px;margin:0 auto}.products-section{margin-top:2rem}.products-section-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1.5rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.historial-section{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.historial-placeholder{text-align:center;padding:3rem;color:#666}.loading-container,.error-container,.no-products-container{text-align:center;padding:3rem;color:#666;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.error-container{color:#d32f2f}@media (max-width: 768px){.dashboard-main{padding:1rem}.products-grid{grid-template-columns:1fr}.products-section-title{font-size:1.25rem}}.payment-success{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.payment-success-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.payment-success-container{width:100%;max-width:600px}.success-card{background-color:#fff;border-radius:12px;padding:3rem 2.5rem;box-shadow:0 2px 8px #0000001a;text-align:center}.success-icon-container{display:flex;justify-content:center;margin-bottom:2rem}.success-icon{width:100px;height:100px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:2rem;font-weight:600;color:#000;margin-bottom:1rem}.success-message{font-size:1rem;color:#666;line-height:1.6;margin-bottom:2rem}.success-details{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:left}.success-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e8e8e8}.success-detail-item:last-child{border-bottom:none}.detail-label{font-size:.95rem;color:#666;font-weight:500}.detail-value{font-size:.95rem;color:#000;font-weight:600}.detail-value.success{color:#4caf50}.success-button{width:100%;padding:.875rem 2rem;background-color:#ff6b35;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.success-button:hover{background-color:#e55a2b}.success-button:active{background-color:#cc4f24}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loader-spinner{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loader-text{font-size:1rem;color:#666;text-align:center}.error-card{border:2px solid #ffebee}.error-icon{animation:scaleIn .5s ease-out}.error-title{color:#d32f2f}.success-icon{animation:scaleIn .5s ease-out}@media (max-width: 768px){.success-card{padding:2rem 1.5rem}.success-title{font-size:1.75rem}.success-icon{width:80px;height:80px}.success-details{padding:1rem}.success-detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}.loader-spinner{width:50px;height:50px}}.transbank-redirect{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.transbank-redirect-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.redirect-container{width:100%;max-width:600px}.redirect-card{background-color:#fff;border-radius:12px;padding:3rem 2.5rem;box-shadow:0 2px 8px #0000001a;text-align:center}.redirect-icon-container{display:flex;justify-content:center;margin-bottom:2rem}.redirect-icon{width:100px;height:100px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.redirect-title{font-size:2rem;font-weight:600;color:#000;margin-bottom:1rem}.redirect-message{font-size:1rem;color:#666;line-height:1.6;margin-bottom:2rem}.redirect-countdown{margin-bottom:2rem}.countdown-text{font-size:1.1rem;color:#000;margin:0}.countdown-number{font-size:1.5rem;font-weight:700;color:#ff6b35}.redirect-loader{display:flex;justify-content:center;margin-bottom:2rem}.loader-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.redirect-button{width:100%;padding:.875rem 2rem;background-color:#ff6b35;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.redirect-button:hover{background-color:#e55a2b}.redirect-button:active{background-color:#cc4f24}@media (max-width: 768px){.redirect-card{padding:2rem 1.5rem}.redirect-title{font-size:1.75rem}.redirect-icon{width:80px;height:80px}}.privacy-policy{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.privacy-policy-main{flex:1;padding:2rem}.privacy-policy-content{max-width:900px;margin:0 auto;background-color:#fff;border-radius:12px;padding:3rem;box-shadow:0 2px 8px #0000001a}.privacy-policy-title{font-size:2rem;font-weight:700;color:#000;margin-bottom:2rem;text-align:center}.privacy-section{margin-bottom:2.5rem}.privacy-section:last-of-type{margin-bottom:2rem}.privacy-section-title{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:1rem}.privacy-section p{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1rem}.privacy-section ul{margin-left:1.5rem;margin-bottom:1rem}.privacy-section li{font-size:1rem;line-height:1.6;color:#333;margin-bottom:.5rem}.privacy-policy-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0;text-align:center}.privacy-last-updated{font-size:.9rem;color:#666;margin:0}.privacy-last-updated strong{color:#000}@media (max-width: 768px){.privacy-policy-main{padding:1rem}.privacy-policy-content{padding:1.5rem}.privacy-policy-title{font-size:1.5rem}.privacy-section-title{font-size:1.1rem}.privacy-section p,.privacy-section li{font-size:.95rem}}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}