/* Dirección visual v4: composición centrada, blanco y halo azul. */
:root{--ink:#14243d;--muted:#696c70;--accent-soft:#c5d8f4;--paper:#fff;--line:#e9eaec}
body{background:#fff;padding:0}body>.header,body>main,body>.footer{background:#fff;max-width:none;margin-inline:auto}.header{border:0;border-radius:0;padding-top:8px}.container{width:min(1220px,calc(100% - 80px))}.nav{min-height:96px;gap:25px}.nav .brand img{width:180px}.nav nav{border:1px solid #e6e7e9;border-radius:12px;padding:13px 20px;gap:26px;font-size:13px;font-weight:400}.nav nav>a:first-child{font-weight:600}.button{background:#0066ff;border-radius:9px;font-weight:500}.button:hover{background:#0052cc}.nav-cta{font-size:12px;padding:14px 20px}.hero{width:100%;display:flex;flex-direction:column;gap:0;padding:66px 40px 0;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 49% 47% at 50% 71%,#8dbbff 0%,#c1dcff 43%,#e8f2ff 74%,#ffffff00 100%)}.hero-copy{width:100%;text-align:center;position:relative;z-index:1}.hero .eyebrow{justify-content:center;font-size:10px;letter-spacing:1.8px;color:#657081;margin-bottom:24px}h1{font-size:clamp(38px,4.5vw,68px);line-height:1.14;font-weight:500;letter-spacing:-2.8px;margin-bottom:28px;color:#101d35}h1>span{color:inherit}.lead{max-width:650px;font-size:16px;line-height:1.7;margin:0 auto;color:#686b70}.actions{justify-content:center;gap:14px;margin-top:30px}.hero .actions>a{min-width:192px;padding:17px 23px;font-size:13px}.hero .text-link{border:1px solid #cdd4df;border-radius:9px;background:#ffffff40;justify-content:center;font-weight:500}.hero .text-link:hover{background:#ffffff90;text-decoration:none}.hero-note{margin-top:17px;font-size:10px;color:#5e6774}.product-scene{width:min(1120px,100%);max-width:none;padding:13px;margin:60px auto 0;background:#ffffff40;border:1px solid #ffffffc9;border-radius:23px 23px 0 0;transform:none;box-shadow:0 0 70px #8b9fbd20;position:relative}.dashboard{display:grid;grid-template-columns:185px minmax(0,1fr);border:1px solid #e9ecf0;border-radius:13px 13px 0 0;box-shadow:0 20px 60px #18273d10;transform:none;text-align:left;background:#f6f6f7}.preview-sidebar{background:#fff;padding:26px 17px;display:flex;flex-direction:column;border-right:1px solid #ecedef}.preview-sidebar>img{width:142px;margin-bottom:34px}.preview-menu{display:flex;flex-direction:column;gap:8px}.preview-menu>span{display:flex;align-items:center;gap:12px;padding:12px 11px;color:#8a8d91;font-size:20px;border-radius:6px}.preview-menu b{font-size:11px;font-weight:400}.preview-menu .selected{background:linear-gradient(100deg,#b9d5ff,#cddffb);color:#262f3c}.preview-menu .selected b{font-weight:600}.sidebar-bottom{margin-top:auto;padding:24px 10px 0;color:#91959b;font-size:8px;line-height:2}.sidebar-bottom strong{font-size:10px;color:#595d64;font-weight:500}.preview-main{min-width:0}.dashboard-top{min-height:66px;background:#fafafb;padding:15px 24px}.preview-search{border:1px solid #e2e4e6;border-radius:6px;padding:10px 13px;color:#94979b;font-size:10px;min-width:240px}.preview-profile{display:flex;align-items:center;gap:12px;color:#7f8389;font-size:10px}.avatar{background:#dfe5ed}.preview-content{padding:23px}.dashboard-title{padding:0 0 23px}.dashboard-title h2{font-size:25px;margin-top:6px;color:#282f39;font-weight:500}.overline{font-size:8px;color:#818790}.today{background:white;border-color:#e1e3e6;min-width:70px;display:flex;justify-content:space-between;font-size:10px;padding:9px 11px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:10px}.stats>div,.stats>div:first-child{position:relative;background:white;border:1px solid #eceef0;padding:15px 12px;border-radius:9px;overflow:hidden;min-height:111px}.stats span{font-size:10px;color:#666b73}.stats strong{font-size:29px;color:#262d37;margin:12px 0 8px;position:relative;z-index:1}.stats small{font-size:7px;color:#577096;position:relative;z-index:1}.spark{position:absolute;right:9px;bottom:13px;height:43px;display:flex;align-items:flex-end;gap:3px;opacity:.6}.spark i{background:#c1d1e9;width:7px;height:45%}.spark i:nth-child(2n){height:70%}.spark i:nth-child(3n){height:100%}.stats>div:nth-child(3) .spark{opacity:.3}.stats>div:nth-child(4) .spark{opacity:.2}.preview-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-top:13px}.movement-panel,.attendance-panel{background:white;border:1px solid #ebedf0;border-radius:9px;padding-top:18px}.activity-heading{padding:0 16px 18px;font-size:11px}.activity{padding:13px 16px}.attendance-panel{padding:18px 15px;text-align:center}.attendance-panel>strong{font-size:11px;font-weight:500;display:block;text-align:left}.attendance-ring{width:134px;height:134px;margin:14px auto 0;border-radius:50%;background:conic-gradient(#b5cbed 0 86%,#e9eef5 86% 100%);padding:14px;transform:rotate(-90deg)}.attendance-ring>div{border-radius:50%;height:100%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg);gap:4px}.attendance-ring b{font-size:28px;letter-spacing:-1px;font-weight:500}.attendance-ring span{font-size:9px;color:#8c9199}.attendance-panel p{display:flex;justify-content:center;align-items:center;gap:6px;font-size:8px;color:#7d838d;margin:12px 0 0}.attendance-panel .dot{width:5px;height:5px;background:#819abf}.sample-label{margin:13px 0 0;padding:0;color:#838991}.benefit-strip{background:#fafbfc;border-top:1px solid #e9ecf1;padding:26px 0;position:relative}.section{padding-block:85px}.feature-icon{background:#e9eff8}.workflow{background:#102d59}.contact{background:#e6ecf6}.footer{width:100%;border-radius:0;padding:30px max(40px,calc((100% - 1220px)/2));border-top:1px solid var(--line)}
@media(min-width:1500px){.hero{padding-top:80px}}@media(max-width:1000px){body{padding:0}.container{width:calc(100% - 48px)}.hero{width:100%;padding-inline:24px}.nav nav{gap:15px;padding:12px}.nav .brand img{width:155px}.dashboard{grid-template-columns:150px minmax(0,1fr)}.preview-sidebar{padding:24px 12px}.preview-menu>span{padding-inline:7px;gap:7px}.preview-search{min-width:180px}.preview-content{padding:17px}.spark{opacity:.3}.stats small{font-size:6px}.footer{width:100%;padding-inline:24px}}
@media(max-width:760px){body{padding:0}.header{border-radius:0}.container{width:calc(100% - 36px)}.nav{min-height:72px;flex-wrap:wrap;gap:10px;padding-bottom:14px}.nav .brand img{width:146px}.nav nav{order:3;width:100%;justify-content:center;border:0;border-top:1px solid #ebedf0;border-radius:0;padding:15px 0 0;gap:24px;font-size:11px}.nav nav>a:not(.button){display:block}.nav-cta{font-size:10px;padding:11px 13px}.hero{width:100%;padding:38px 16px 0}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:21px}h1{font-size:clamp(30px,6.8vw,48px);letter-spacing:-1.3px;line-height:1.17}h1 br{display:none}.lead{font-size:13px;max-width:440px}.hero .actions{gap:10px;margin-top:23px}.hero .actions>a{min-width:0;font-size:11px;padding:14px 16px;gap:10px}.hero-note{font-size:8px}.product-scene{margin-top:35px;padding:7px;border-radius:14px 14px 0 0}.dashboard{grid-template-columns:minmax(0,1fr);border-radius:9px 9px 0 0}.preview-sidebar{display:none}.dashboard-top{padding:11px 12px;min-height:48px}.preview-search{min-width:0;font-size:8px;padding:8px}.preview-profile>span:first-child{display:none}.preview-content{padding:13px}.dashboard-title h2{font-size:19px;letter-spacing:-.6px}.dashboard-title{padding-bottom:17px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats>div,.stats>div:first-child{min-height:95px;padding:12px}.stats strong{font-size:24px;margin:9px 0 7px}.stats small{font-size:8px}.stats span{font-size:9px}.spark{opacity:.6}.preview-panels{grid-template-columns:1fr}.attendance-panel{display:none}.activity{padding:12px;font-size:9px}.sample-label{font-size:7px;margin-top:11px}.section{padding-block:50px}.contact{padding:27px 23px}.footer{width:100%;padding-inline:20px}.benefit-strip .container{gap:10px}.benefit-strip strong{font-size:10px}}

/* Acentos de marca basados en el azul del logo. */
:root{--brand:#0066ff;--accent-soft:#d9eaff}
.dot,.attendance-panel .dot{background:var(--brand)}
a:focus-visible{outline-color:var(--brand)}
.feature-icon{color:var(--brand)}
.hero .eyebrow,.preview-menu .selected{color:#0052cc}
.preview-menu .selected{background:linear-gradient(100deg,#e4efff,#d2e6ff)}
.attendance-ring{background:conic-gradient(#75adff 0 86%,#edf3fc 86% 100%)}
.landing-sections{display:grid;gap:32px;margin-top:36px}.landing-sections h2{font-size:30px}.landing-sections p{color:var(--muted);max-width:850px}
@media(max-width:760px){.hero h1{white-space:normal}.hero h1 br{display:none}}