:root{color:#132b42;font-synthesis:none;--ink:#132b42;--muted:#62778b;--line:#dce5ed;--paper:#fff;--brand:#0a3f78;--brand-deep:#0a2a52;--brand-soft:#e8f1f8;--accent:#ed1c24;--accent-soft:#ffeaec;--disabled:#7d8994;--radius-sm:10px;--radius-md:16px;--shadow:0 16px 44px #11345217;background:#f4f7fb;font-family:Inter,Avenir Next,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{min-width:320px}body{background:#f4f7fb;min-width:320px;margin:0}button,input{font:inherit}a{color:var(--brand)}h1,h2,p{margin-top:0}.portal-brand{color:var(--brand-deep);align-items:center;gap:12px;min-width:0;display:inline-flex}.portal-brand__mark{width:46px;height:46px;display:block}.portal-brand__wordmark{flex-direction:column;min-width:0;line-height:1;display:flex}.portal-brand__portal{letter-spacing:.34em;padding-left:.15em;font-size:.58rem;font-weight:750}.portal-brand__marathon{letter-spacing:.015em;margin-top:5px;font-size:1.26rem;font-weight:900}.portal-brand__bar{background:#e30613;width:100%;height:3px;margin-top:5px}.portal-brand--inverse{color:#fff}.portal-brand--inverse .portal-brand__mark{border:1px solid #ffffff8c;border-radius:50%;padding:3px}.portal-brand--inverse .portal-brand__portal{display:none}.portal-brand--inverse .portal-brand__marathon{margin:0;font-size:1.16rem}.portal-brand--inverse .portal-brand__bar{display:none}.portal-brand--compact .portal-brand__mark{width:38px;height:38px}.portal-shell{min-height:100vh}.portal-header{color:#f7fbff;background:#0a2a52;width:100%;box-shadow:0 4px 16px #0a2a5224}.portal-header__inner{justify-content:space-between;align-items:center;max-width:1600px;min-height:72px;margin:0 auto;padding:9px clamp(24px,5vw,82px);display:flex}.portal-header__actions{align-items:center;gap:18px;min-width:0;display:flex}.all-applications{color:#e7f2fb;white-space:nowrap;align-items:center;gap:9px;font-size:.78rem;font-weight:650;display:flex}.all-applications svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:19px;height:19px}.header-divider{background:#ffffff3d;width:1px;height:30px}.portal-user{align-items:center;gap:10px;min-width:0;display:flex}.portal-user__avatar{color:var(--brand);background:#fff;border:2px solid #ffffff59;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;height:38px;font-size:.72rem;font-weight:800;display:flex}.portal-user__details{flex-direction:column;min-width:0;max-width:220px;line-height:1.25;display:flex}.portal-user__details strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.portal-user__details small{color:#c7dced;margin-top:3px;font-size:.65rem}.logout-button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff47;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:7px 11px;font-size:.75rem;font-weight:650;transition:background .18s,border-color .18s;display:flex}.logout-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.logout-button:hover{background:#ffffff26;border-color:#ffffff7a}.portal-content{max-width:1600px;margin:0 auto;padding:0 clamp(24px,5vw,82px) 72px}.welcome{isolation:isolate;min-height:258px;padding:clamp(52px,5.5vw,76px) 0 46px;position:relative;overflow:hidden}.welcome:before{content:"";opacity:.4;pointer-events:none;z-index:-1;background:radial-gradient(circle,#0a2a521f 0 1.2px,#0000 1.5px) 0 0/24px 24px;width:360px;height:210px;position:absolute;top:18px;right:1%}.welcome:after{content:"";pointer-events:none;z-index:-1;border:1px solid #0a2a5211;border-radius:48% 52% 45% 55%;width:600px;height:330px;position:absolute;top:100px;right:-2%;transform:rotate(-18deg)}.eyebrow,.section-kicker{color:var(--brand);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:800}.eyebrow{margin-bottom:16px}h1,h2{color:var(--ink);margin-bottom:0}h1{letter-spacing:-.052em;font-size:clamp(2.4rem,4vw,4.2rem);font-weight:750;line-height:1.03}.welcome__copy{color:var(--muted);max-width:670px;margin:19px 0 0;font-size:clamp(1rem,1.25vw,1.15rem)}.applications-section{padding:0}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-kicker{margin:0 0 7px}h2{letter-spacing:-.025em;font-size:clamp(1.42rem,2vw,1.8rem);font-weight:720}.section-heading>span{color:var(--brand);background:#e8f1f8;border:1px solid #d6e5f1;border-radius:999px;padding:6px 11px;font-size:.74rem;font-weight:750}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px);display:grid}.application-card{--card-accent:#356fa7;--card-accent-soft:#e9f1f9;background:#fff;border:1px solid #dce5ed;border-radius:13px;align-items:center;gap:clamp(20px,2.1vw,30px);min-height:174px;padding:clamp(25px,2.5vw,34px);text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 22px #1134520d}.application-card:before{background:var(--card-accent);content:"";opacity:.9;width:120px;height:4px;position:absolute;inset:0 auto auto 0}.application-card:after{background:var(--card-accent-soft);content:"";opacity:.7;pointer-events:none;border-radius:50% 50% 0 0;width:330px;height:185px;position:absolute;bottom:-116px;right:-18px;transform:rotate(-8deg)}.application-card:hover{border-color:color-mix(in srgb, var(--card-accent) 30%, #dce5ed);transform:translateY(-1px);box-shadow:0 11px 28px #11345213}.application-card:focus-visible{outline:3px solid color-mix(in srgb, var(--card-accent) 25%, transparent);outline-offset:3px}.application-card__icon{background:var(--card-accent-soft);border:1px solid color-mix(in srgb, var(--card-accent) 13%, transparent);color:var(--card-accent);letter-spacing:.035em;z-index:1;border-radius:15px;flex:0 0 78px;justify-content:center;align-items:center;height:78px;font-size:1.25rem;font-weight:850;display:flex;position:relative}.application-card__body{z-index:1;flex-direction:column;flex:1;gap:7px;min-width:0;display:flex;position:relative}.application-card__body strong{color:var(--ink);letter-spacing:-.018em;font-size:clamp(1.08rem,1.4vw,1.28rem)}.application-card__body span{color:var(--muted);font-size:.88rem;line-height:1.55}.application-card__body small{color:#6e7b85;background:#eef1f3;border:1px solid #e0e5e8;border-radius:999px;align-self:flex-start;margin-top:3px;padding:4px 8px;font-size:.67rem;font-weight:750}.application-card__arrow{border:1px solid color-mix(in srgb, var(--card-accent) 18%, #dce5ed);color:var(--card-accent);z-index:1;background:#ffffffd1;border-radius:50%;flex:0 0 50px;justify-content:center;align-items:center;height:50px;transition:background .18s,transform .18s;display:flex;position:relative;box-shadow:0 5px 14px #11345212}.application-card__arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.application-card:hover .application-card__arrow{background:color-mix(in srgb, var(--card-accent-soft) 58%, #fff);transform:translate(3px)}.application-card[data-application=encargados]{--card-accent:#356fa7;--card-accent-soft:#e8f1fa}.application-card[data-application=panel-vendedor]{--card-accent:#3f8d72;--card-accent-soft:#e8f4ef}.application-card[data-application=comisiones-rrhh]{--card-accent:#8169a7;--card-accent-soft:#f0ecf6}.application-card[data-application=logistica]{--card-accent:#5795bd;--card-accent-soft:#eaf4fa}.application-card[data-application=camaras]{--card-accent:#288f9c;--card-accent-soft:#e5f4f5}.application-card[data-application=data-entry]{--card-accent:#7d8994;--card-accent-soft:#edf0f2}.application-card--disabled{box-shadow:none;cursor:default;background:#f8f9fa;border-color:#e1e6e9}.application-card--disabled:before{opacity:.32}.application-card--disabled:after{opacity:.25}.application-card--disabled .application-card__icon{color:var(--disabled)}.application-card__arrow--locked{color:var(--disabled);background:#ffffffad}.application-card__arrow--locked svg{width:19px;height:19px}.application-card--disabled:hover{box-shadow:none;border-color:#e1e6e9;transform:none}.portal-shell--empty{min-height:100vh}.empty-state-brand{padding:26px clamp(20px,4vw,64px) 0}.empty-state{text-align:center;padding:22vh 20px}.empty-state h1{font-size:2rem}.empty-state p{color:var(--muted)}.auth-loading{background:var(--brand-soft);color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px;display:flex}.login-shell{background:radial-gradient(circle at 50% -18%,#fff 0,#0000 42%),#eef3f7;justify-content:center;align-items:center;min-height:100vh;padding:32px 18px;display:flex;position:relative;overflow:hidden}.login-shell:before{content:"";border:1px solid #0a2a520a;border-radius:50%;width:360px;height:360px;position:absolute;top:-180px;left:-190px}.login-shell:after{content:"";opacity:.3;background:radial-gradient(circle,#0a2a521a 0 1px,#0000 1.4px) 0 0/24px 24px;width:330px;height:220px;position:absolute;bottom:0;right:-70px}.login-card{z-index:1;background:#fffffffb;border:1px solid #dce5ed;border-radius:14px;width:100%;max-width:410px;padding:32px 38px 30px;position:relative;box-shadow:0 18px 48px #1134521a}.login-card>.portal-brand{justify-content:center;display:flex}.login-heading{text-align:center;margin:27px 0 24px}.login-heading h1{color:var(--brand-deep);letter-spacing:-.03em;font-size:1.72rem;font-weight:750;line-height:1.15}.login-heading p:last-child{color:var(--muted);margin:8px 0 0;font-size:.86rem}.login-form{flex-direction:column;gap:16px;display:flex}.field{color:var(--ink);flex-direction:column;gap:8px;font-size:.8rem;font-weight:700;display:flex}.field input{border:1px solid var(--line);color:var(--ink);background:#fbfcfe;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 13px;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder{color:#96a5b2}.field input:focus{background:#fff;border-color:#4a8bc4;box-shadow:0 0 0 3px #4a8bc426}.password-field{position:relative}.password-field input{padding-right:84px}.password-toggle{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:7px;font-size:.7rem;font-weight:750;position:absolute;top:5px;right:5px}.password-toggle:hover{color:var(--brand-deep)}.login-options{justify-content:space-between;align-items:center;margin-top:-2px;display:flex}.remember-details{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.76rem;display:flex}.remember-details input{accent-color:var(--brand);width:16px;height:16px;margin:0}.forgot-password{font-size:.74rem;font-weight:650;text-decoration:none}.forgot-password:hover{text-decoration:underline}.password-toggle:focus-visible,.forgot-password:focus-visible,.login-submit:focus-visible,.logout-button:focus-visible{outline-offset:2px;outline:3px solid #4c91cc4d}.login-submit{color:#fff;cursor:pointer;background:#0a2a52;border:0;border-radius:8px;min-height:45px;font-weight:750;transition:background .2s,box-shadow .2s}.login-submit:hover:not(:disabled){background:#0d376b;box-shadow:0 7px 16px #0a2a522e}.login-submit:disabled{cursor:not-allowed;background:#b2c3d0}.login-error{color:#8c3038;background:#fff0f1;border:1px solid #f7d8db;border-radius:8px;margin:15px 0 0;padding:9px 11px;font-size:.76rem}@media (width<=980px){.all-applications,.header-divider{display:none}.portal-content{padding-inline:28px}.application-card{min-height:150px}}@media (width<=820px){.application-grid{grid-template-columns:1fr}}@media (width<=720px){.portal-header__inner{min-height:68px;padding-inline:17px}.portal-brand--compact .portal-brand__mark{width:36px;height:36px}.portal-brand--compact .portal-brand__marathon{font-size:1.02rem}.portal-user__details,.logout-button span{display:none}.logout-button{border-radius:50%;justify-content:center;width:38px;padding:0}.portal-content{padding:0 16px 48px}.welcome{min-height:236px;padding:48px 3px 40px}.welcome:before{opacity:.3;right:-180px}.welcome:after{display:none}h1{font-size:clamp(2.35rem,11vw,3.2rem)}.section-heading{align-items:flex-start;gap:15px}.section-heading>span{white-space:nowrap}.application-card{gap:16px;min-height:138px;padding:21px 18px 21px 21px}.application-card__icon{border-radius:12px;flex-basis:58px;height:58px}.application-card__arrow{flex-basis:36px;height:36px}.login-shell{padding:20px 14px}.login-card{max-width:390px;padding:28px 24px 26px}.login-heading{margin:24px 0 22px}.login-heading h1{font-size:1.6rem}}@media (width<=430px){.portal-user__avatar,.section-heading>span{display:none}.application-card__body span{font-size:.82rem}.application-card__arrow{flex-basis:34px;height:34px}.login-options{flex-direction:column;align-items:flex-start;gap:12px}}