:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1c303a;background:#f5f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.demo{background:#153e46;color:#d1edf0;padding:10px;text-align:center;font-size:11px;letter-spacing:1.5px}.shell{display:flex;min-height:calc(100vh - 33px)}aside{width:255px;background:#fff;border-right:1px solid #e0e7e9;padding:38px 25px;display:flex;flex-direction:column;flex-shrink:0}.brand{color:#1e343c;font-size:32px;font-weight:800;text-decoration:none;letter-spacing:-1.5px}.brand span{color:#048879}.brand small{display:block;font-size:9px;letter-spacing:2.3px;margin-top:8px}aside .eyebrow{margin-top:55px}label{display:block;font-size:13px;margin:12px 0 8px}input,select{font:inherit;font-size:14px;padding:13px 14px;border:1px solid #d6dfe1;border-radius:8px;background:white;color:#243d47;max-width:100%}aside select{width:100%;font-size:12px}nav{margin-top:30px}button,.button{cursor:pointer;border:0;border-radius:8px;padding:13px 19px;background:#007f73;color:white;font:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}nav button{display:block;background:transparent;color:#52636b;width:100%;text-align:left;margin:5px 0}nav .active{background:#e6f4f1;color:#007264}.aside-bottom{margin-top:auto;padding-top:50px;font-size:12px;color:#587078}.aside-bottom p{font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00a087;margin-right:5px}main{padding:0 48px;width:calc(100% - 255px);max-width:1600px}header{display:flex;justify-content:space-between;border-bottom:1px solid #e0e7e9;padding:27px 0;color:#6a7a83;font-size:12px}section{margin-top:43px}h1{font-size:38px;line-height:1.16;letter-spacing:-1.4px;margin:12px 0;color:#1c353d}h2{font-size:24px}p{line-height:1.6;color:#637780}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#168375}.title-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.secondary{background:white;border:1px solid #d9e2e5;color:#35535c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.cards article{background:#fff;padding:26px;border:1px solid #e1e8e9;border-radius:12px}.cards article:first-child{border-top:3px solid #008775}.cards span{font-size:13px;color:#667b83}.cards strong{display:block;font-size:29px;letter-spacing:-1px;margin:20px 0 13px;font-weight:650}.cards small{font-size:10px;color:#7c8c92}.toolbar{display:flex;justify-content:space-between;gap:15px;margin:26px 0 18px}.toolbar input{width:290px}.table-wrap{overflow:auto;border:1px solid #e0e7e9;border-radius:10px;background:white}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:.5px;color:#71818a;padding:17px 16px;background:#fafcfc}td{padding:21px 16px;border-top:1px solid #edf1f2;font-size:12px}td:first-child{font-weight:700}.badge{border-radius:20px;padding:6px 9px;background:#edf3f4;font-size:10px}.badge.Vencida{background:#fff0e9;color:#a45227}.badge.Pendiente{background:#fff6d9;color:#896924}.badge.Sin{background:#e5f6ee;color:#28805c}td button{padding:7px 12px;font-size:11px;background:#edf7f5;color:#007768}.notice,.footnote{font-size:12px}.footnote{max-width:700px}.notice{color:#376975}.panel{padding:25px;background:#fff;border:1px solid #dce6e7;border-radius:12px}.panel button{margin:10px 10px 0 0}#login{max-width:540px;padding:25px 0 70px}#login h1{font-size:48px}#login input{display:block;width:100%;margin-bottom:15px}#login small{color:#647a83;font-size:12px}#demo-code{font-weight:700;color:#007e71}#message{color:#916122}footer{border-top:1px solid #e0e7e9;margin-top:45px;padding:25px 0;display:flex;justify-content:space-between;color:#87969b;font-size:10px}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #62cfc1;outline-offset:3px}@media(max-width:1000px){aside{width:205px;padding:25px 17px}main{width:calc(100% - 205px);padding:0 24px}.cards{gap:10px}.cards article{padding:16px}.cards strong{font-size:24px}}@media(max-width:700px){.shell{display:block}aside{width:100%;padding:18px;display:block;border-right:0}.brand{font-size:24px}aside .eyebrow,aside label,.aside-bottom,nav{display:none}aside select{margin-top:15px}.brand small{font-size:8px}main{width:100%;padding:0 18px}header{padding:20px 0}.cards{grid-template-columns:1fr}.cards article{padding:20px}.cards strong{margin:10px 0}h1{font-size:32px}.title-row{align-items:start}.title-row button{font-size:11px;padding:10px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}#login h1{font-size:38px}footer span{display:none}}
:root{font-family:'DM Sans',Arial,sans-serif;color:#1d2849;background:#f7f7f2;--navy:#1d2849;--teal:#087d7d;--turquoise:#11b3b3}.demo{background:#1d2849;color:#a5eee0}aside{background:#fefefa;border-color:#dce2df}.brand{display:block;color:#1d2849;letter-spacing:0}.brand img{display:block;object-fit:contain;margin:0 0 15px}.brand small{font-size:9px;color:#606875;letter-spacing:1.6px}main{background:#f7f7f2}h1,h2{font-family:'Manrope','DM Sans',Arial,sans-serif;color:#1d2849;font-weight:500;letter-spacing:-1.8px}h1 em{font-style:normal;color:#087d7d}#login h1{font-size:52px;line-height:1.1;letter-spacing:-2.8px}p{color:#606875}button,.button{background:#1d2849;border-radius:5px}button:hover,.button:hover{background:#087d7d}.secondary{background:transparent;color:#1d2849;border-color:#ccd4d4}.secondary:hover{background:#e4eeeb}nav .active{background:#e4f1ed;color:#087d7d}.eyebrow{color:#087d7d}.cards article{background:#fefefa;border-color:#dce2df;border-radius:14px}.cards article:first-child{background:linear-gradient(125deg,#1d2849,#144d59);border:0;color:white}.cards article:first-child span,.cards article:first-child small{color:#bfe4e0}.cards strong{font-family:'Manrope',Arial,sans-serif}header,footer{border-color:#dce2df}.dot{background:#11b3b3}.table-wrap,.panel{border-color:#dce2df;background:#fefefa}th{background:#edf1ec;color:#606875}td button{background:#e8f2ee;color:#087d7d}.notice{color:#087d7d}#login{position:relative}#login:after{content:'';position:absolute;left:calc(100% + 50px);top:20px;width:clamp(180px,22vw,320px);height:330px;background:url('/assets/simbolo.svg') center/65% no-repeat,radial-gradient(circle,#d2efea 0,#e3f0e9 48%,transparent 69%);border-radius:50%;opacity:.85;pointer-events:none}footer{color:#606875}@media(max-width:1100px){#login:after{display:none}}@media(max-width:700px){#login h1{font-size:39px}.brand img{width:85px;height:54px;margin:0}.brand small{margin-top:6px}}
@media(max-width:700px){nav{display:flex;margin-top:15px;gap:8px}nav button{font-size:12px;width:auto}.aside-bottom{display:block;padding-top:10px;font-size:10px}.aside-bottom p{display:none}.aside-bottom button{margin-top:8px;font-size:11px;padding:8px 12px}}
nav .nav-caption{font-size:9px;margin:20px 0 12px;letter-spacing:1.2px}.planned{display:block;font-size:12px;color:#7b858b;padding:10px 5px}.planned:before{content:'◌';color:#087d7d;margin-right:9px}@media(max-width:700px){nav{flex-wrap:wrap}nav .nav-caption,nav .planned{display:none}}
.admin-management{margin-top:25px}.admin-management form{max-width:600px;margin-bottom:30px}.admin-management input:not([type=checkbox]),.admin-management select{width:100%;display:block;margin-bottom:12px}.grant-check{display:flex;align-items:start;gap:8px;line-height:1.6;font-size:12px}.grant-check input{margin-top:4px}.customer-result,.contact-row{padding:15px 0;border-bottom:1px solid #e4e8e5}.customer-result p,.contact-row p{margin:0;font-size:12px}.customer-result button,.contact-row button{font-size:11px;padding:9px 12px}
.login-wrap{width:min(1220px,calc(100% - 110px));margin:auto}.login-header{height:112px;align-items:center;padding:0}.login-header>span{font-size:13px;font-weight:600;color:#1d2849}.login-page .brand img{margin:0}.login-page main.login-main{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;min-height:650px;padding:55px 0;width:100%;max-width:none}.login-page #login{max-width:490px;margin:0;padding:0}.login-page #login:after{display:none}.login-page #login h1{font-size:clamp(40px,4.4vw,62px);line-height:1.1;letter-spacing:-2.8px;margin:22px 0}.login-page #login>p:not(.eyebrow){font-size:16px}.login-page .eyebrow{font-size:10px;display:flex;align-items:center;letter-spacing:1.7px}.login-page .eyebrow .dot{margin:0 9px 0 0;box-shadow:0 0 0 4px #11b3b315}.login-page form{max-width:370px;margin-top:27px}.login-page label{font-size:12px}.login-page input{font-size:15px;background:#fefefa;border-color:#ccd4d4;padding:15px}.login-page form button{width:100%;display:flex;justify-content:space-between;padding:15px 19px;font-size:13px}.login-page #code-form{border-top:1px solid #dce2df;padding-top:18px;margin-top:25px}.login-page #message{max-width:370px;font-size:12px}.login-page #demo-code{font-size:12px}.login-page #local-note{color:#7c878d;font-size:10px}.login-art{height:450px;position:relative;display:grid;place-items:center;border-radius:130px 24px 24px 24px;background:radial-gradient(ellipse at 60% 55%,#176874,#1d2849 78%);overflow:hidden}.login-core{width:240px;height:240px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fff,#d5efea 55%,#81bfba);box-shadow:inset 3px 4px 10px #fff,0 25px 45px #00142955;z-index:1}.login-core img{width:165px;height:auto}.login-orbit{position:absolute;border:1px solid #72ccc22c;width:390px;height:310px;border-radius:50%;transform:rotate(-30deg)}.login-orbit.second{width:460px;height:380px;transform:rotate(25deg);border-style:dashed}.orbit-point{position:absolute;top:95px;left:66px;width:9px;height:9px;border-radius:50%;background:#50d2c6;box-shadow:0 0 15px #50d2c6}.login-page footer{margin-top:0;padding:28px 0;font-size:11px}.login-page footer span{display:inline}.login-page footer span:first-child{color:#1d2849}@media(max-width:1000px){.login-wrap{width:calc(100% - 64px)}.login-page main.login-main{gap:35px;min-height:620px}.login-art{height:380px}.login-core{width:200px;height:200px}.login-core img{width:140px}}@media(max-width:700px){.login-wrap{width:calc(100% - 40px)}.login-header{height:90px}.login-header .brand img{width:85px;height:54px}.login-header>span{font-size:11px}.login-page main.login-main{display:block;min-height:calc(100svh - 165px);padding:55px 0}.login-page #login{max-width:440px;margin:auto}.login-page #login h1{font-size:44px;letter-spacing:-2.1px}.login-art{display:none}.login-page form{max-width:none}.login-page footer{font-size:9px;padding:23px 0}.login-page footer span{display:inline}}
.login-art{--orbit-radius:clamp(125px,13.8vw,170px);--orbit-duration:52s}.orbit-scene{position:absolute;inset:0}.orbit-scene .login-core{position:absolute;left:50%;top:50%;margin-left:-120px;margin-top:-120px;animation:core-breathe 9s ease-in-out infinite}.orbit-scene .login-orbit{left:50%;top:50%;margin-left:-195px;margin-top:-155px;animation:ring-drift 42s linear infinite}.orbit-scene .login-orbit.second{margin-left:-230px;margin-top:-190px;animation:ring-drift-back 65s linear infinite}.orbit-glow{position:absolute;inset:40px;border-radius:50%;background:radial-gradient(circle,#2ac9c21c,transparent 70%);animation:glow-breathe 8s ease-in-out infinite}.process-track{position:absolute;inset:0;z-index:3;animation:orbit-turn var(--orbit-duration) linear infinite}.process-spoke{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--angle))}.process-anchor{position:absolute;transform:translateX(var(--orbit-radius)) rotate(calc(-1 * var(--angle)))}.process-node{position:absolute;left:-39px;top:-29px;width:78px;min-height:58px;padding:9px 5px 7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#173e50f2;border:1px solid #7edbd34d;border-radius:11px;box-shadow:0 5px 20px #071d3030;backdrop-filter:blur(8px);color:#91e6da;animation:orbit-counter var(--orbit-duration) linear infinite}.process-node svg{width:23px;height:23px;flex-shrink:0}.process-node span{font-size:8px;line-height:1.2;color:#e2f5f2;white-space:nowrap;font-weight:500;letter-spacing:.05px}.orbit-scene .orbit-point{top:50%;left:50%;margin:-4px;z-index:2;animation:signal-orbit 24s linear infinite}.orbit-scene .orbit-point.trail{width:5px;height:5px;opacity:.6;animation-duration:36s;animation-direction:reverse}.motion-toggle{position:absolute;right:14px;bottom:14px;padding:7px 9px;background:#f7faf6ee;color:#436772;border:1px solid #c6d7d2;border-radius:18px;font-size:8px;font-weight:500;z-index:5;box-shadow:none}.motion-toggle:hover{background:white;color:#087d7d}.login-art[data-motion=paused] *{animation-play-state:paused!important}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(-360deg)}}@keyframes ring-drift{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}@keyframes ring-drift-back{from{transform:rotate(25deg)}to{transform:rotate(-335deg)}}@keyframes core-breathe{0%,100%{filter:drop-shadow(0 0 5px #61cfc810)}50%{filter:drop-shadow(0 0 18px #61cfc83d)}}@keyframes glow-breathe{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes signal-orbit{from{transform:rotate(20deg) translateX(calc(var(--orbit-radius) + 18px))}to{transform:rotate(380deg) translateX(calc(var(--orbit-radius) + 18px))}}@media(max-width:1000px){.orbit-scene .login-core{margin-left:-100px;margin-top:-100px}.process-node{width:70px;left:-35px;min-height:54px;top:-27px}.process-node span{font-size:7px}.process-node svg{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){.login-art *{animation:none!important;transition:none!important}.motion-toggle{display:none}}
.p-support{--angle:-90deg}.p-cloud{--angle:-18deg}.p-security{--angle:54deg}.p-collaboration{--angle:126deg}.p-progress{--angle:198deg}