:root{--bg:#f7f3ec;--surface:#fff;--surface-2:#f2ece1;--surface-3:#e9e1d3;--ink:#191614;--ink-soft:#5f574e;--ink-faint:#948b7e;--line:#e3d9c8;--line-strong:#d2c4ac;--brand:#a66418;--brand-deep:#86500f;--brand-soft:#f7ebd8;--ok:#2c6b48;--ok-bg:#e2efe6;--warn:#9a6c10;--warn-bg:#f7ebce;--crit:#b23b2c;--crit-bg:#f8e2dd;--shadow:0 1px 2px #1916140d, 0 8px 24px -14px #19161438;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--radius:16px}.marca{aspect-ratio:1200/175;background-color:var(--brand);height:34px;display:block;-webkit-mask:url(/marca/gerencia-red.png) 0/contain no-repeat;mask:url(/marca/gerencia-red.png) 0/contain no-repeat}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700;line-height:1.15}p{margin:0}a{color:var(--brand)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.entrar{background:radial-gradient(760px 340px at 84% -8%, color-mix(in srgb,var(--brand) 13%,transparent), transparent 62%), var(--bg);place-items:center;min-height:100dvh;padding:24px 18px;display:grid}.entrar .tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);flex-direction:column;padding:30px 26px;display:flex}.entrar .marca{margin-bottom:24px}.entrar .marca b{letter-spacing:.07em;color:var(--ink);font-size:1rem;font-weight:800;line-height:1.1;display:block}.entrar .marca i{font-family:var(--serif);color:var(--brand);letter-spacing:.02em;font-size:.68rem;display:block}.entrar h1{font-family:var(--serif);letter-spacing:-.015em;margin-bottom:8px;font-size:1.6rem}.entrar .lead{color:var(--ink-soft);margin-bottom:22px;font-size:.95rem}.entrar label{color:var(--ink-soft);letter-spacing:.01em;margin-bottom:6px;font-size:.78rem;font-weight:700}.entrar input{background:var(--bg);border:1px solid var(--line-strong);border-radius:11px;width:100%;padding:15px 14px;font-size:1.05rem;transition:all .13s}.entrar input::placeholder{color:var(--ink-faint)}.entrar input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent);outline:0}.entrar button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:11px;margin-top:18px;padding:15px 20px;font-size:1rem;font-weight:650;transition:all .15s}.entrar button:hover:not(:disabled){background:var(--brand-deep)}.entrar button:disabled{opacity:.55;cursor:not-allowed}.entrar input.codigo{letter-spacing:.3em;text-align:center;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.7rem}.entrar .lead b{color:var(--ink);word-break:break-all;font-weight:650}.entrar .error{background:var(--crit-bg);color:var(--crit);border-radius:10px;margin-top:12px;padding:11px 13px;font-size:.86rem;font-weight:600}.entrar .fina{color:var(--ink-faint);margin-top:18px;font-size:.8rem;line-height:1.55}.entrar .volver{color:var(--ink-soft);margin-top:20px;font-size:.87rem;font-weight:600;text-decoration:none}.entrar .volver:hover{color:var(--brand)}.entrar .dev{background:var(--warn-bg);word-break:break-all;border-radius:11px;margin-top:20px;padding:13px;font-size:.78rem;line-height:1.6}.entrar .dev-t{color:var(--warn);margin-bottom:6px;font-weight:800}.top{z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(1.5)blur(12px);backdrop-filter:saturate(1.5)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.top-in{align-items:center;gap:14px;max-width:1140px;height:62px;margin:0 auto;padding:0 20px;display:flex}.top .marca{height:28px}.top .quien{align-items:center;gap:12px;margin-left:auto;font-size:.85rem;display:flex}.top .quien .nom{font-weight:650}.top .quien .rol{letter-spacing:.08em;text-transform:uppercase;background:var(--surface-3);color:var(--ink-soft);border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:800}.top .quien button{border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:9px;padding:7px 12px;font-size:.83rem}.top .quien button:hover{color:var(--ink);border-color:var(--brand)}.wrap{max-width:1140px;margin:0 auto;padding:36px 20px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:.7rem;font-weight:700}.wrap h1{font-family:var(--serif);letter-spacing:-.02em;margin:8px 0 10px;font-size:2rem}.wrap .lead{color:var(--ink-soft);max-width:62ch}.aviso{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:26px;padding:20px}.aviso h3{font-family:var(--serif);margin-bottom:8px;font-size:1.1rem}.aviso p{color:var(--ink-soft);font-size:.9rem;line-height:1.6}.entrar .tarjeta.ancha{max-width:520px}.subir{flex-direction:column;display:flex}.subir label span{color:var(--ink-faint);font-weight:500}.subir .nota{text-align:center;margin-top:9px}.subir .caja{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin-top:18px;padding:15px 16px 16px}.subir .caja-h{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.subir .caja-ico{background:var(--surface);border:1px solid var(--line);border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1.05rem;display:grid}.subir .caja-h h3{letter-spacing:-.01em;font-size:.98rem;font-weight:700}.subir .caja-h p{color:var(--ink-soft);margin-top:2px;font-size:.82rem;line-height:1.45}.subir .caja select{background:var(--surface);border:1px solid var(--line-strong);width:100%;color:var(--ink);border-radius:11px;padding:14px 13px;font-size:1rem}.subir .caja select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent);outline:0}.subir .caja-btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;margin-top:11px;padding:15px 18px;font-size:.98rem;font-weight:650;transition:all .15s}.subir .caja-btn:hover:not(:disabled){background:var(--brand-deep)}.subir .caja-btn:disabled{opacity:.42;cursor:not-allowed}.subir .nota.alineado{text-align:left;margin-top:7px}.subir .recibidos .que{color:var(--ink-soft);background:var(--surface-3);border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:.74rem}.subir .curso{flex-direction:column;gap:7px;margin:18px 0 0;padding:0;list-style:none;display:flex}.subir .curso li{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);border-radius:10px;align-items:center;gap:10px;padding:11px 13px;font-size:.88rem;display:flex}.subir .curso .icono{background:var(--surface-3);width:20px;height:20px;color:var(--ink-faint);border-radius:50%;flex-shrink:0;place-items:center;font-size:.72rem;font-weight:800;display:grid}.subir .curso li.listo{background:var(--ok-bg);color:var(--ok);border-color:#0000}.subir .curso li.listo .icono{background:var(--ok);color:#fff}.subir .curso li.error{background:var(--crit-bg);color:var(--crit);border-color:#0000}.subir .curso li.error .icono{background:var(--crit);color:#fff}.subir .curso .nom{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.subir .curso .det{flex-shrink:0;font-size:.78rem}.subir .recibidos{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.subir .recibidos h2{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;font-size:.8rem;font-weight:700}.subir .recibidos ul{flex-direction:column;gap:6px;max-height:270px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.subir .recibidos li{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:9px 0;font-size:.88rem;display:flex}.subir .recibidos li:last-child{border-bottom:0}.subir .recibidos .nom{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.subir .recibidos .prop{color:var(--brand);background:var(--brand-soft);border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:.74rem}.firmar{background:radial-gradient(760px 340px at 84% -8%, color-mix(in srgb,var(--brand) 12%,transparent), transparent 62%), var(--bg);min-height:100dvh;padding:24px 18px 56px}.firmar .hoja{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:640px;box-shadow:var(--shadow);margin:0 auto;padding:30px 26px}.firmar .marca{margin-bottom:26px}.firmar .folio{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:.76rem;font-weight:700}.firmar h1{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;margin-bottom:10px;font-size:1.7rem}.firmar .lead{color:var(--ink-soft);margin-bottom:26px;font-size:1rem;line-height:1.55}.firmar .datos{background:var(--line);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.firmar .datos>div{background:var(--surface);flex-wrap:wrap;gap:14px;padding:12px 15px;display:flex}.firmar .datos dt{color:var(--ink-faint);flex:0 0 150px;font-size:.82rem;font-weight:700}.firmar .datos dd{min-width:180px;color:var(--ink);flex:1;font-size:.95rem}.firmar .bloque{margin-top:28px}.firmar .bloque h2{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;font-size:.8rem;font-weight:700}.firmar .bloque h3{margin:16px 0 8px;font-size:.9rem;font-weight:650}.firmar .texto{color:var(--ink-soft);font-size:.95rem;line-height:1.6}.firmar .texto.fina{margin-top:14px;font-size:.84rem}.firmar .lista{flex-wrap:wrap;gap:7px;list-style:none;display:flex}.firmar .lista li{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:5px 13px;font-size:.84rem;font-weight:600}.firmar .clausulas{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;max-height:320px;padding:16px 18px;overflow-y:auto}.firmar .clausulas p{color:var(--ink-soft);margin-bottom:12px;font-size:.85rem;line-height:1.65}.firmar .clausulas p:last-child{margin-bottom:0}.firmar .clausulas b{color:var(--ink)}.firmar .firma .pad{border:2px dashed var(--line-strong);background:var(--bg);touch-action:none;border-radius:12px;height:190px;margin-top:6px;position:relative}.firmar .firma canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.firmar .firma .marca-agua{color:var(--ink-faint);pointer-events:none;place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.firmar .pad-bar{align-items:center;gap:12px;margin-top:9px;display:flex}.firmar .pad-bar .fina{color:var(--ink-faint);flex:1;font-size:.82rem}.firmar button.ghost{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;border-radius:9px;padding:8px 15px;font-size:.85rem;font-weight:600}.firmar button.ghost:disabled{opacity:.45;cursor:not-allowed}.firmar .acepta{cursor:pointer;align-items:flex-start;gap:11px;margin-top:22px;display:flex}.firmar .acepta input{width:22px;height:22px;accent-color:var(--brand);flex-shrink:0;margin-top:1px}.firmar .acepta span{color:var(--ink);font-size:.93rem;line-height:1.5}.firmar button.principal{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;margin-top:20px;padding:17px 20px;font-size:1.05rem;font-weight:650;transition:all .15s}.firmar button.principal:hover:not(:disabled){background:var(--brand-deep)}.firmar button.principal:disabled{opacity:.45;cursor:not-allowed}.firmar .error{background:var(--crit-bg);color:var(--crit);border-radius:10px;margin-top:14px;padding:11px 14px;font-size:.88rem;font-weight:600}.firmar .nota{text-align:center;color:var(--ink-faint);margin-top:12px;font-size:.8rem}.firmar .listo{background:var(--ok-bg);width:56px;height:56px;color:var(--ok);border-radius:50%;place-items:center;margin-bottom:16px;font-size:1.7rem;font-weight:800;display:grid}.firmar .gracias{text-align:center}.firmar .gracias .listo{margin:0 auto 14px}.firmar .pie{border-top:1px solid var(--line);color:var(--ink-faint);text-align:center;margin-top:30px;padding-top:18px;font-size:.78rem;line-height:1.6}@media (max-width:560px){.firmar .datos>div{display:block}.firmar .datos dt{margin-bottom:3px}.firmar .datos dd{min-width:0}}