:root{--navy:#12304a;--blue:#176b87;--cyan:#27a5b8;--bg:#f4f7f9;--card:#fff;--text:#263642;--muted:#71808a;--line:#dce5ea;--red:#b84040;--green:#217a55;--amber:#c17b1d;--shadow:0 12px 30px rgba(20,48,72,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}
.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0f2e48,#1b768b)}
.login-card,.install-card{width:min(94%,480px);background:#fff;padding:34px;border-radius:18px;box-shadow:0 30px 70px #061f2d66}.install-card{width:min(94%,650px)}
.brand-mark{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--navy));display:grid;place-items:center;color:#fff;font-size:28px;font-weight:bold}
h1,h2,h3{color:var(--navy);margin-top:0}.subtle{color:var(--muted)}.full{width:100%}
label{font-size:13px;font-weight:700;color:#445863;display:grid;gap:6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;background:#fff}textarea{min-height:92px;resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid h3,.form-grid .span-2,.form-grid button{grid-column:1/-1}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#e7f0f3;color:var(--navy)}.btn.danger{background:#fee9e9;color:var(--red)}.btn.small{padding:7px 10px;font-size:12px}
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px 15px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand .brand-mark{width:42px;height:42px;font-size:20px}.brand small{display:block;color:#9ec4d2}
.nav{display:grid;gap:5px}.nav a{padding:11px 13px;border-radius:9px;color:#cce0e8;font-size:14px}.nav a:hover,.nav a.active{background:#ffffff18;color:#fff}.sidebar-foot{position:absolute;bottom:20px;left:22px;right:22px;font-size:12px;color:#9ec4d2}
.main{padding:26px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1{font-size:25px;margin:0}.user-chip{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:12px;font-size:13px}
.grid{display:grid;gap:18px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid #e5ecef;border-radius:14px;padding:20px;box-shadow:var(--shadow)}.metric strong{display:block;font-size:30px;color:var(--navy)}.metric span{font-size:13px;color:var(--muted)}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.toolbar .actions{display:flex;gap:8px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#eef4f6;color:#36515f;padding:10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid #edf1f3;vertical-align:top}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#e6f2f4;color:#176b87;font-size:11px;font-weight:700}
.alert{padding:12px 14px;border-radius:9px;margin:14px 0}.success{background:#e8f7ef;color:var(--green)}.danger{background:#fdecec;color:var(--red)}.warning{background:#fff4df;color:#805515}
.quadrants{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quadrant{min-height:250px;border-radius:12px;padding:14px;border:1px solid var(--line)}.quadrant h3{font-size:14px}.q1{background:#e8f7ef}.q2{background:#eaf2fb}.q3{background:#fff4df}.q4{background:#f2f4f5}.actor-dot{display:inline-flex;margin:4px;padding:7px 9px;border-radius:16px;background:#fff;border:1px solid #cfdce2;font-size:11px}
.network{position:relative;min-height:430px;background:radial-gradient(circle,#fff,#eef4f6);border-radius:12px;overflow:hidden}.node{position:absolute;transform:translate(-50%,-50%);padding:9px 11px;border-radius:18px;background:var(--navy);color:#fff;font-size:11px;max-width:150px;text-align:center;z-index:2}.line{position:absolute;height:2px;background:#95aab4;transform-origin:0 0;z-index:1}.line.tension,.line.oposicion,.line.conflicto{background:#cc5b5b}.line.alianza,.line.cooperacion{background:#40a676}
.two-col{grid-template-columns:2fr 1fr}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.print-only{display:none}
.public{background:#fff;color:#10243a}.public-header{position:sticky;top:0;z-index:20;background:#ffffffee;backdrop-filter:blur(12px);border-bottom:1px solid #e5ebef}.public-nav{max-width:1180px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.public-brand{display:flex;align-items:center;gap:10px;color:var(--navy)}.public-brand strong{font-size:19px}.public-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.public-links a:not(.btn):hover{color:var(--blue)}
.hero{background:linear-gradient(110deg,#fff 0%,#fff 55%,#edf4f7 100%);padding:80px 24px}.hero-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.eyebrow{color:#b8512b;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:60px;line-height:1.03;margin:14px 0 22px;color:#0d2138}.hero h1 span{color:#235c9b}.hero p{font-size:20px;line-height:1.55;color:#60717e;max-width:700px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-visual{background:#fff;border:1px solid #dbe4e8;border-radius:22px;padding:24px;box-shadow:0 26px 70px #17364d22}.mini-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.mini-kpi{background:#f0f4f6;border-radius:12px;padding:18px}.mini-kpi strong{display:block;font-size:28px;color:var(--navy)}.mini-kpi span{font-size:12px;color:var(--muted)}.mini-network{height:220px;border-radius:14px;background:radial-gradient(circle at center,#fff,#e6f0f3);position:relative}.mini-node{position:absolute;width:18px;height:18px;background:var(--blue);border:4px solid #fff;border-radius:50%;box-shadow:0 3px 10px #12304a44}.mini-node.center{width:25px;height:25px;background:#c45a32;left:48%;top:45%}
.public-section{padding:82px 24px}.public-section.alt{background:#f5f8fa}.section-inner{max-width:1180px;margin:auto}.section-inner>h2{font-family:Georgia,serif;font-size:42px;margin:8px 0 12px}.section-lead{color:var(--muted);font-size:18px;max-width:760px;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.feature-card{border:1px solid #e0e7eb;border-radius:15px;padding:22px;background:#fff}.feature-card .icon{width:42px;height:42px;border-radius:11px;background:#e8f2f5;color:var(--blue);display:grid;place-items:center;font-size:20px;font-weight:bold}.feature-card h3{margin:16px 0 8px}.feature-card p{font-size:14px;color:var(--muted);line-height:1.5}
.workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:35px}.step{position:relative;border-top:3px solid var(--cyan);padding:18px 12px;background:#fff;border-radius:0 0 12px 12px}.step b{display:block;color:var(--blue);margin-bottom:7px}.applications{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.application{padding:16px;border-left:3px solid var(--cyan);background:#fff}
.legal-note{background:#102f49;color:#d4e3ea;padding:24px;border-radius:14px;margin-top:30px;font-size:13px;line-height:1.55}.public-cta{background:linear-gradient(120deg,#12304a,#176b87);color:#fff;text-align:center}.public-cta h2{color:#fff}.public-cta .section-lead{color:#d9e8ed;margin:0 auto}.public-cta .hero-actions{justify-content:center}.public-footer{background:#0d2235;color:#b9ccd5;padding:52px 24px 20px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.public-footer h3{color:#fff}.public-footer a{display:block;margin:8px 0}.copyright{max-width:1180px;margin:35px auto 0;padding-top:18px;border-top:1px solid #ffffff22;font-size:12px;line-height:1.55}
.auth-links{display:flex;gap:12px;justify-content:center;margin-top:18px;font-size:13px}.form-note{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:950px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-foot{display:none}.nav{grid-template-columns:repeat(3,1fr)}.main{padding:20px}.grid.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.feature-grid,.applications{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(3,1fr)}.public-links a:not(.btn){display:none}}
@media(max-width:620px){.form-grid,.grid.cards,.two-col,.quadrants{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.main{padding:14px}.topbar{align-items:flex-start;gap:10px}.hero{padding-top:48px}.hero h1{font-size:42px}.feature-grid,.applications,.workflow,.footer-grid{grid-template-columns:1fr}.public-nav{padding:12px 15px}.public-brand strong{font-size:16px}}
@media print{.sidebar,.topbar .user-chip,.btn,.toolbar{display:none!important}.shell{display:block}.main{padding:0}.card{box-shadow:none}.print-only{display:block}}