@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#21242b;--muted:#777e89;--red:#d62638;--red-dark:#b91e2e;--canvas:#f5f6f8;--line:#e9eaee;--dark:#181b20;--green:#2a8567;--amber:#ae7526;--blue:#4378b3;--radius:13px;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,a{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7b9bc7;outline-offset:4px}input:focus,select:focus{outline:2px solid #d6263855;outline-offset:1px;border-color:var(--red)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:750}p{line-height:1.65}button svg,a svg{flex-shrink:0}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.icon-btn{background:transparent;border:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#838994}.icon-btn:hover:not(:disabled){background:#eceef2;color:var(--ink)}.icon-btn:disabled{opacity:.3}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border-radius:8px;font-weight:650;font-size:13px;border:1px solid transparent;white-space:nowrap}.primary{background:var(--red);color:white;box-shadow:0 3px 7px #d6263810}.primary:hover{background:var(--red-dark);transform:translateY(-1px)}.secondary{background:white;border-color:#dddfe5}.secondary:hover:not(:disabled){background:#f7f8fa;border-color:#bcc0c8}.secondary:disabled{color:#989da6;background:#f5f6f7;border-color:#e9eaed}.full{width:100%}.text-btn{border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#686f7b;padding:0}.text-btn:hover{color:var(--red)}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.badge{display:inline-flex;gap:7px;align-items:center;font-size:11px;font-weight:600;padding:6px 9px;border-radius:5px;white-space:nowrap;line-height:1.25}.badge>span{width:5px;height:5px;border-radius:100%;background:currentColor}.badge.nc{background:#fbf2e2;color:#9c671d}.badge.documentos,.badge.admin{background:#edf3fb;color:#4973a5}.badge.novedad{background:#fbecef;color:#bd4c5d}.badge.listo{background:#eaf5ef;color:#2d8162}.type-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#68707b}.type-label .icon{width:14px;height:14px}.demo-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#7c6e55;border:1px solid #e8dfd0;background:#fbf8f1;border-radius:5px;padding:5px 8px;white-space:nowrap}.demo-tag i{width:5px;height:5px;background:#bf9a60;border-radius:100%}.quiet-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;border:1px solid #e1e3e8;padding:7px 10px;border-radius:6px;color:#7c828c;background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-70px;left:15px;z-index:100;background:white;padding:12px;border:1px solid}.skip:focus{top:10px}
/* Acceso: marca, espacio y un diagrama del futuro compartido. */
.login{min-height:100vh;display:grid;grid-template-columns:54% 46%;background:white}.login-story{background:#191c21;position:relative;overflow:hidden;padding:36px 58px 26px;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:760px}.login-story::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 66%,#75314024,transparent 53%),linear-gradient(135deg,#ffffff03,transparent);pointer-events:none}.brand-img{width:200px;height:80px;object-fit:contain}.login-story>.brand-img{width:220px;height:95px;position:relative;margin-left:-12px}.story-main{position:relative;padding-top:34px}.story-main .eyebrow{display:flex;align-items:center;gap:12px;color:#aeb2bb;font-size:9px;letter-spacing:2.4px}.red-line{width:27px;height:2px;background:var(--red)}.story-main h1{font-size:clamp(40px,4.25vw,68px);line-height:1.14;font-weight:650;letter-spacing:-2.7px;margin:24px 0}.story-main h1 em{font-style:normal;color:#ee4a57}.story-main>p{font-size:14px;color:#999faa;line-height:1.8}.login-story footer{display:flex;justify-content:space-between;color:#8a909b;font-size:8px;font-weight:600;letter-spacing:1.8px;position:relative;border-top:1px solid #ffffff0c;padding-top:23px}.login-story footer b{color:#ed4657;font-size:14px;margin-left:12px}.ecosystem{height:285px;max-width:520px;position:relative;margin:20px 0 0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent)}.ecosystem-core{position:absolute;left:37%;top:95px;width:122px;height:94px;border:1px solid #ffffff20;background:linear-gradient(140deg,#383a40,#23262b);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 15px 40px #0005;z-index:2}.ecosystem-core svg{width:30px;height:30px;color:#e04756}.ecosystem-core span{font-size:8px;letter-spacing:1.3px;font-weight:700;color:#d0d1d6}.orbit{position:absolute;left:18%;top:63px;width:68%;height:155px;border:1px solid #ffffff10;border-radius:30px;transform:rotate(-14deg)}.orbit.two{left:29%;top:19px;height:240px;width:44%;transform:rotate(34deg);border-color:#ad334b35}.satellite{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #ffffff13;background:#212429ed;border-radius:10px;padding:13px 15px;color:#a2a8b3;font-size:11px;z-index:3;box-shadow:0 8px 20px #0002}.satellite svg{width:18px;height:18px}.satellite.s1{left:3%;top:55px}.satellite.s2{right:0;top:69px;color:#fff;background:#722736;border-color:#ac3e53}.satellite.s2 i{width:5px;height:5px;background:#f76b7d;border-radius:100%}.satellite.s3{left:13%;bottom:20px}.satellite.s4{right:1%;bottom:25px}.login-form{display:flex;flex-direction:column;justify-content:space-between;padding:39px 45px 29px;min-width:0}.login-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.login-top>.text-btn{font-size:10px}.login-top>.text-btn svg{width:14px;height:14px}.login-center{width:100%;max-width:345px;margin:48px auto}.login-mark{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;background:#fcecef;color:var(--red);margin-bottom:29px}.login-mark svg{width:22px;height:22px}.login-center>.eyebrow{font-size:9px;color:#9095a0;letter-spacing:1.6px}.login-center h2{font-size:38px;line-height:1.22;letter-spacing:-1.3px;margin:12px 0 13px}.login-center>p{font-size:12px;color:#7c828c}.login-center form{margin-top:31px}label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.input-icon{border:1px solid #e2e4e9;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-top:9px;min-height:48px;background:#fcfcfd;color:#a1a5ae}.input-icon input{border:0;background:transparent;outline:none;font-size:12px;width:100%;height:45px;color:#606774;padding:0}.input-icon svg{width:16px;height:16px}.input-icon .icon-btn{padding:0;width:22px;height:26px}.label-line{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.label-line label{margin:0}.label-line .text-btn{font-size:10px}.login-submit{width:100%;justify-content:space-between;margin-top:26px;min-height:47px;font-size:12px}.login-note{display:flex;gap:9px;justify-content:center;font-size:10px;color:#8b919c;line-height:1.6;margin-top:22px}.login-note svg{width:16px;height:16px;margin-top:3px}.login-form footer{font-size:9px;line-height:1.6;display:flex;justify-content:space-between;gap:15px;color:#9b9fa8}
/* Shell compartido */
.workspace{display:flex;min-height:100vh}.sidebar{width:229px;flex-shrink:0;background:var(--dark);color:#9ba1ac;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:22px 15px 0;z-index:20}.brand{display:block;padding:0 9px 19px}.brand .brand-img{width:183px;height:80px}.workspace-label{font-size:8px;font-weight:600;letter-spacing:1.7px;color:#676e7b;margin:19px 13px 12px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:3px 0;border-radius:7px;font-size:11px;position:relative;width:100%;text-align:left;background:transparent;border:0;color:#a2a8b3}.nav-link>.icon{width:17px;height:17px}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.selected{background:#ce293a;color:#fff;box-shadow:0 4px 9px #0001}.nav-link small{margin-left:auto;font-size:9px;background:#ffffff0b;border-radius:4px;padding:2px 5px}.nav-link.selected small{background:#ffffff20}.side-divider{height:1px;background:#ffffff09;margin:12px}.side-future{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;margin:17px 13px;align-items:center;color:#7c838f}.side-future svg{width:16px;height:16px}.side-future svg:last-of-type{width:12px;margin-left:auto}.side-future>span{font-size:8px;margin-left:26px;padding:3px 6px;border:1px solid #ffffff12;border-radius:4px;color:#838995}.side-bottom{margin-top:auto;padding-top:55px}.pilot{display:flex;align-items:center;gap:10px;border:1px solid #ffffff0c;border-radius:8px;padding:12px;margin:0 9px 13px}.pilot>div{color:#d7d9df;font-size:11px}.pilot small{display:block;color:#777f8b;font-size:9px;margin-top:4px}.pilot .icon{margin-left:auto;color:#767e8b;width:16px}.pilot-dot{width:6px;height:6px;border-radius:100%;background:#75a18b;box-shadow:0 0 0 3px #75a18b13}.user{display:flex;align-items:center;gap:9px;margin:12px -15px 0;padding:17px 18px;background:#ffffff03;border-top:1px solid #ffffff0b}.user div{color:#d6d8de;font-size:10px;font-weight:600}.user small{display:block;font-size:8px;font-weight:400;color:#7e8590;margin-top:4px}.user>.icon{width:15px;margin-left:auto}.user:hover{background:#ffffff08}.avatar{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:9px;background:#393035;color:#e3b7be;font-size:11px;font-weight:650;flex-shrink:0;border:1px solid #ffffff0b}.avatar.small{width:31px;height:31px;font-size:10px;background:#f0e8e9;border-color:#e5dce0;color:#9c4e5b}.main-shell{margin-left:229px;width:calc(100% - 229px);display:flex;flex-direction:column;min-width:0}.topbar{height:70px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:15px;position:sticky;top:0;z-index:12;backdrop-filter:blur(12px)}.breadcrumbs{display:flex;align-items:center;gap:15px;font-size:10px;color:#8c929d}.breadcrumbs strong{color:#515762;font-weight:500}.breadcrumbs>.icon{width:12px;height:12px;color:#b3b6be}.top-actions{display:flex;align-items:center;gap:20px}.top-actions .demo-tag{font-size:9px}.sede{display:flex;align-items:center;gap:5px;color:#636b77;font-size:10px}.sede svg{width:13px;height:13px}.notification{position:relative}.notification svg{width:18px;height:18px}.notification>i{position:absolute;top:5px;right:7px;width:5px;height:5px;background:var(--red);border:1px solid white;border-radius:100%}.mobile-menu{display:none}.page{padding:35px;max-width:1660px;margin:auto;animation:appear .25s ease-out}.page-kicker{color:#9298a3;font-size:8px;font-weight:650;letter-spacing:1.6px;margin:0 0 14px}.page-kicker>span{margin:0 9px;color:#c6cad1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.page-heading h1{font-size:31px;letter-spacing:-1.1px;line-height:1.3}.page-heading p{font-size:12px;color:#878e99;margin-top:10px}.page-heading>.primary{font-size:11px;padding:10px 15px;min-height:40px}.page-heading>.primary svg{width:16px}.app-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding:20px 35px;color:#a0a5ae;font-size:8px;letter-spacing:.6px}.app-footer b{margin:0 6px;font-weight:400;color:#c6cad0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.section-heading h2{font-size:15px;letter-spacing:-.35px}.section-heading p{font-size:11px;color:#8a909b;margin-top:5px}
/* Portal de áreas */
.portal{padding-top:44px}.portal .page-heading{margin-bottom:43px}.portal .page-heading h1{font-size:42px;font-weight:750;line-height:1.25;letter-spacing:-1.65px}.portal .page-heading h1 span{color:#959ba5;font-weight:500}.portal .page-heading p{font-size:12px;margin-top:18px}.portal-symbol{width:103px;height:103px;border:1px solid #e3e5e9;background:linear-gradient(145deg,#fff,#f0f1f3);border-radius:27px;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;margin-right:30px;box-shadow:0 12px 22px #1c263305}.portal-symbol svg{width:46px;height:46px;color:#c8cbd2;stroke-width:1}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{padding:25px 25px 19px;border:1px solid #e3e5ea;border-radius:12px;display:block;text-align:left;background:white;min-height:210px;overflow:hidden;position:relative}.module-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.module-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#747c88}.module-icon svg{width:23px;height:23px}.module-card h3{font-size:16px;letter-spacing:-.4px;color:#656d79}.module-card p{font-size:11px;max-width:235px;line-height:1.65;margin:9px 0 22px;color:#949aa4}.module-bottom{border-top:1px solid #eff0f3;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a1a6af}.module-bottom svg{width:14px;height:14px}.coming{font-size:8px;color:#8d95a2;border:1px solid #e7e9ee;border-radius:4px;padding:4px 6px}.available{background:linear-gradient(130deg,#23262d,#191c21);border-color:#2b2e36;box-shadow:0 10px 22px #20232b10}.available::after{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;border:1px solid #ffffff06;border-radius:50%;pointer-events:none;box-shadow:0 0 0 25px #ffffff02,0 0 0 50px #ffffff02}.available .module-icon{background:#d52a3c;color:white}.available h3{color:white}.available p{color:#a4a9b4}.available .module-bottom{border-color:#ffffff0e;color:#e9b6bf;font-size:10px;letter-spacing:0}.available .module-bottom svg{width:18px;height:18px}.available:hover{transform:translateY(-3px);box-shadow:0 13px 25px #20232b22;border-color:#d62638}.live{display:flex;align-items:center;gap:6px;font-size:8px;color:#a6c7b8}.live i{width:5px;height:5px;border-radius:100%;background:#76a88f}.vision-strip{display:flex;align-items:center;gap:14px;margin-top:28px;padding:21px 0 0;border-top:1px solid #e3e5ea}.vision-icon{color:#8f98a4}.vision-strip h3{font-family:var(--font);font-size:11px;font-weight:600}.vision-strip p{font-size:10px;color:#949aa5;margin-top:4px;max-width:535px}.vision-label{display:flex;gap:15px;align-items:center;font-size:7px;letter-spacing:1px;color:#9ba2ae;margin-left:auto;white-space:nowrap}.vision-label .icon{width:15px}
/* Mesa de trabajo */
.dashboard{padding-top:31px}.dashboard-heading{margin-bottom:28px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:17px 18px;text-align:left;box-shadow:0 2px 3px #20242c02}.metric:hover,.metric.chosen{border-color:#d4b7bf;box-shadow:0 3px 14px #1a223107;transform:translateY(-2px)}.metric-label{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;color:#69717e;font-weight:500}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;flex-shrink:0}.metric-icon svg{width:16px;height:16px}.amber{color:#b0833e;background:#fbf4e7}.blue{color:#5882b1;background:#edf3fb}.red{color:#cd6a76;background:#fbecef}.green{color:#528f74;background:#eaf5ee}.metric-value{font-size:33px;letter-spacing:-1px;font-family:var(--heading);font-weight:650;margin:7px 0 7px;display:flex;align-items:center;justify-content:space-between}.metric-value>span{color:#aab0b9;align-self:flex-end}.metric-value .icon{width:16px;height:16px}.metric p{font-size:9px;color:#9a9faa}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.work-panel>.section-heading{padding:22px 22px 0}.count-bubble{display:inline-block;font-family:var(--font);font-weight:500;font-size:9px;color:#818795;background:#f1f3f6;padding:3px 6px;border-radius:4px;margin-left:9px;vertical-align:middle}.table-controls{padding:0 22px}.filter-tabs{display:flex;gap:15px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.filter-tabs button{border:0;background:none;color:#9096a0;font-size:10px;padding:0 0 13px;position:relative;white-space:nowrap}.filter-tabs button.active{color:var(--red);font-weight:600}.filter-tabs button.active::after{content:'';height:2px;background:var(--red);position:absolute;bottom:0;left:0;right:0}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #e8eaef;background:#fcfcfd;border-radius:6px;padding:8px 11px;margin:16px 0}.search-box svg{color:#a2a8b3;width:15px;height:15px}.search-box input{border:0;background:transparent;width:100%;font-size:10px;color:#657080;outline:none}.search-box input::placeholder{color:#a1a7b1}.search-box>span{font-size:9px;color:#bec2c9;border:1px solid #eceef1;border-radius:3px;width:18px;text-align:center}.table-scroll{overflow-x:auto}.purchases-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.purchases-table th{font-size:7px;color:#9198a3;font-weight:500;letter-spacing:.65px;background:#fafbfc;padding:12px 13px;border-top:1px solid #f0f1f4;border-bottom:1px solid #eef0f4}.purchases-table th:first-child,.purchases-table td:first-child{padding-left:22px}.purchases-table td{padding:16px 13px;border-bottom:1px solid #f0f1f4}.purchases-table tr:last-child td{border-bottom:0}.purchases-table tbody tr:hover{background:#fcfcfe}.row-title{font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;width:fit-content}.row-title svg{width:12px;height:12px;opacity:0;color:var(--red)}.row-title:hover{color:var(--red)}.row-title:hover svg{opacity:1}.provider{display:block;margin-top:6px;color:#9298a2;font-size:9px;max-width:155px;overflow:hidden;text-overflow:ellipsis}.next-step{display:block;font-size:8px;color:#949aa5;margin-top:6px;max-width:210px;overflow:hidden;text-overflow:ellipsis}.purchases-table .badge{font-size:9px;padding:5px 7px}.purchases-table .type-label{font-size:9px}.date{font-size:10px;color:#727b88}.date small{display:block;font-size:8px;color:#a2a8b1;margin-top:5px}.row-open{width:22px;height:25px}.row-open svg{width:14px;height:14px}.table-footer{display:flex;justify-content:space-between;padding:15px 22px;border-top:1px solid var(--line);font-size:8px;color:#9bA2ae;gap:10px}.dot-sep{margin:0 7px}.right-column{display:flex;flex-direction:column;gap:18px}.focus-card{background:#252930;border-radius:11px;overflow:hidden;padding:23px;color:white;position:relative}.focus-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;color:#dba7b1}.focus-label svg{width:13px;height:13px}.focus-card h2{font-size:22px;line-height:1.4;letter-spacing:-.6px;margin:18px 0 12px}.focus-card p{font-size:10px;line-height:1.8;color:#a4aab5;position:relative;z-index:1}.focus-card a{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;color:#f0d9de;border-top:1px solid #ffffff12;padding-top:18px;margin-top:21px;position:relative;z-index:1}.focus-card a:hover{color:white}.focus-card a svg{width:15px}.focus-decoration{position:absolute;right:-24px;bottom:43px;width:105px;height:105px;border:1px solid #ffffff06;border-radius:25px;transform:rotate(-15deg);display:flex;align-items:center;justify-content:center;color:#ffffff04}.focus-decoration svg{width:80px;height:80px}.activity{padding:21px 19px 5px}.activity .section-heading{margin-bottom:25px}.activity .section-heading h2{font-size:12px}.live-dot{width:5px;height:5px;border-radius:100%;background:#8aa995}.activity ol{list-style:none;padding:0;margin:0}.activity li{display:flex;gap:10px;padding-bottom:24px;position:relative}.activity li:not(:last-child)::after{content:'';position:absolute;left:12px;top:29px;bottom:5px;width:1px;background:#eceef1}.activity-icon{width:25px;height:25px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:13px;height:13px}.activity strong{font-size:10px;font-weight:550}.activity p{font-size:8px;color:#9ca2ad;margin-top:3px}.activity small{display:block;color:#adb2bb;font-size:8px;margin-top:7px}.side-note{display:flex;gap:8px;padding:0 5px;color:#a0a7b2}.side-note svg{width:15px;height:15px;margin-top:3px}.side-note p{font-size:9px;line-height:1.8}.empty{padding:40px 20px;text-align:center}.empty>.icon{color:#b8bec8;width:30px;height:30px;margin-bottom:12px}.empty h3{font-size:14px}.empty p{color:#979da6;font-size:11px;margin:8px 0 18px}
/* Expediente */
.back-link{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#9299a4;margin-bottom:23px}.back-link:hover{color:var(--red)}.back-link svg{width:14px;height:14px}.detail .page-heading{margin-bottom:24px}.detail-eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:10px}.detail-eyebrow>span:last-child{font-size:8px;letter-spacing:1.4px;color:#a0a6b1}.detail-summary{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;border:1px solid var(--line);background:white;border-radius:9px;padding:20px 23px;gap:25px}.detail-summary>div{border-right:1px solid var(--line)}.detail-summary>div:last-child{border:0}.detail-summary span{font-size:7px;letter-spacing:1px;color:#929aa6;display:block;margin-bottom:8px}.detail-summary strong{font-weight:550;font-size:11px;display:flex;gap:8px;align-items:center}.detail-summary strong svg{width:14px;height:14px;color:var(--green)}.detail-tabs{display:flex;gap:30px;border-bottom:1px solid #e2e5e9;margin:23px 0}.detail-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#7b8391;font-size:11px;padding:12px 0 15px;display:flex;align-items:center;gap:7px}.detail-tabs button.active{border-color:var(--red);color:var(--red)}.detail-tabs button svg{width:15px;height:15px}.detail-tabs small{background:#eceef3;font-size:8px;color:#9a9fab;border-radius:3px;padding:2px 5px;margin-left:3px}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px;align-items:start}.detail-columns>div{display:grid;gap:20px}.compare-panel>.section-heading{padding:23px 23px 0;align-items:start}.compare-panel .quiet-pill{font-size:8px}.comparison{display:grid;grid-template-columns:1fr 1fr}.comparison>div{padding:18px 23px;border-top:1px solid var(--line)}.comparison>div+div{border-left:1px solid var(--line)}.compare-heading{display:flex;align-items:center;gap:9px;margin-bottom:20px}.compare-icon{background:#f2f4f7;color:#7e8896;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:7px}.compare-icon svg{width:15px;height:15px}.compare-heading h3{font-size:12px}.compare-heading p{font-size:8px;color:#9ba2ad;margin-top:4px}.compare-heading>span:last-child{margin-left:auto;color:#9ea5b0;font-size:8px;white-space:nowrap}.comparison table{border-collapse:collapse;width:100%}.comparison th{font-size:7px;font-weight:500;letter-spacing:.5px;color:#a1a7b1;text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}.comparison td{padding:17px 0;font-size:10px;border-bottom:1px solid #f2f3f6}.comparison td:last-child,.comparison th:last-child{text-align:right;padding-left:9px}.comparison td strong{font-size:13px;font-weight:550}.comparison td small{display:block;color:#9da4ae;font-size:8px;margin-top:3px}.comparison-foot{background:#fafbfc;border-top:1px solid var(--line);padding:14px 23px;font-size:9px;color:#939ba8;display:flex;gap:7px;align-items:center}.comparison-foot svg{width:14px;height:14px}.small-empty{padding:18px 0}.small-empty h3{font-size:12px}.small-empty p{font-size:10px;margin-bottom:0}.small-empty>.icon{width:23px;height:23px}.progress-panel{padding:24px 21px}.progress-panel h2{font-size:14px}.progress-panel>.muted{font-size:10px;margin-top:7px}.progress-panel ol{margin:26px 0 18px;padding:0;list-style:none}.progress-panel li{display:flex;gap:11px;padding-bottom:27px;position:relative}.progress-panel li:not(:last-child)::after{content:'';position:absolute;width:1px;background:#e7e9ed;left:11px;top:25px;bottom:3px}.progress-panel li>span{font-size:9px;border:1px solid #e0e4e9;border-radius:100%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#adb4be;flex-shrink:0}.progress-panel li.done>span{background:#eaf4ee;border-color:#eaf4ee;color:#4b9875}.progress-panel li svg{width:13px;height:13px}.progress-panel li strong{font-weight:500;font-size:10px}.progress-panel li small{display:block;font-size:8px;color:#969eaa;margin-top:5px}.closure-note{padding:12px;border:1px solid #eee4d3;background:#fcf9f2;color:#a08a64;border-radius:7px;display:flex;gap:8px;font-size:9px;line-height:1.6;margin-bottom:15px}.closure-note svg{width:13px;height:13px;margin-top:2px}.closure-note.ready{background:#f0f7f2;color:#52856a;border-color:#dfeee4}.progress-panel .full{font-size:10px;min-height:39px}.progress-panel .full svg{width:15px;height:15px}.manual-note{display:block;text-align:center;font-size:8px;color:#a2a9b4;line-height:1.6;margin-top:13px}.detail-columns>aside .side-note{margin-top:18px}.issue-panel{padding:21px 23px}.issue-heading{display:flex;align-items:flex-start;gap:11px}.issue-heading h2{font-size:13px;margin:3px 0 8px}.issue-heading p{font-size:11px;color:#858e9b}.issue-heading .badge{margin-left:auto;font-size:8px}.issue-footer{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;gap:40px}.issue-footer span{font-size:8px;color:#9ba2ad}.issue-footer strong{display:block;font-size:10px;font-weight:500;color:#657080;margin-top:5px}.documents-panel{padding:23px}.doc-row{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:20px 0}.doc-icon{width:36px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f0f1;border:1px solid #f0e9eb;border-radius:6px;color:#b76571}.doc-icon.missing{background:#f5f6f8;border-style:dashed;border-color:#dce0e6;color:#abb1bb}.doc-row strong{font-size:11px;font-weight:550}.doc-row p{font-size:9px;color:#9ba3ae;margin-top:5px}.doc-row .badge{margin-left:auto;font-size:8px}.history-panel{padding:26px}.history-panel h2{font-size:16px}.history-panel>.muted{font-size:11px;margin-top:7px}.history{padding:0;list-style:none;margin:30px 0 0}.history li{display:flex;gap:16px;padding-bottom:27px}.history li>span{width:29px;height:29px;background:#f2f4f7;color:#83909f;display:flex;align-items:center;justify-content:center;border-radius:100%;flex-shrink:0}.history .icon{width:14px;height:14px}.history small{color:#a4aab4;font-size:9px}.history h3{font-size:12px;margin:7px 0}.history p{font-size:11px;color:#8a93a0}
/* Estados interactivos y formularios */
dialog{border:1px solid #e4e6ec;border-radius:17px;background:white;padding:28px;width:480px;max-width:calc(100vw - 30px);max-height:90vh;box-shadow:0 25px 100px #121c3740;color:var(--ink)}dialog.wide{width:610px}dialog::backdrop{background:#11172280;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.modal-head .eyebrow{font-size:8px;color:#a1a6b0;letter-spacing:1.4px}.modal-head h2{font-size:22px;letter-spacing:-.7px;margin-top:10px}dialog p{font-size:12px;line-height:1.8;margin-bottom:18px}dialog>.full{margin-top:10px}.help-list b{font-weight:650;color:#454d59}.help-list p{color:#8b94a1;margin-bottom:18px}.info-box{display:flex;gap:9px;align-items:flex-start;background:#f6f7f9;border:1px solid #eaedf1;border-radius:8px;padding:14px;font-size:11px;line-height:1.7;color:#84909e;margin:15px 0}.info-box svg{width:17px;height:17px;margin-top:3px}.notice-list>a{display:flex;gap:13px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.notice-list>a>svg:first-child{color:#bd7885;width:19px}.notice-list>a strong{font-size:12px;font-weight:550}.notice-list>a p{font-size:10px;color:#979fab;margin:3px 0 0}.notice-list>a>svg:last-child{width:13px;margin-left:auto;color:#aeb5c0}.notice-list>a:hover{color:var(--red)}.sample-document{background:#fcfcfd;border:1px solid #e5e8ef;padding:30px;position:relative;overflow:hidden;border-radius:5px;min-height:300px}.sample-doc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:9px;letter-spacing:1px;color:#777f8e}.sample-watermark{font-size:65px;letter-spacing:6px;position:absolute;top:125px;left:20px;transform:rotate(-25deg);color:#d6263807;pointer-events:none;font-weight:700}.sample-document h3{font-size:19px}.sample-document p{font-size:10px;color:#9ba4b1;margin:12px 0}.sample-document hr{border:0;border-top:1px solid #e8eaf0}.doc-lines{display:grid;gap:12px;margin:30px 0}.doc-lines i{display:block;height:6px;width:100%;background:#e9ecf1;border-radius:3px}.doc-lines i:last-child{width:60%}.sample-document small{font-size:8px;color:#a3adba}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:13px;border:1px dashed #cbd2dc;border-radius:10px;padding:30px 20px;background:#fafbfd;text-align:center;color:#8893a2}.upload-zone input{max-width:100%;font-size:11px}.upload-zone strong{font-size:12px}.upload-zone span{font-size:10px;font-weight:400}#archivo-elegido{font-size:11px;line-height:1.6;margin-top:15px;overflow-wrap:anywhere}#nueva-compra{margin-top:20px}#nueva-compra label{font-size:11px}#nueva-compra input,#nueva-compra select{display:block;width:100%;padding:12px;margin:9px 0 18px;border:1px solid #dfe3e9;border-radius:7px;font-size:12px;color:#687383;background:#fff}#nueva-compra input[readonly]{background:#f5f6f8;color:#919aa8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-actions button{font-size:11px}#aviso{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#252930;color:white;border:1px solid #ffffff1a;border-radius:9px;box-shadow:0 12px 35px #151b3030;font-size:12px;max-width:90%;padding:14px 23px;z-index:100;opacity:0;pointer-events:none;transition:.2s}#aviso.visible{opacity:1;transform:translate(-50%,0)}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.page{padding:43px 45px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 290px}.page-heading h1{font-size:36px}.purchases-table td{padding-top:21px;padding-bottom:21px}.provider{max-width:230px}.metric-label{font-size:12px}.metric p{font-size:10px}.purchases-table .badge{font-size:10px}.next-step{font-size:9px;max-width:290px}.purchases-table th{font-size:8px}.focus-card{padding:27px}.module-card{min-height:239px}.portal .page-heading h1{font-size:48px}.login-story{padding-left:75px;padding-right:75px}.login-center{max-width:385px}.login-center h2{font-size:44px}.login-center>p{font-size:14px}.login-center input{font-size:14px}}
@media(max-width:1190px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-shell{margin-left:200px;width:calc(100% - 200px)}.brand .brand-img{width:159px;height:75px}.nav-link{font-size:10px;padding:12px 10px;gap:8px}.user{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.user div{font-size:9px}.page{padding:27px 24px}.topbar{padding:0 24px}.dashboard-columns{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1.3fr;align-items:start}.right-column>.side-note{display:none}.activity ol{display:flex;flex-direction:column}.activity li{padding-bottom:18px}.focus-card h2 br{display:none}.module-card{padding:20px 18px}.module-card h3{font-size:14px}.modules{gap:13px}.metric{padding:14px}.metric-label{font-size:9px}.metric p{font-size:8px}.detail-columns{grid-template-columns:minmax(0,1fr) 230px}.compare-panel>.section-heading{flex-wrap:wrap}.comparison{grid-template-columns:1fr}.comparison>div+div{border-left:0}.login-story{padding-left:36px;padding-right:36px}.login-form{padding:30px}.login-top>.text-btn{display:none}.story-main h1{font-size:45px}.ecosystem{height:275px}.satellite{padding:11px;font-size:10px}.ecosystem-core{left:35%;width:107px}.vision-label{display:none}.detail-summary{gap:14px;padding:18px}.detail-summary strong{font-size:9px}.issue-heading{flex-wrap:wrap}.issue-heading .badge{margin-left:41px}.page-heading h1{font-size:28px}}
@media(max-width:800px){.login{grid-template-columns:1fr}.login-story{min-height:auto;padding:24px 28px 30px}.login-story>.brand-img{width:180px;height:70px}.story-main{padding:5px 0}.story-main h1{font-size:37px;letter-spacing:-1px;margin:18px 0 12px}.story-main>p,.ecosystem,.login-story footer{display:none}.story-main .eyebrow{font-size:7px;margin-top:15px}.login-form{padding:25px;min-height:550px}.login-center{margin:30px auto;max-width:400px}.login-center h2{font-size:33px}.login-mark{display:none}.login-form footer{font-size:8px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:229px;box-shadow:15px 0 40px #0002}.menu-open .sidebar{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.topbar{padding:0 17px;height:60px}.breadcrumbs{gap:8px}.breadcrumbs>span{display:none}.breadcrumbs>svg{display:none}.top-actions{gap:9px}.top-actions .sede{display:none}.top-actions .demo-tag{font-size:8px;padding:4px 6px}.top-actions>.avatar{display:none}.page{padding:25px 19px}.page-heading{gap:15px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.portal .page-heading h1{font-size:36px}.portal-symbol{width:65px;height:65px;border-radius:18px;margin-right:10px}.portal-symbol svg{width:31px;height:31px}.portal .page-heading{margin-bottom:33px}.modules{grid-template-columns:repeat(2,1fr);gap:12px}.module-card{min-height:205px;padding:19px 17px}.module-card h3{font-size:14px}.module-card p{font-size:10px}.module-top{margin-bottom:18px}.module-icon{width:34px;height:34px}.module-icon svg{width:20px;height:20px}.coming{font-size:7px;padding:3px 4px}.section-heading .quiet-pill{font-size:9px}.metrics{grid-template-columns:repeat(2,1fr);gap:11px}.metric-label{font-size:10px}.metric p{font-size:9px}.metric-value{font-size:31px}.dashboard-heading{align-items:flex-start;flex-direction:column;gap:19px}.dashboard-heading>.primary{min-height:40px}.right-column{grid-template-columns:1fr 1fr;gap:15px}.focus-card{padding:20px}.focus-card h2{font-size:20px}.activity{padding:20px 15px 0}.activity p{font-size:8px}.detail-columns{grid-template-columns:1fr}.comparison{grid-template-columns:1fr 1fr}.comparison>div+div{border-left:1px solid var(--line)}.detail-columns>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-columns>aside>.side-note{padding-top:10px}.detail-summary{grid-template-columns:1fr 1fr;gap:20px}.detail-summary>div:nth-child(2){border:0}.detail-summary strong{font-size:11px}.detail .page-heading{align-items:flex-start;flex-direction:column;gap:15px}.app-footer{padding:20px;font-size:7px;letter-spacing:0}.vision-strip p{font-size:9px}.page-kicker{font-size:7px}.doc-row{gap:9px}.doc-row .badge{font-size:7px}}
@media(max-width:460px){.modules{grid-template-columns:1fr 1fr}.module-card{padding:16px 13px}.module-card h3{font-size:12px}.module-card p{font-size:9px;line-height:1.65;min-height:45px}.module-top{gap:6px}.module-icon{width:30px;height:30px}.module-icon svg{width:18px;height:18px}.module-top .coming{font-size:6px}.live{font-size:7px;gap:4px}.module-bottom{font-size:7px}.portal .page-heading h1{font-size:32px}.portal .page-heading p{font-size:10px}.portal-symbol{display:none}.portal>.section-heading{align-items:start}.section-heading h2{font-size:14px}.section-heading p{font-size:10px}.section-heading .quiet-pill{font-size:8px;padding:5px 7px}.right-column{grid-template-columns:1fr}.activity ol{display:flex}.focus-card h2{font-size:23px}.work-panel>.section-heading{padding:20px 16px 0}.table-controls{padding:0 16px}.table-footer>span:last-child{display:none}.comparison{grid-template-columns:1fr}.comparison>div+div{border-left:0}.detail-columns>aside{display:block}.detail-tabs{gap:24px}.detail-tabs button{font-size:10px}.detail-summary strong{font-size:10px}.detail-summary{gap:17px}.doc-row{flex-wrap:wrap}.doc-row>.badge{margin-left:49px}.doc-row>.icon-btn{margin-left:auto}.form-grid{grid-template-columns:1fr;gap:0}.form-grid.quantity{grid-template-columns:1fr 1fr;gap:15px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.modal-head h2{font-size:20px}.app-footer{flex-direction:column;gap:6px}.issue-footer{gap:20px}.badge{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Lectura operativa: el tamaño compacto no debe ocultar los datos importantes. */
.closure-group,.admin-group{margin-bottom:24px}.closure-group>.section-heading{padding:24px 24px 0}.closure-group h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.closure-table td{font-size:11px}.closure-table .next-step{max-width:290px;white-space:normal;line-height:1.5}.cutoff{font-size:11px;color:#8a93a1;margin:-10px 0 24px;display:flex;gap:8px;align-items:center}.cutoff .icon{width:15px}.delegated-label{display:block;margin-top:7px;color:#9b6b28;font-size:10px;font-weight:550}.admin-context{padding:23px}.admin-context>p{font-size:12px;margin-top:12px;color:#737e8d}.admin-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-facts>div:last-child{grid-column:1/-1}.admin-facts span{display:block;font-size:9px;letter-spacing:.6px;color:#919aa6;margin-bottom:7px}.admin-facts strong{display:block;font-size:12px;font-weight:550}.admin-facts small{display:block;font-size:11px;color:#8894a3;margin-top:6px}.delegation-note{font-size:12px;color:#96713d;line-height:1.65;background:#fcf7ed;border:1px solid #f0e6d5;padding:14px;border-radius:8px;margin-top:20px}.delegation-note p{margin-top:7px}.age-row{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.age-row span{font-size:10px;color:#8c95a3}.age-row strong{display:block;font-weight:550;font-size:11px;color:#667383;margin-top:6px}.fc-reporter{display:block;font-size:10px;line-height:1.5;color:#8a94a2;margin-top:7px}.fc-reporter.delegated-label{color:#9b6b28}.admin-group{padding:23px}.admin-group h2{font-size:17px;margin-bottom:20px}.admin-record{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.admin-record strong{font-size:13px;font-weight:600}.admin-record p{font-size:12px;color:#7b8695;margin-top:7px}.admin-record small{display:block;font-size:11px;color:#929ba7;margin-top:9px}.admin-record:hover strong{color:var(--red)}.progress-panel li.ready-step>span{border-color:#aad2bc;background:#edf7f0;color:#34825d}.progress-panel li.ready-step strong{color:#34825d}.item-entry{border:1px solid #e4e8ed;border-radius:9px;padding:18px;margin:0 0 20px;background:#fafbfc}.item-entry legend{padding:0 6px;font-size:11px;color:#8b96a5}.item-entry>.text-btn{font-size:11px;color:#a36470}.item-entry>.text-btn .icon{width:14px}.admin-context .section-heading{align-items:flex-start;flex-wrap:wrap}.detail-summary>div{min-width:0}
@media(max-width:800px){.admin-facts{grid-template-columns:1fr}.admin-context,.admin-group{padding:18px}.closure-group>.section-heading{padding:18px 18px 0}.closure-group h2{font-size:15px}.closure-table{min-width:720px}.cutoff{align-items:flex-start;line-height:1.7}.item-entry{padding:13px}}
@media(max-width:800px){.sidebar{visibility:hidden}.menu-open .sidebar{visibility:visible}.detail-tabs{gap:18px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.detail-tabs button{flex-shrink:0}}
@media(max-width:460px){.documents-panel>.section-heading{flex-direction:column;align-items:flex-start}.documents-panel>.section-heading .secondary{font-size:11px;min-height:36px}}
.nav-link{font-size:12px}.row-title{font-size:12px}.provider{font-size:11px;color:#747e8c}.next-step{font-size:10px;color:#7e8897}.purchases-table th{font-size:9px}.purchases-table .badge{font-size:10px}.purchases-table .type-label{font-size:11px}.filter-tabs button{font-size:11px}.search-box input{font-size:12px}.metric-label{font-size:11px}.metric p{font-size:10px;color:#818b99}.table-footer{font-size:10px}.comparison td{font-size:12px}.comparison th{font-size:9px}.comparison td small{font-size:10px}.compare-heading p{font-size:10px}.progress-panel li strong{font-size:12px}.progress-panel li small{font-size:10px}.closure-note{font-size:11px}.comparison-foot{font-size:10px}.workspace-label{color:#9198a4}.module-card p{color:#818a97}.available p{color:#afb5c0}.back-link{font-size:12px}.detail-summary span{font-size:9px}.detail-summary strong{font-size:12px}.detail-tabs button{font-size:12px}.side-note p{font-size:10px}.page-heading p{color:#7b8593}.section-heading p{color:#7f8998}
@media(max-width:800px){.nav-link{font-size:12px}.metric-label{font-size:11px}.metric p{font-size:9px}.table-footer{font-size:9px}.detail-summary strong{font-size:11px}.comparison th{font-size:8px}.comparison td{font-size:11px}.filter-tabs{gap:18px}.module-card p{font-size:10px}}