:root{--nav:#103b67;--nav2:#0a2c4e;--blue:#1968b3;--blue2:#2e83d3;--bg:#f4f7fb;--text:#17263b;--muted:#738198;--line:#dce5ef;--white:#fff;--green:#138a62;--red:#b42318;--shadow:0 8px 30px rgba(31,53,82,.08)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:265px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #ffffff1c}.brand-mark,.login-logo{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--nav);display:grid;place-items:center;font-size:25px;font-weight:800}.brand strong{font-size:18px;letter-spacing:.8px}.brand small{display:block;color:#b9cbe0;margin-top:3px}.sidebar nav{padding:18px 12px;flex:1;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;margin:3px 0;color:#dce8f4;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff16;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #6fb7ff}.sidebar nav a.disabled{opacity:.5;cursor:default}.sidebar nav em{font-size:9px;background:#ffffff18;padding:2px 5px;border-radius:6px;font-style:normal;margin-left:5px}.nav-title{font-size:10px;color:#87a4c2;text-transform:uppercase;letter-spacing:1.2px;padding:20px 14px 7px}.sidebar-footer{padding:18px 25px;color:#9eb5cb;font-size:11px;border-top:1px solid #ffffff12}.sidebar-footer span{opacity:.7}.main{margin-left:265px;min-height:100vh;width:calc(100% - 265px)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}.top-title{font-weight:700;font-size:17px;flex:1}.user-menu{display:flex;align-items:center;gap:16px;text-align:right}.user-menu strong,.user-menu small{display:block}.user-menu strong{font-size:13px}.user-menu small{font-size:11px;color:var(--muted);margin-top:2px}.btn-logout{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}.content{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-head h1{font-size:27px;margin:4px 0 6px}.eyebrow{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.5px;margin:0}.muted{color:var(--muted);margin:0;line-height:1.5}.phase-badge{background:#e8f2fd;color:var(--blue);border:1px solid #c7def5;border-radius:99px;padding:9px 13px;font-size:11px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{font-size:30px;display:block;margin:9px 0}.stat small{font-size:11px}.stat.highlight{background:linear-gradient(135deg,var(--nav),var(--blue));color:#fff}.stat.highlight span,.stat.highlight small{color:#cfe2f6}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.card h3{margin:0 0 5px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.card-head p{margin:5px 0;color:var(--muted);font-size:13px}.roadmap>div{display:flex;gap:15px;padding:14px 0;border-top:1px solid #eef2f7}.roadmap b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eaf3fc;color:var(--blue);font-size:11px}.roadmap strong,.roadmap small{display:block}.roadmap small{color:var(--muted);margin-top:4px}.timeline>div{display:flex;gap:13px;padding:10px 0}.dot{width:9px;height:9px;background:var(--blue);border-radius:50%;margin-top:6px}.timeline p{margin:0;font-size:13px}.timeline small{display:block;color:var(--muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.small{padding:7px 10px;font-size:11px}.btn.full{width:100%}.alert{padding:13px 15px;border-radius:9px;margin-bottom:18px;font-size:13px}.alert.success{background:#eaf8f2;color:#087250;border:1px solid #b8e5d5}.alert.danger{background:#fff0ef;color:#9c251b;border:1px solid #facbc7}.alert ul{margin:6px 0 0}.table-card{padding:0;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#f8fafc;text-align:left;color:#62728a;text-transform:uppercase;font-size:10px;letter-spacing:.6px;padding:13px 16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #edf2f7;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px}.right{text-align:right}.tag{display:inline-block;background:#edf4fb;color:#315d89;border-radius:6px;padding:4px 7px;font-size:10px;margin:1px}.status{display:inline-block;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800}.status.ok{background:#e7f7f1;color:#087250}.status.off{background:#f1f3f5;color:#687386}.pager{padding:14px 18px}.form-card{max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card form label,.form-card label{font-size:12px;font-weight:700;color:#4f6177;display:block;margin-bottom:14px}input,select,textarea{font:inherit;width:100%;border:1px solid #ccd8e5;border-radius:8px;padding:10px 11px;margin-top:6px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#69a9e4;box-shadow:0 0 0 3px #e7f3ff}.checkbox{display:flex!important;align-items:center!important;gap:7px!important;font-weight:500!important;margin:7px 0!important}.checkbox input{width:auto;margin:0}.checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px}.field-group{margin:18px 0}.actions{margin-top:20px}.inline-editor{display:grid;grid-template-columns:120px 1fr 90px 75px 70px;gap:8px;align-items:center;border-top:1px solid #edf2f7;padding:10px 0}.inline-editor input{margin:0}.param-group{padding:0}.param-group>.card-head{padding:18px 18px 0}.param-row{display:flex;justify-content:space-between;padding:11px 18px;border-top:1px solid #edf2f7;font-size:12px}.param-row small{display:block;color:var(--muted);margin-top:3px}.permission-module{border-top:1px solid #edf2f7;padding:14px 0}.role-card{margin-bottom:15px}.login-body{background:#eef3f8;min-height:100vh}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{background:linear-gradient(145deg,#0b2f52,#155f9e);color:#fff;padding:9vh 9vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff19;border-radius:50%;right:-120px;bottom:-190px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.login-hero .login-logo{margin-bottom:35px}.login-hero .eyebrow{color:#8dc5f7}.login-hero h1{font-size:50px;letter-spacing:2px;margin:5px 0}.login-hero h2{font-size:24px;font-weight:500;margin:0 0 18px;color:#d4e9fc}.login-hero p{max-width:620px;line-height:1.7;color:#c0d5e8}.hero-features{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;color:#dceeff;font-size:12px}.login-card{background:#fff;padding:9vh 7vw;display:flex;flex-direction:column;justify-content:center}.login-card>div{max-width:440px;width:100%;margin:auto}.login-card h2{font-size:30px;margin:5px 0 8px}.login-card form{margin-top:28px}.login-card label{font-size:12px;font-weight:700;color:#4f6177;display:block;margin-bottom:17px}.login-card footer{text-align:center;color:#9aa7b7;font-size:10px;margin-top:auto}.mobile-menu{display:none;background:none;border:0;font-size:22px}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:20}.menu-open .sidebar{transform:none}.main{margin-left:0;width:100%}.mobile-menu{display:block;margin-right:15px}.stats,.grid-2{grid-template-columns:1fr 1fr}.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.login-card{min-height:100vh}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:20px 14px}.stats,.grid-2{grid-template-columns:1fr}.page-head{display:block}.page-head>.btn{margin-top:12px}.topbar{padding:0 14px}.user-menu div{display:none}.inline-editor{grid-template-columns:1fr}.table-card{overflow:auto}table{min-width:760px}}
.filter-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:end}.filter-grid label{margin:0}.filter-actions{display:flex;gap:8px;padding-bottom:1px}.head-actions{display:flex;align-items:center;gap:10px}.stats-3{grid-template-columns:repeat(3,1fr)}.stat-date{font-size:21px!important;margin-top:13px!important}.doc-row,.signer-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #edf2f7}.doc-row:first-of-type,.signer-row:first-of-type{border-top:0}.doc-row strong,.doc-row small,.signer-row strong,.signer-row small{display:block}.doc-row small,.signer-row small{color:var(--muted);margin-top:4px}.doc-row code{display:block;margin-top:6px;color:#64748b;font-size:10px}.step-block{border:1px solid #e5edf5;border-radius:10px;padding:12px 14px;margin:12px 0}.step-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.danger-zone{display:flex;justify-content:space-between;align-items:center;border-color:#f0c9c5}.btn.danger{background:#b42318;border-color:#b42318;color:#fff}@media(max-width:900px){.filter-grid{grid-template-columns:1fr}.stats-3{grid-template-columns:1fr 1fr}.head-actions{margin-top:12px}}@media(max-width:600px){.stats-3{grid-template-columns:1fr}.danger-zone{display:block}.danger-zone form{margin-top:12px}}
/* Fase 3 - Motor de firma */
.workflow-start{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:4px solid #176eb5}.signing-links-card{border:1px solid #93c5fd;background:#f8fbff}.signing-link-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #dbeafe}.signing-link-row:first-of-type{border-top:0}.signing-link-row small{display:block;color:#64748b;margin-top:3px}.link-actions{display:flex;gap:8px;align-items:center;min-width:55%}.link-actions input{flex:1;min-width:260px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:7px;color:#475569;background:white}.signer-workflow{align-items:flex-start}.signer-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.status-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.tag.soft{background:#eef2f7;color:#475569}.tag.ok{background:#dcfce7;color:#166534}.tag.bad{background:#fee2e2;color:#991b1b}.notice{padding:14px 18px;border-radius:10px;margin:0 0 18px}.notice.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#166534}.notice.danger{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.text-danger{color:#b91c1c!important}@media(max-width:900px){.workflow-start,.signing-link-row{align-items:stretch;flex-direction:column}.link-actions{min-width:0;flex-wrap:wrap}.link-actions input{min-width:100%}}

/* ===== Fase 4 · Identidad visual tipo COLVATALENT ===== */
:root{--cv-navy:#174879;--cv-navy-dark:#11385f;--cv-teal:#0b9493;--cv-grid:#dbe7ef;--cv-bg:#eef4f8;--cv-text:#173b62;--cv-muted:#7690aa}
body{color:var(--cv-text);background:var(--cv-bg)}
.auth-page{background:#f4f8fa;min-height:100vh;position:relative;overflow:hidden}.auth-page:before,.grid-content:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(47,100,141,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(47,100,141,.065) 1px,transparent 1px);background-size:64px 64px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;z-index:1}.auth-card{width:min(390px,94vw);background:#fff;border:1px solid #d5e1ea;border-radius:17px;padding:34px 32px 30px;box-shadow:0 18px 46px rgba(31,67,101,.10)}.auth-card-small{width:min(430px,94vw)}.auth-brand{text-align:center;margin-bottom:22px}.auth-brand img{display:block;width:270px;max-width:90%;height:auto;margin:0 auto 7px}.auth-brand h1{font-size:25px;margin:4px 0;color:#0d477c}.auth-brand p{margin:0;color:#6e849d;font-size:12px;line-height:1.45}.auth-card label{font-size:12px;font-weight:700;color:#254261;display:block;margin:12px 0}.auth-card .auth-check{margin:7px 0!important}.policy-box{display:flex!important;align-items:flex-start!important;gap:10px!important;background:#f7fafc;border:1px solid #cbd9e5;border-radius:8px;padding:11px!important;font-weight:500!important;line-height:1.35}.policy-box input{width:auto;margin:2px 0 0}.policy-box a{color:#0d518a;text-decoration:underline;font-weight:700}.auth-submit{margin-top:10px;background:var(--cv-navy)!important;border-color:var(--cv-navy)!important}.forgot-link{display:block;text-align:center;margin:18px 0 0;color:#0b4d82;font-size:11px;font-weight:700}.auth-card footer{text-align:center;color:#8fa2b7;font-size:9px;line-height:1.45;margin-top:28px}.auth-card footer span{color:#79a0c6}
.sidebar.light-sidebar{width:205px;background:#fff;border-right:1px solid #cbd7e1;color:#284766}.brand.brand-light{height:78px;padding:11px 9px;border-bottom:1px solid #d9e3eb;display:flex;align-items:center;gap:7px}.brand-light img{width:132px;max-height:50px;object-fit:contain}.brand-divider{height:52px;width:1px;background:#20405f}.brand-light strong{font-size:10px;letter-spacing:.7px;color:#16395e}.light-sidebar nav{padding:12px 6px}.light-sidebar nav a{color:#294866;font-size:11px;padding:10px;border-radius:8px;gap:9px}.light-sidebar nav a:hover,.light-sidebar nav a.active{background:#e5edf4;color:#113e68}.light-sidebar nav a.active{box-shadow:none;font-weight:700}.light-sidebar .nav-title{color:#8a9fb6;font-size:8px;letter-spacing:1.2px;padding:18px 10px 7px}.nav-icon{width:14px;text-align:center}.main{margin-left:205px;width:calc(100% - 205px)}.executive-topbar{height:78px;background:#fff;border-bottom:1px solid #d9e3eb;padding:0 22px}.top-heading{flex:1}.top-heading strong{display:block;font-size:17px;color:#16385d}.top-heading small{display:block;font-size:9px;color:#8295aa;margin-top:4px}.executive-user{display:flex;align-items:center;gap:9px;text-align:left}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0a908e;color:#fff;font-size:10px;font-weight:800}.executive-user strong{font-size:10px}.executive-user small{font-size:8px}.security-link,.executive-user .btn-logout{border:0;background:transparent;color:#174a78;font-size:9px;font-weight:700;padding:7px;cursor:pointer}.grid-content{min-height:calc(100vh - 78px);position:relative}.grid-content>*{position:relative;z-index:1}.content{padding:25px;max-width:1540px}.executive-stats .stat{border-radius:10px;padding:16px 17px;box-shadow:0 5px 16px rgba(34,63,91,.04)}.executive-stats .stat span{font-size:8px;font-weight:800;letter-spacing:.7px}.executive-stats .stat strong{color:#0d4a81;font-size:27px}.executive-stats .stat small{font-size:9px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.executive-card{min-height:220px;border-radius:10px}.executive-card .card-head h3{font-size:15px;color:#153e68}.executive-card .card-head p{font-size:9px}.process-bars>div{position:relative;padding:9px 0 14px}.process-bars span{font-size:9px}.process-bars b{float:right;font-size:10px}.process-bars i{position:absolute;left:0;right:0;bottom:5px;height:6px;background:#e5edf4;border-radius:20px;overflow:hidden}.process-bars i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#184d83,#25a3ad);border-radius:20px}.alert-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.alert-tiles>div{border:1px solid #d4e0ea;border-radius:8px;padding:11px;background:#fafcfd}.alert-tiles small{font-size:8px;color:#8194a9}.alert-tiles strong{display:block;color:#104d82;font-size:21px;margin-top:6px}.quick-links{display:grid;gap:8px}.quick-links a{border:1px solid #d4e0ea;background:#fafcfd;border-radius:8px;padding:10px}.quick-links strong,.quick-links span{display:block}.quick-links strong{font-size:9px;color:#124c7e}.quick-links span{font-size:8px;color:#768da5;margin-top:3px}.status.warn{background:#fff3d6;color:#95630e}.table-actions{display:flex;gap:5px;justify-content:flex-end;align-items:center}.table-actions form{margin:0}.soft-btn{background:#f2f6f9}.narrow-card{max-width:520px}.field-help{display:block;color:#8395a7;font-size:9px;margin-top:5px}.info-box{border:1px solid #c6d9e7;background:#f4f9fc;border-radius:8px;padding:12px;margin:8px 0 16px}.info-box strong,.info-box span{display:block}.info-box strong{font-size:10px}.info-box span{font-size:9px;color:#70879f;margin-top:4px}.alert.warning{background:#fff8e8;color:#895a07;border:1px solid #f0d698}
@media(max-width:980px){.sidebar.light-sidebar{transform:translateX(-100%)}.menu-open .sidebar.light-sidebar{transform:none}.main{margin-left:0;width:100%}.dashboard-grid,.executive-stats{grid-template-columns:1fr 1fr}}@media(max-width:620px){.dashboard-grid,.executive-stats{grid-template-columns:1fr}.auth-card{padding:28px 22px}.executive-user>div:not(.avatar),.security-link{display:none}}