*,*:before,*:after{box-sizing:border-box}:root{--azul: #4F70E8;--azul-dk: #3B55C4;--rojo: #EF4444;--amarillo: #F59E0B;--verde: #10B981;--borde: #E5E7EB;--fondo: #F3F4F8;--card: #FFFFFF;--texto: #111827;--texto-2: #6B7280;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.07), 0 8px 24px rgba(0,0,0,.05)}html,body{min-height:100vh;background:var(--fondo);font-family:Montserrat,system-ui,sans-serif;color:var(--texto);margin:0;padding:0;overflow-x:hidden}.venc-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #00000040}.venc-header__logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:700}.venc-header__logo img{height:30px;width:auto;mix-blend-mode:screen}.venc-header__badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fffc;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}.venc-header__right{display:flex;align-items:center;gap:10px}.venc-header__avatar{width:32px;height:32px;border-radius:50%;background:#ffffff26;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase;border:1px solid rgba(255,255,255,.25)}.venc-header__vendedor{color:#fffc;font-size:13px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.venc-header__logout{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s}.venc-header__logout:hover{background:#fff3}.venc-page{min-height:100vh;background:var(--fondo)}.venc-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--fondo);padding:24px}.venc-login-card{background:var(--card);border-radius:20px;padding:48px 40px;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--borde)}.venc-login-card__logo{height:48px;width:auto;margin-bottom:24px}.venc-login-card h1{font-size:20px;font-weight:800;color:var(--texto);margin:0 0 6px}.venc-login-card p{font-size:13px;color:var(--texto-2);margin:0 0 28px}.venc-btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 20px;background:var(--card);border:1px solid var(--borde);border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;color:var(--texto);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:var(--shadow-sm)}.venc-btn-google:hover:not(:disabled){border-color:#4285f4;box-shadow:0 4px 16px #4285f41f;background:#fafbff}.venc-btn-google:active{transform:translateY(1px)}.venc-btn-google:disabled{opacity:.6;cursor:default}.venc-btn-google__icon{width:20px;height:20px;flex-shrink:0}.venc-login-error{color:var(--rojo);font-size:12px;font-weight:600;margin-top:14px;display:none}.venc-login-error--visible{display:block}.venc-hero{background:var(--fondo);padding:32px 28px 18px;text-align:center}.venc-hero__title{font-size:24px;font-weight:800;color:var(--texto);margin-bottom:16px;letter-spacing:-.01em}.venc-hero__search-wrap{position:relative;max-width:480px;margin:0 auto}.venc-hero__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;width:17px;height:17px;pointer-events:none}.venc-hero__search{width:100%;padding:13px 16px 13px 44px;border:1px solid var(--borde);border-radius:12px;background:var(--card);font-size:14px;font-family:inherit;color:var(--texto);outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.venc-hero__search::placeholder{color:#9ca3af;font-weight:500}.venc-hero__search:focus{border-color:var(--azul);box-shadow:0 0 0 3px #4f70e81a}.venc-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 16px 18px;max-width:712px;margin:0 auto}.venc-chip-30{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;border:1px solid var(--borde);background:var(--card);cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:var(--shadow-sm)}.venc-chip-30:hover{border-color:var(--amarillo)}.venc-chip-30.active{background:#fffbeb;border-color:var(--amarillo)}.venc-chip-30__num{font-size:16px;font-weight:800;color:var(--amarillo);line-height:1}.venc-chip-30__label{font-size:11px;font-weight:700;color:var(--texto-2);text-transform:uppercase;letter-spacing:.05em}.venc-select{padding:8px 14px;border:1px solid var(--borde);border-radius:10px;background:var(--card);font-size:13px;font-family:inherit;font-weight:600;color:#374151;outline:none;cursor:pointer;transition:border-color .15s;box-shadow:var(--shadow-sm)}.venc-select:focus{border-color:var(--azul)}.venc-select-toggle{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--azul);border-radius:10px;background:#eef2ff;font-size:13px;font-family:inherit;font-weight:700;color:var(--azul);cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)}.venc-select-toggle:hover{background:#e0e7ff}.venc-select-toggle--cancel{border-color:var(--borde);background:var(--card);color:#6b7280}.venc-select-toggle--cancel:hover{background:#f3f4f6}.venc-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--borde);border-radius:10px;background:var(--card);font-size:13px;font-family:inherit;font-weight:600;color:var(--texto-2);cursor:pointer;transition:all .15s;margin-left:auto;box-shadow:var(--shadow-sm)}.venc-refresh-btn:hover{border-color:var(--azul);color:var(--azul)}.venc-list-outer{padding:0 16px 60px;max-width:712px;margin:0 auto}.venc-card-list{background:var(--card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--borde);min-height:200px}.venc-card{border-left:4px solid transparent;cursor:pointer;transition:background .1s}.venc-card+.venc-card{border-top:1px solid #F3F4F6}.venc-card--rojo{border-left-color:var(--rojo);background:snow}.venc-card--naranja{border-left-color:var(--amarillo);background:#fffdf5}.venc-card--verde{border-left-color:var(--verde);background:var(--card)}.venc-card:hover{background:#f9fafb}.venc-card--rojo:hover{background:#fef2f2}.venc-card--naranja:hover{background:#fffbeb}.venc-card__main{display:flex;align-items:center;gap:12px;padding:14px 18px}.venc-dias-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}.venc-dias-badge--rojo{background:#fee2e2;color:#dc2626}.venc-dias-badge--naranja{background:#fef3c7;color:#d97706}.venc-dias-badge--verde{background:#d1fae5;color:#059669}.venc-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.venc-card__desc{font-size:14px;font-weight:600;color:var(--texto);line-height:1.3}.venc-card__meta{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--texto-2);font-weight:500}.venc-card__codigo{font-weight:700;color:var(--azul)}.venc-card__sep{color:#d1d5db}.venc-card__cant{font-size:13px;font-weight:600;color:#374151;flex-shrink:0;text-align:right;white-space:nowrap}.venc-card__detail{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #F3F4F6;background:#fafafa}.venc-card__detail>div{display:flex;flex-direction:column;gap:3px;padding:12px 18px;border-right:1px solid #F3F4F6;border-bottom:1px solid #F3F4F6}.venc-card__detail>div:nth-child(2n){border-right:none}.venc-card__detail>div:nth-last-child(-n+2){border-bottom:none}.venc-card__detail>div:last-child:nth-child(odd){grid-column:1 / -1}.venc-card__detail span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af}.venc-card__detail strong{font-size:14px;font-weight:600;color:var(--texto)}.venc-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--borde);background:var(--card);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.venc-check--on{background:var(--azul);border-color:var(--azul);color:#fff}.venc-card--selectable{user-select:none}.venc-card--selected{outline:2px solid var(--azul);outline-offset:-2px}.venc-card--disabled{opacity:.4;pointer-events:none}.venc-sel-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:#0f172a;color:#fff;border-radius:999px;padding:12px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #0000004d;white-space:nowrap}.venc-sel-bar__cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:13px;font-weight:600;font-family:inherit;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .15s}.venc-sel-bar__cancel:hover{background:#ffffff1a;color:#fff}.venc-sel-bar__count{font-size:13px;color:#ffffffb3}.venc-sel-bar__count strong{color:#fff;font-size:15px;font-weight:800}.venc-sel-bar__btn{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--azul);border:none;border-radius:999px;color:#fff;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s}.venc-sel-bar__btn:hover:not(:disabled){filter:brightness(1.15)}.venc-sel-bar__btn:disabled{opacity:.45;cursor:default}.venc-loading{display:flex;align-items:center;justify-content:center;gap:14px;padding:60px;color:var(--texto-2);font-size:14px;font-weight:600}.venc-spinner{width:26px;height:26px;border:3px solid #E5E7EB;border-top-color:var(--azul);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.venc-error{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;color:#dc2626;font-size:14px;font-weight:500}.venc-error button{margin-left:auto;padding:7px 14px;background:var(--rojo);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}.venc-empty{text-align:center;padding:60px 20px;color:#9ca3af;font-size:14px;font-weight:500}.venc-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;background:var(--card);border-radius:0 0 16px 16px;border:1px solid var(--borde);border-top:1px solid #F3F4F6;box-shadow:var(--shadow-md);margin-top:-1px}.venc-footer-info{font-size:12px;color:var(--texto-2);font-weight:500;white-space:nowrap}.venc-paginador{display:flex;align-items:center;gap:12px}.venc-pag-btn{height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--borde);background:var(--card);color:#374151;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;display:flex;align-items:center;white-space:nowrap}.venc-pag-btn--nav:hover:not(:disabled){border-color:var(--azul);color:var(--azul)}.venc-pag-btn:disabled{opacity:.35;cursor:default}.venc-pag-info{font-size:13px;font-weight:700;color:var(--texto);min-width:60px;text-align:center}.venc-pag-de{font-weight:500;color:var(--texto-2);margin:0 3px}@media(max-width:600px){.venc-header{padding:0 16px;height:54px}.venc-header__vendedor{display:none}.venc-header__logout{font-size:12px;padding:5px 10px}.venc-hero{padding:20px 16px 14px}.venc-hero__title{font-size:20px;margin-bottom:12px}.venc-hero__search{font-size:14px}.venc-controls{padding:0 12px 14px;gap:8px;flex-wrap:nowrap}.venc-chip-30{padding:7px 12px;flex-shrink:0}.venc-chip-30__num{font-size:15px}.venc-chip-30__label{font-size:10px}.venc-select{font-size:12px;padding:7px 10px;flex:1;min-width:0}.venc-refresh-btn{padding:7px 10px;font-size:12px;flex-shrink:0}.venc-list-outer{padding:0 12px 40px}.venc-card__main{padding:12px 14px;gap:10px}.venc-card__desc{font-size:13px}.venc-card__meta{font-size:11px}.venc-card__cant{font-size:12px}.venc-dias-badge{font-size:11px;padding:4px 8px;min-width:38px}.venc-card__detail>div{padding:10px 14px}.venc-card__detail strong{font-size:13px}.venc-footer-bar{padding:12px 14px;flex-direction:column;align-items:stretch}.venc-footer-info{text-align:center}.venc-paginador{justify-content:center}.venc-pag-btn{height:34px;padding:0 12px;font-size:12px}.venc-pag-info{font-size:12px}.venc-login-card{padding:32px 20px}}