@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--ink:#14211f;--ink-soft:#334542;--muted:#667572;--bg:#f3f6f4;--surface:#fff;--surface-soft:#eaf1ee;--line:#dbe5e0;--navy:#102a2c;--navy-2:#183b3d;--teal:#39c3ad;--teal-dark:#208c80;--amber:#d89b35;--red:#c44f53;--green:#318a63;--shadow:0 18px 40px rgba(16,42,44,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}.topbar{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:16px clamp(20px,4vw,56px);background:linear-gradient(110deg,var(--navy),var(--navy-2));color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 8px 24px rgba(16,42,44,.18)}.brand-lockup{display:flex;align-items:center;min-width:230px;height:58px;overflow:hidden}.brand-logo{display:block;width:214px;height:70px;object-fit:cover;object-position:center}.brand-logo-dark{background:#000}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.session-user{color:#a8c4bd;font-size:11px;font-weight:700;padding:9px 6px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{color:#f2c6c6!important}nav a{color:#dcebe7;text-decoration:none;font-size:13px;font-weight:600;padding:9px 11px;border-radius:8px;transition:.2s ease}nav a:hover{background:rgba(255,255,255,.1);color:#fff}.primary,.button,button{background:var(--navy);color:#fff;border:0;border-radius:9px;padding:10px 15px;text-decoration:none;cursor:pointer;font:600 13px 'DM Sans',sans-serif;transition:.2s ease}.primary{background:var(--teal);color:var(--navy)!important}.primary:hover,.button:hover,button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button.secondary{background:var(--surface-soft);color:var(--navy)}.container{max-width:1320px;margin:0 auto;padding:42px clamp(20px,4vw,56px) 52px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.02em}h1{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:0 0 10px}h2{font-size:22px;margin:0 0 14px}h3{font-size:17px;margin:0 0 10px}.lead{font-size:16px;max-width:700px}.lead,.hint,.muted,.eyebrow{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--teal-dark);margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:28px 0 42px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 5px 16px rgba(16,42,44,.035)}.card strong{display:block;font:700 30px 'Space Grotesk',sans-serif;color:var(--navy)}.card span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.warning{border-top:3px solid var(--amber)}.danger{border-top:3px solid var(--red)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:26px 0 16px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:12px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faf8}th{background:#f7faf8;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}a{color:var(--teal-dark);font-weight:600}.pill,.sev{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600;background:var(--surface-soft)}.sev.alta,.sev.crítica{font-weight:700}.sev.crítica{background:#fde8e7;color:#a43b40;border-color:#f2c5c4}.sev.alta{background:#fff1d9;color:#976415;border-color:#efd49c}.sev.media{background:#fff8da;color:#887019;border-color:#eee0a0}.sev.baja{background:#e5f4eb;color:#2c7555;border-color:#bfe2cd}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:16px;box-shadow:var(--shadow)}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--ink-soft)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd8d2;border-radius:9px;background:#fff;color:var(--ink);font:400 14px 'DM Sans',sans-serif;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--teal-dark);box-shadow:0 0 0 3px rgba(57,195,173,.16)}textarea{min-height:100px;resize:vertical}.check{flex-direction:row;align-items:center;font-weight:500;background:var(--surface-soft);padding:10px 12px;border-radius:9px}.check input{width:auto;accent-color:var(--teal-dark)}.small{font-size:12px}.hero-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.hero-status>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 5px 16px rgba(16,42,44,.035)}.hero-status span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.hero-status strong{display:block;margin-top:5px;color:var(--navy);font:600 16px 'Space Grotesk',sans-serif}.tabs section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0;box-shadow:0 5px 16px rgba(16,42,44,.035)}.inline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inline-grid button{align-self:stretch}.flash{background:#e4f5ec;color:#286447;border:1px solid #b9dfc9;padding:11px 14px;border-radius:9px;margin-bottom:18px;font-size:13px;font-weight:600}footer{padding:30px;text-align:center;color:var(--muted);font-size:11px;border-top:1px solid var(--line);background:#edf3f0}.report{background:#fff}.report article{max-width:920px;margin:30px auto;padding:34px}.report-brand{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:.03em;color:var(--navy);height:102px;overflow:hidden}.report-logo{display:block;width:250px;height:135px;object-fit:cover;object-position:center;background:#fff}.report-kicker{color:var(--amber);font-size:10px;font-weight:700;letter-spacing:.13em}.report-actions{position:fixed;right:20px;top:20px}.note{padding:13px 15px;background:#eef5f2;border-left:4px solid var(--teal-dark);border-radius:0 8px 8px 0;color:var(--ink-soft)}.auth-card{max-width:620px;margin:5vh auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,44px);box-shadow:var(--shadow)}.auth-card h1{margin-bottom:12px}.auth-form{margin-top:24px;box-shadow:none;padding:20px;background:var(--surface-soft)}.auth-actions{display:flex;justify-content:flex-end}.auth-actions button{background:var(--navy)}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.brand-lockup{height:50px;min-width:190px}.brand-logo{width:190px;height:58px}.hero-status{grid-template-columns:repeat(2,1fr)}.inline-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.topbar{align-items:flex-start;gap:14px;flex-direction:column}nav{width:100%}}@media(max-width:560px){.container{padding-top:28px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:14px}.card strong{font-size:24px}.hero-status{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.section-head .button{align-self:flex-start}}@media print{.report-actions{display:none}.report article{margin:0;max-width:none}.topbar,footer{display:none}body{background:#fff}.table-wrap,.report article{box-shadow:none}}

/* Sitio público NARA */
.public-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,6vw,88px);align-items:center;padding:clamp(42px,8vw,100px) 0 76px}.public-hero h1{font-size:clamp(38px,5.6vw,70px);line-height:1.01;max-width:700px;margin-bottom:22px}.hero-copy .lead{font-size:19px;line-height:1.65;max-width:610px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0 34px}.hero-button{padding:14px 20px;font-size:14px;background:var(--navy)}.text-link{text-decoration:none;color:var(--navy);font-weight:700}.text-link span{color:var(--amber);font-size:20px;margin-left:5px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:700}.hero-proof span{padding-left:13px;border-left:2px solid var(--amber)}.hero-visual{background:var(--navy);border-radius:22px;padding:14px;box-shadow:0 24px 70px rgba(16,42,44,.22);transform:rotate(1.3deg)}.visual-top{display:flex;align-items:center;gap:6px;color:#b6cbc5;padding:8px 9px 14px;font-size:11px}.visual-top strong{margin-left:auto;color:#e7bf6c;letter-spacing:.08em}.visual-dot{width:7px;height:7px;border-radius:50%;background:#3ec3ac}.visual-content{background:#f3f6f4;border-radius:13px;padding:24px}.visual-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--teal-dark);font-weight:700}.visual-content h2{font-size:24px;margin:8px 0 22px}.visual-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-metrics div{background:#fff;border:1px solid var(--line);padding:12px;border-radius:9px}.visual-metrics strong{font:700 24px 'Space Grotesk';display:block;color:var(--navy)}.visual-metrics span{font-size:9px;color:var(--muted);display:block}.visual-chart{height:126px;display:flex;align-items:flex-end;gap:10px;padding:22px 12px 0;margin-top:15px;background:linear-gradient(to top,rgba(57,195,173,.09) 1px,transparent 1px);background-size:100% 31px;border-bottom:1px solid #cbd8d2}.visual-chart span{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#dca94e,#b97d21)}.public-section{padding:78px 0}.section-intro{max-width:650px;margin-bottom:34px}.section-intro h2,.public-band h2,.contact-cta h2,.demo-bottom h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;margin-bottom:13px}.section-intro p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.feature-icon{color:var(--amber);font:700 14px 'Space Grotesk';margin-bottom:24px}.feature-card h3{font-size:21px}.feature-card p{color:var(--muted);font-size:14px;margin-bottom:0}.public-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--navy);color:#fff;padding:65px clamp(24px,6vw,90px);border-radius:20px;margin:30px 0 65px}.public-band .eyebrow{color:#dca94e}.public-band h2{margin-bottom:0}.public-band p{color:#bed0ca;line-height:1.75;font-size:16px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps-grid>div{border-top:2px solid var(--amber);padding-top:20px}.steps-grid span{color:var(--amber);font:700 13px 'Space Grotesk'}.steps-grid h3{font-size:20px;margin:15px 0 8px}.steps-grid p{color:var(--muted);font-size:14px;margin:0}.contact-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#eaf1ee;border:1px solid var(--line);border-radius:18px;padding:38px 42px;margin:30px 0 72px}.contact-cta h2{margin:0 0 10px}.contact-cta p{color:var(--muted);max-width:650px;margin:0}.contact-cta .button{white-space:nowrap;background:var(--navy)}.demo-header{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:38px 0 30px}.demo-header h1{max-width:670px}.demo-notice{background:#fff8da;border:1px solid #eee0a0;color:#80671c;padding:13px 16px;border-radius:9px;font-size:13px;margin-bottom:26px}.demo-cards{margin-top:0}.status-ok,.status-warn{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#e5f4eb;color:#2c7555}.status-warn{background:#fff1d9;color:#976415}.demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#fff;border:1px solid var(--line);padding:32px;border-radius:16px;margin-top:36px}.demo-bottom p{color:var(--muted);line-height:1.7}
@media(max-width:900px){.public-hero,.public-band,.demo-bottom{grid-template-columns:1fr}.public-hero{padding-top:40px}.hero-visual{max-width:680px}.feature-grid,.steps-grid{grid-template-columns:1fr}.public-band{gap:20px}.contact-cta{align-items:flex-start;flex-direction:column}.demo-header{align-items:flex-start;flex-direction:column}}

/* Plataforma privada multiempresa */
.admin-user-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(110px,.8fr) minmax(170px,1fr) minmax(160px,1fr) auto;gap:.55rem;align-items:center;min-width:760px}.admin-user-form input,.admin-user-form select{margin:0;min-width:0}.admin-user-form button{white-space:nowrap}.inline-form{margin:0}.status-ok{background:#e3f4e8;color:#12633e}.status-warning{background:#fff1d7;color:#89580a}@media(max-width:860px){.admin-user-form{display:flex;flex-wrap:wrap;min-width:620px}.admin-user-form input,.admin-user-form select{flex:1 1 150px}}