@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17211f;background:#f5f5f0;font-synthesis:none;--teal:#087f7a;--teal2:#2eb5ac;--amber:#f3a11a;--ink:#17211f;--muted:#6b7774;--line:#dce2df;--paper:#fff;--danger:#ce3b3b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{position:relative;overflow:hidden;background:linear-gradient(155deg,#074743f0,#056b65eb),url(/assets/logo_fondo--f1FOO_p.jpeg) center/cover;color:#fff;padding:7vh 8vw;display:flex;flex-direction:column;justify-content:center}.login-brand:after{content:"";position:absolute;inset:auto -9% -18% auto;width:380px;height:380px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff07}.login-brand img{width:min(350px,75%);filter:brightness(0) invert(1);opacity:.96;position:relative;z-index:1}.login-brand p{letter-spacing:.25em;text-transform:uppercase;color:#91e1da;margin:40px 0 13px;font-size:.78rem;font-weight:700}.login-brand h1{font:700 clamp(2.2rem,4vw,4.5rem)/1.05 "Playfair Display",serif;margin:0;max-width:680px}.agave-mark{font-size:3rem;color:#f8b234;margin-top:35px}.brand-glow{position:absolute;inset:-20% auto auto -20%;width:500px;height:500px;border-radius:50%;background:#3bd3c522;filter:blur(20px)}.login-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 80% 10%,#fff8e9,transparent 30%)}.login-card{width:min(420px,100%)}.eyebrow{color:var(--teal);font-size:.73rem;font-weight:800;letter-spacing:.18em}.login-card h2,.page-heading h1{font:800 clamp(2.15rem,4vw,3.4rem)/1.08 "Playfair Display",serif;margin:9px 0}.muted,.page-heading p,.form-title p,.table-tools p{color:var(--muted)}.login-card>p{margin:0 0 36px}.login-card label,.form-grid label{display:block;font-size:.83rem;font-weight:700;margin:20px 0 8px}.field{border:1px solid var(--line);border-radius:12px;height:54px;display:flex;align-items:center;padding:0 15px;gap:11px;background:#fff;transition:.2s}.field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #087f7a18}.field svg{color:#87928f}.field input{border:0;outline:0;flex:1;min-width:0}.icon-button{border:0;background:none;padding:4px}.primary-button{border:0;background:linear-gradient(110deg,var(--teal),#0a9b93);color:#fff;border-radius:12px;min-height:52px;padding:0 24px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 9px 24px #087f7a2b}.login-card>.primary-button{width:100%;margin-top:28px}.login-card small{display:block;text-align:center;color:#9ba4a2;font-size:.65rem;letter-spacing:.15em;margin-top:30px}.form-error,.camera-error{color:var(--danger);font-size:.84rem}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:35px;position:sticky;top:0;z-index:20}.brand-button{border:0;background:none;padding:0;margin-right:auto}.brand-button img{width:125px;height:60px;object-fit:contain}.topbar nav{display:flex;gap:6px}.topbar nav button{border:0;background:transparent;padding:11px 16px;border-radius:10px;display:flex;align-items:center;gap:8px;color:#64716e;font-weight:600}.topbar nav button svg{width:19px}.topbar nav button.active{background:#e7f6f4;color:var(--teal)}.user-menu{display:flex;align-items:center;gap:14px;padding-left:25px;border-left:1px solid var(--line)}.user-menu span{display:flex;flex-direction:column;text-align:right;font-size:.86rem}.user-menu small{color:var(--muted)}.user-menu button{border:0;background:#f4f5f3;border-radius:10px;padding:9px;color:#596461;display:flex}.page-content{min-height:calc(100vh - 80px);padding:42px clamp(16px,5vw,80px) 70px;background-image:radial-gradient(#0b8e8611 1px,transparent 1px);background-size:24px 24px}.page-heading{text-align:center;margin-bottom:28px}.page-heading p{margin:8px 0}.scanner-page{max-width:950px;margin:auto}.scanner-card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 60px #223b3520;border:1px solid #e7ebe9;max-width:650px;margin:auto}.camera-box{height:350px;border-radius:17px;overflow:hidden;background:#10201e;position:relative}.camera-box video{width:100%;height:100%;object-fit:cover}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#87a09c;background:linear-gradient(145deg,#152825,#0c1816);gap:8px}.camera-placeholder svg{color:#3cb9ae}.camera-placeholder b{color:#d8e3e1;margin-top:8px}.camera-placeholder span{font-size:.82rem}.corner{position:absolute;width:42px;height:42px;border-color:#fff;border-style:solid}.corner.tl{top:25px;left:25px;border-width:3px 0 0 3px}.corner.tr{top:25px;right:25px;border-width:3px 3px 0 0}.corner.bl{bottom:25px;left:25px;border-width:0 0 3px 3px}.corner.br{bottom:25px;right:25px;border-width:0 3px 3px 0}.scan-beam{position:absolute;left:10%;right:10%;top:20%;height:2px;background:#41e5d8;box-shadow:0 0 14px #41e5d8;animation:scan 2.5s ease-in-out infinite}.processing{position:absolute;top:0;right:0;bottom:0;left:0;background:#071310b8;color:#fff;display:grid;place-content:center;justify-items:center;gap:10px}.processing svg{width:38px;height:38px}.spin{animation:spin 1s linear infinite}.camera-button{border:1px solid var(--line);background:#f7f9f8;width:100%;height:45px;margin-top:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#3e4c49;font-weight:700}.manual-entry{display:flex;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;gap:8px}.manual-entry>svg{color:#91a09d}.manual-entry input{height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;flex:1;min-width:0;text-transform:uppercase}.manual-entry button,.search-box button{height:44px;border:0;border-radius:9px;background:var(--teal);color:#fff;padding:0 18px;font-weight:700}.scan-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;margin-top:22px;box-shadow:0 12px 40px #223b3512}.scan-stats>div{padding:24px 15px;display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0}.scan-stats>div+div{border-left:1px solid var(--line)}.stat-icon{width:50px;height:50px;border-radius:50%;background:var(--teal);display:grid;place-items:center;color:#fff;margin-bottom:10px}.stat-icon.amber{background:var(--amber)}.stat-icon.valid{background:#25a86c}.stat-icon.expired,.stat-icon.cancelled,.stat-icon.missing,.stat-icon.error{background:var(--danger)}.stat-icon.used{background:var(--amber)}.scan-stats small{font-size:.7rem;letter-spacing:.1em;color:#6d7775}.scan-stats strong{font-size:.9rem;color:var(--teal);margin-top:6px;overflow-wrap:anywhere}.result-valid{border-color:#42bd86}.result-expired,.result-cancelled,.result-error{border-color:#e88d8d}.event-note{display:flex;align-items:center;justify-content:center;gap:9px;color:#6c7774;margin-top:24px;font-size:.8rem}.event-note svg{color:var(--amber)}.folio-form,.table-card{max-width:1200px;margin:0 auto 24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 35px #223b350d}.form-title{display:flex;align-items:center;gap:13px}.form-title>span{width:46px;height:46px;background:#e4f5f3;color:var(--teal);border-radius:12px;display:grid;place-items:center}.form-title h2,.table-tools h2{font:700 1.35rem Playfair Display,serif;margin:0}.form-title p,.table-tools p{font-size:.8rem;margin:4px 0}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:14px}.form-grid input{display:block;width:100%;height:46px;border:1px solid var(--line);border-radius:9px;margin-top:7px;padding:0 12px}.folio-form>.primary-button{margin-top:18px}.notice{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:9px;font-size:.85rem;margin:15px 0 0}.notice svg{width:18px}.notice.ok{background:#e8f7ee;color:#1b7048}.notice.error{background:#fdecec;color:#a62a2a}.table-tools{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.search-box{display:flex;gap:7px}.search-box select{height:44px;min-width:220px;border:1px solid var(--line);border-radius:9px;padding:0 10px}.search-box button{display:flex;align-items:center;gap:7px}.search-box svg{width:17px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.83rem}th{text-align:left;color:#77817f;font-size:.7rem;letter-spacing:.08em;padding:12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #edf0ef}td input,td select{height:39px;border:1px solid var(--line);border-radius:8px;padding:0 9px;background:#fff}.status-select{font-weight:700}.status-select.s0{color:#54706a}.status-select.s1{color:#168153}.status-select.s2,.status-select.s3{color:#b02e2e}.save-button{border:0;border-radius:9px;padding:8px;background:#e4f5f3;color:var(--teal);display:flex}.save-button svg{width:18px}.empty{text-align:center;color:var(--muted);padding:45px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-top:16px;color:var(--muted);font-size:.8rem}.pagination div{display:flex;gap:5px}.pagination button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px;display:flex}.pagination svg{width:18px}@keyframes scan{0%,to{top:20%}50%{top:80%}}@keyframes spin{to{transform:rotate(360deg)}}.scan-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#071512a8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;animation:popupFade .18s ease-out}.scan-popup{position:relative;width:min(570px,100%);background:#fff;border-radius:26px;padding:34px 30px 24px;text-align:center;box-shadow:0 30px 90px #0007;animation:popupIn .25s ease-out;overflow:hidden;border-top:7px solid var(--teal)}.scan-popup.valid{border-color:#25a86c}.scan-popup.used{border-color:var(--amber)}.scan-popup.expired,.scan-popup.cancelled,.scan-popup.missing,.scan-popup.error{border-color:var(--danger)}.popup-close{position:absolute;top:14px;right:14px;border:0;background:#f0f3f2;color:#596461;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.popup-close svg{width:20px}.popup-result-icon{width:78px;height:78px;margin:auto;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;box-shadow:0 9px 24px #087f7a38}.popup-result-icon svg{width:42px;height:42px}.popup-result-icon.valid{background:#25a86c}.popup-result-icon.used{background:var(--amber)}.popup-result-icon.expired,.popup-result-icon.cancelled,.popup-result-icon.missing,.popup-result-icon.error{background:var(--danger)}.scan-popup h2{font:800 2rem Playfair Display,serif;margin:17px 0 22px}.popup-details{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px}.popup-details>div{padding:15px 9px;min-width:0}.popup-details>div+div{border-left:1px solid var(--line)}.popup-details small{display:block;color:#77817f;font-size:.64rem;letter-spacing:.08em;margin-bottom:6px}.popup-details strong{display:block;color:var(--teal);font-size:.8rem;overflow-wrap:anywhere}.popup-timer{height:3px;background:#e9eeec;margin:24px -30px -24px}.popup-timer i{display:block;height:100%;background:var(--teal);animation:popupTimer 3s linear forwards}@keyframes popupFade{0%{opacity:0}}@keyframes popupIn{0%{opacity:0;transform:translateY(20px) scale(.96)}}@keyframes popupTimer{0%{width:100%}to{width:0}}@media(max-width:520px){.scan-popup{padding:28px 18px 20px}.popup-details{grid-template-columns:1fr}.popup-details>div{padding:10px}.popup-details>div+div{border-left:0;border-top:1px solid var(--line)}.popup-timer{margin:20px -18px -20px}.scan-popup h2{font-size:1.65rem;margin:13px 0 17px}.popup-result-icon{width:65px;height:65px}.popup-result-icon svg{width:34px}}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-brand{min-height:300px;padding:45px 30px}.login-brand img{width:220px}.login-brand p{margin:20px 0 8px}.login-brand h1{font-size:2rem}.agave-mark{display:none}.login-panel{padding:40px 22px}.topbar{height:70px;padding:0 14px;gap:8px}.brand-button img{width:82px;height:50px}.topbar nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);height:66px;z-index:30;justify-content:center;padding:7px}.topbar nav button{flex:1;max-width:180px;justify-content:center;flex-direction:column;gap:1px;padding:4px;font-size:.71rem}.topbar nav button svg{width:21px}.user-menu{border:0;padding:0;margin-left:auto}.user-menu span{display:none}.page-content{padding:28px 13px 90px}.camera-box{height:min(68vw,350px)}.scan-stats>div{padding:18px 8px}.scan-stats strong{font-size:.76rem}.event-note{text-align:center}.form-grid{grid-template-columns:1fr 1fr}.form-grid label:first-child,.form-grid label:last-child{grid-column:1/-1}.table-tools{align-items:stretch;flex-direction:column}.search-box select{min-width:0;flex:1}.folio-form,.table-card{padding:18px}.table-card{border-radius:14px}td,th{white-space:nowrap}.page-heading h1{font-size:2.25rem}}@media(max-width:460px){.scan-stats{grid-template-columns:1fr}.scan-stats>div{flex-direction:row;text-align:left;display:grid;grid-template-columns:42px 1fr;column-gap:10px}.scan-stats>div+div{border-left:0;border-top:1px solid var(--line)}.stat-icon{width:42px;height:42px;grid-row:1/3;margin:0}.scan-stats small,.scan-stats strong{grid-column:2}.manual-entry{flex-wrap:wrap}.manual-entry input{width:calc(100% - 35px)}.manual-entry button{width:100%}}