@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap";:root{--azul-principal:#31509b;--azul-claro:#86c0e6;--azul-oscuro:#0d2339;--blanco:#fff;--bg-primary:#f0f4f8;--bg-surface:#fff;--bg-card:#f8fafc;--border-color:#e2e8f0;--green-success:#22c55e;--gold:#f59e0b;--error:#ef4444;--text-primary:#0d2339;--text-secondary:#64748b;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0d2339,#31509b 50%,#86c0e6);color:var(--text-primary);font-family:Nunito Sans,Avenir Next,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.card{background:var(--bg-surface);border-radius:20px;box-shadow:0 20px 60px #0d23394d;max-width:440px;padding:36px;width:100%}.card-header{margin-bottom:28px;text-align:center}.card-header h1{color:var(--azul-oscuro);font-size:1.5rem;font-weight:800;margin-bottom:8px}.card-header p{color:var(--azul-oscuro);font-size:.95rem;font-weight:500}.logo{margin-bottom:24px;padding:16px 0;text-align:center}.logo-icon{align-items:center;background:var(--azul-principal);border-radius:50%;display:inline-flex;height:48px;justify-content:center;margin-bottom:8px;width:48px}.logo-icon svg{fill:#fff;height:24px;width:24px}.logo-text{color:var(--azul-oscuro);font-size:2.2rem;font-weight:800;letter-spacing:1px}.logo-sub{font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.logo-sub,.logo-ypay{color:var(--azul-principal);font-weight:700}.logo-ypay{font-size:1rem;letter-spacing:1px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--azul-principal)}.form-group input::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder{color:var(--text-muted)}.form-group .input-hint{color:var(--azul-oscuro);font-size:.85rem;font-weight:500;margin-top:6px}.monto-input{color:var(--azul-oscuro)!important;font-size:2.5rem!important;font-weight:800;letter-spacing:2px;text-align:center}.monto-label{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:4px;text-align:center}.btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:8px;padding:14px;transition:all .2s;width:100%}.btn-primary{background:var(--azul-principal);color:var(--blanco)}.btn-primary:hover:not(:disabled){background:#283f7d;box-shadow:0 4px 12px #31509b66;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--blanco);border:2px solid var(--azul-principal);color:var(--azul-principal);font-weight:700}.btn-secondary:hover{background:var(--azul-principal);color:var(--blanco)}.btn-gold{background:linear-gradient(135deg,var(--azul-principal),var(--azul-claro));color:var(--blanco)}.btn-gold:hover:not(:disabled){box-shadow:0 4px 12px #31509b66;transform:translateY(-1px)}.btn-gold:disabled{cursor:not-allowed;opacity:.5}.alert{border-radius:10px;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fef2f2;border:1px solid var(--error);color:var(--error)}.alert-success{background:#f0fdf4;border:1px solid var(--green-success);color:#166534}.alert-info{background:#eff6ff;border:1px solid var(--azul-claro);color:var(--azul-oscuro)}.resultado-icon{font-size:4rem;margin-bottom:16px;text-align:center}.resultado-monto{color:var(--azul-principal);font-size:2.5rem;font-weight:800;margin-bottom:8px;text-align:center}.resultado-codigo{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-family:monospace;font-size:.8rem;margin-top:16px;padding:10px;text-align:center}.divider{background:var(--border-color);height:1px;margin:20px 0}.link{color:var(--azul-principal);cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--azul-principal);display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.top-bar{background:linear-gradient(90deg,var(--azul-principal),var(--azul-claro));border-radius:20px 20px 0 0;height:4px;margin:-36px -36px 24px}@media(max-width:480px){.card{border-radius:16px;padding:28px 20px}.top-bar{border-radius:16px 16px 0 0;margin:-28px -20px 20px}.monto-input{font-size:2rem!important}}