:root{--navy:#101a31;--navy2:#172440;--blue:#263d74;--gold:#bd9545;--gold-light:#e7cd90;--text:#202e42;--muted:#788399;--bg:#f5f6f8;--line:#e8ebf0;--white:#fff;--shadow:0 8px 26px rgba(31,45,70,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:14px/1.55 'Segoe UI',Arial,sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-.6px;font-weight:650;color:#182941;margin-bottom:6px}h2{font-size:19px;font-weight:650;margin-bottom:19px}h3{font-size:15px;margin-top:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:10px;display:block}.layout{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#111d35,#0e172a);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-height:680px}.brand{display:flex;gap:13px;align-items:center;padding:30px 21px 31px;border-bottom:1px solid #ffffff1c}.brand img{width:55px;height:55px;border-radius:50%;background:#fff;object-fit:contain;border:2px solid #b58b43}.brand strong{display:block;font-family:Georgia,serif;color:#e3c37a;font-size:23px;letter-spacing:.4px;line-height:1.2}.brand span{display:block;color:#a2adc4;font-size:10px;line-height:1.5;margin-top:5px}.sidebar-label{font-size:9px;letter-spacing:2px;color:#8594b1;font-weight:750;margin:29px 23px 10px}.nav{padding:0 13px 25px;overflow:auto;scrollbar-width:thin}.navitem{padding:11px 16px;display:flex;gap:13px;align-items:center;border-radius:9px;color:#c5cfe2;font-weight:550;letter-spacing:.1px;font-size:13px}.navitem:first-letter{color:#d0ac64}.navitem:hover,.navitem:focus{background:#263756;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff16;padding:18px 22px;color:#94a3bc;font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;background:#b9c487;border-radius:50%;margin-right:7px}.main-area{min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid var(--line);gap:20px}.topbar-name{font-family:Georgia,serif;color:#465471;font-size:15px}.top-actions{display:flex;align-items:center;gap:20px}.who{font-size:12px;font-weight:700;text-align:right}.who small{display:block;font-weight:400;color:var(--muted);font-size:11px}.logout{background:transparent;color:#6f7d94;border:1px solid #e0e4ec;border-radius:8px;padding:7px 12px}.logout:hover{background:#f4f5f8}.content{padding:35px 40px 80px;max-width:1550px;width:100%;margin:0 auto;flex:1}.footer{font-size:11px;color:#9aa4b6;text-align:center;margin:20px auto 22px}.page-header{display:flex;justify-content:space-between;align-items:center;margin:4px 0 28px;gap:20px}.page-header p{color:var(--muted);margin:0}.header-seal{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid #eee8dc;box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:#fff;border:1px solid #e9e9eb;border-radius:12px;padding:22px 23px;min-width:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(var(--gold-light),var(--gold));opacity:.9}.stat span{display:block;font-size:12px;color:#718096;margin-bottom:8px}.stat strong{display:block;font-size:28px;color:#1c2a45;line-height:1.22;overflow-wrap:anywhere}.stat .stat-money{font-size:23px}.stat-icon{color:#bb9753;font-size:21px;margin-bottom:6px}.double-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:21px;align-items:start}.panel{background:#fff;border:1px solid #e9ebee;border-radius:12px;padding:26px 28px;box-shadow:var(--shadow);margin-bottom:22px;min-width:0}.double-grid .panel{margin-bottom:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:7px}.section-heading .hint{margin:0}.text-link{font-size:12px;color:#5a6e96;font-weight:700;white-space:nowrap}.text-link:hover,.mini-link:hover{text-decoration:underline}.list-row{display:flex;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.date-badge{width:43px;height:46px;border-radius:7px;background:#f4eedf;color:#806432;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;font-weight:700;line-height:1.15}.date-badge small{font-size:10px}.list-row strong{display:block;font-size:13px}.list-row small{display:block;color:#8893a5;font-size:11px;margin-top:2px}.news{padding:14px 0;border-bottom:1px solid var(--line)}.news:last-child{border-bottom:0}.news strong{font-size:13px}.news p{font-size:12px;color:#69768d;margin:5px 0}.news small{color:#919daf}.empty{padding:35px 15px;text-align:center;color:#96a0af;font-size:13px}.quicklinks{display:flex;gap:10px;flex-wrap:wrap}.quicklinks a{background:#f8f8fa;border:1px solid #e8ebf0;padding:11px 14px;border-radius:7px;color:#344967;font-weight:600;font-size:12px}.quicklinks a:hover{background:#f0eadf;border-color:#d1b779}.hint{color:#8a96a8;font-size:12px;margin:12px 0 0}.notice{background:#edf8ef;color:#236b3d;border:1px solid #c6e6cd;padding:12px 16px;border-radius:9px;margin-bottom:20px}.error-banner{background:#fff2f0;color:#ae3939;border:1px solid #f1d3cf;padding:10px;border-radius:8px;margin-bottom:15px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c7b68d;border-radius:7px;background:#f8f3e7;color:#695329;padding:10px 15px;font-weight:700;font-size:12px;white-space:nowrap}.btn:hover{filter:brightness(.96)}.btn.primary{background:#ab8136;border-color:#ab8136;color:#fff}.btn.light{background:#fff;border-color:#e1e5ed;color:#50627b}.btn.small{padding:6px 10px;font-size:11px}.btn.big{padding:14px 18px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}label{font-size:12px;font-weight:650;color:#42516a;display:flex;flex-direction:column;gap:7px}input,select,textarea{min-width:0;width:100%;border:1px solid #dce2eb;border-radius:7px;background:#fff;padding:10px 11px;font-size:13px;color:#27334a;outline:none}input:focus,select:focus,textarea:focus{border-color:#bba16a;box-shadow:0 0 0 3px rgba(192,160,97,.12)}textarea{resize:vertical;min-height:84px}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form button{align-self:flex-start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.form-grid .full>.btn{margin-top:6px}.inline-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-controls label{min-width:min(360px,100%)}.activity-intro{display:flex;gap:20px;align-items:center;margin:23px 0 14px;padding:16px;background:#f8f7f4;border-radius:7px}.activity-intro span{color:#8b94a6}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;font-size:12px;min-width:560px}th{text-align:left;background:#fafbfd;color:#6d7990;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:13px 11px;font-weight:800;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:top;color:#445269}tr:last-child td{border-bottom:0}.table-sub{display:block;color:#929cab;font-size:11px;margin-top:3px;font-weight:400}.badge{display:inline-block;border-radius:5px;background:#f0f2f6;color:#596985;padding:4px 8px;font-size:10px;font-weight:750;text-transform:capitalize}.badge.confirmada,.badge.confirmado,.badge.aprobada{background:#e6f6ea;color:#368154}.badge.pendiente{background:#fff3db;color:#997337}.badge.anulada,.badge.ausente{background:#ffeaea;color:#ae5a5a}.badge.justificada{background:#e4efff;color:#486ea9}.mini-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.mini-form select,.mini-form input{padding:6px;min-width:85px;width:auto;max-width:150px;font-size:11px}.mini-link{display:inline-block;font-size:10px;font-weight:750;color:#a27f41;margin:5px}.campaign{padding:12px 0;border-bottom:1px solid var(--line)}.campaign strong{display:block;margin-top:7px}.campaign p{font-size:12px;color:#758298;margin:5px 0}.campaign small{color:#7d8ba3}.campaign:last-of-type{border-bottom:0}.library-note{color:#7f8a9d;font-size:13px;line-height:1.65}.library-note strong{font-family:Georgia,serif;color:#8c6a2d;font-size:17px}.post .preserve{white-space:pre-line;overflow-wrap:anywhere;color:#5d6b81}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project{margin-bottom:0}.project p{color:#7b899c;min-height:30px}.meter{height:7px;background:#edf0f5;border-radius:9px;overflow:hidden;margin:16px 0 7px}.meter span{display:block;height:100%;background:#c39b57}.project>strong{font-size:12px}.project-numbers{display:flex;gap:25px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.project-numbers div{display:flex;flex-direction:column}.project-numbers small{color:#9aa5b6}.project-numbers strong{font-size:15px;color:#294167}.checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;background:#f9fafb;border:1px solid var(--line);border-radius:8px;margin-top:8px}.checks label{flex-direction:row;align-items:center;font-size:11px;font-weight:500}.checks input{width:auto}.users-list{display:flex;flex-direction:column;gap:10px}.user-card{border:1px solid #e4e8ee;border-radius:8px;padding:11px 16px}.user-card summary{cursor:pointer}.user-card summary strong,.user-card summary small{display:inline-block;margin-right:10px}.user-card summary small{color:#9aa4b4}.user-card form{margin-top:18px}.password-row{padding:14px;background:#f9f9fa}.login-background{min-height:100vh;background:radial-gradient(circle at 50% 0%,#344877 0%,#172442 42%,#0d1527 100%);display:flex;justify-content:center;align-items:center;padding:30px 12px}.login-card{width:min(440px,100%);padding:36px 38px 29px;border-radius:15px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.2);text-align:center}.login-logo{width:112px;height:112px;border-radius:50%;display:block;object-fit:cover;margin:0 auto 23px;border:5px solid #e9dfc9}.login-card h1{font:26px/1.25 Georgia,'Times New Roman',serif;color:#1c2b4b;font-weight:500}.login-card h1 em{font-style:normal;color:#ac843f}.login-subtitle{color:#8d98a8;font-size:12px;margin:10px 0 24px}.login-card .stack-form{text-align:left}.login-card .stack-form button{width:100%;margin-top:8px}.login-foot{font-size:11px;color:#9ca6b5;margin:27px 0 0}.mobile-brand{display:none}hr{height:1px;border:0;background:var(--line);margin:28px 0}
@media(max-width:1100px){.layout{grid-template-columns:220px minmax(0,1fr)}.content{padding:28px 26px 75px}.topbar{padding:0 26px}.sidebar .brand{padding:26px 14px}.brand img{width:47px;height:47px}.stat strong{font-size:23px}.stat .stat-money{font-size:20px}.checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.layout{display:block}.sidebar{position:static;height:auto;min-height:0}.brand{padding:15px 19px;gap:11px;border-bottom:0}.brand img{width:43px;height:43px}.brand strong{font-size:18px}.brand span{font-size:9px}.sidebar-label,.sidebar-bottom{display:none}.nav{display:flex;overflow-x:auto;gap:5px;padding:8px 11px 12px;border-top:1px solid #ffffff16;white-space:nowrap}.navitem{padding:9px 11px;border:1px solid #ffffff14;font-size:12px}.topbar{height:auto;min-height:58px;padding:10px 16px}.topbar-name{font-size:12px}.top-actions{gap:9px}.who{font-size:11px}.who small{font-size:10px}.logout{font-size:11px;padding:6px 9px}.content{padding:24px 15px 70px}.page-header{margin-bottom:22px}.page-header h1{font-size:26px}.header-seal{width:61px;height:61px}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px}.stat strong{font-size:23px}.stat .stat-money{font-size:17px}.stat span{font-size:11px}.double-grid,.project-grid{grid-template-columns:1fr;gap:16px}.double-grid .panel{margin-bottom:0}.panel{padding:20px 17px;margin-bottom:17px}.form-grid{grid-template-columns:1fr}.checks{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-intro{display:block}.activity-intro span{display:block;margin-top:4px}.topbar-name{display:none}.mobile-brand{display:inline}.login-card{padding:30px 24px}}