/* PlenIA — dirección visual humana, luminosa y contemporánea */
:root{--n:#073263;--b:#0869bd;--a:#13aaa1;--i:#13344f;--m:#5a7285;--l:#d8e4ec;--s:#eef4f7}
body{background:
radial-gradient(circle at 88% 3%,rgba(25,176,168,.12),transparent 25rem),
radial-gradient(circle at 42% 30%,rgba(56,132,212,.07),transparent 32rem),
#eef4f7}
.side{width:232px;background:linear-gradient(180deg,#073263 0,#0b4772 100%);border:0;box-shadow:14px 0 40px rgba(5,41,76,.1)}
.brand{height:106px;border-color:rgba(255,255,255,.11);justify-content:center;background:#fff;margin:14px;border-radius:20px;padding:7px;box-shadow:0 12px 34px rgba(0,22,52,.22)}
.brand img{width:175px;max-height:75px;transform:scale(1.2)}
.side nav{padding:6px 13px}.label{color:#86b2ca;margin-top:14px}
.nav{color:#d3e5ee;min-height:44px;padding:10px 12px;border-radius:12px}.nav span{color:#70d9d0}
.nav:hover,.nav.on{background:rgba(255,255,255,.13);color:#fff}.nav.on{box-shadow:inset 3px 0 #58e0d1}
.nav b{background:#5ce0d2;color:#073263}.profile{border-color:rgba(255,255,255,.12);background:rgba(0,20,48,.14)}
.profile button{color:#fff}.profile small{color:#b4cbd8}.profile img{filter:brightness(0) invert(1);opacity:.62}
.av{background:#56d4ca;color:#073263}.column{margin-left:232px}
.top{height:72px;padding:0 30px;background:rgba(248,252,253,.86);box-shadow:0 1px 0 rgba(15,64,95,.06)}
.ctx strong{color:var(--n)}.ctx small{font-size:.76rem}.icon,.help{border-color:#cedde6;box-shadow:0 4px 16px rgba(19,62,91,.05)}main{padding:28px 34px;max-width:1420px}
.welcome{position:relative;isolation:isolate;overflow:hidden;min-height:314px;padding:34px 38px;margin-bottom:18px;border-radius:27px;background:
linear-gradient(112deg,rgba(4,43,91,.98) 0%,rgba(4,79,119,.96) 54%,rgba(9,145,144,.88) 100%);color:#fff;box-shadow:0 24px 60px rgba(6,54,92,.19)}
.welcome:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-80px;top:-170px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 120px rgba(255,255,255,.025);z-index:-1}
.welcome:after{content:"";position:absolute;width:150px;height:150px;border-radius:44% 56% 62% 38%;right:275px;bottom:-88px;background:linear-gradient(145deg,#43dbca,#ffcf57,#f06a87);filter:blur(1px);opacity:.28;transform:rotate(27deg);z-index:-1}
.welcome .k{color:#89e5dc}.welcome h1{color:#fff;font-size:clamp(2.2rem,3.5vw,3.8rem);line-height:.98;margin:8px 0 12px;letter-spacing:-.052em}
.welcome h1 em{font-style:normal;color:#8ce2db}.welcome p{color:#d2e7ef;font-size:1.02rem;margin-bottom:22px}
.quick-dock{display:flex;gap:8px;flex-wrap:wrap}.quick-dock button{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 13px;color:#fff;text-align:left;backdrop-filter:blur(6px)}
.quick-dock button:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.quick-dock i{font-style:normal;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(90,227,214,.18);color:#7ce4d9}
.quick-dock span{display:flex;flex-direction:column}.quick-dock small{color:#bad5df;font-size:.66rem}.quick-dock b{font-size:.78rem}
.check{align-self:center;width:225px;min-height:190px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);backdrop-filter:blur(15px);color:#fff;border-radius:24px;padding:22px;text-align:center;box-shadow:0 20px 35px rgba(0,32,69,.16)}
.check:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}.check small{color:#d8edf0;margin:11px 0 8px}.check b{color:#fff;font-size:.9rem}.mood-orb{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#61e0d4,#98f0c3);color:#07506d;font-size:2.2rem;box-shadow:0 10px 30px rgba(30,226,205,.22)}
.grid3{gap:12px}.card,.panel,.dim,.service,.person,.doc{border-color:rgba(174,202,218,.68);box-shadow:0 10px 30px rgba(19,62,91,.055)}
.status{min-height:154px;padding:18px 20px;position:relative;overflow:hidden}.status:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#0b76c8,#26c6b8)}
.status:nth-child(2):before{background:linear-gradient(#f8b437,#ef7d55)}.status:nth-child(3):before{background:linear-gradient(#8c64ce,#db6aa0)}
.score{gap:16px}.ring{width:88px;height:88px}.ring strong{font-size:1.55rem}.status h2{font-size:1.08rem}.status p{margin-bottom:8px}.time{font-size:1.55rem}
.heading{margin:25px 0 11px}.heading h2{font-size:1.4rem}.steps{gap:12px}.step{min-height:196px;padding:18px;border-radius:17px;box-shadow:0 8px 24px rgba(18,59,88,.045)}
.num{width:34px;height:34px;margin-bottom:12px}.step h3{font-size:1.02rem}.step p{font-size:.8rem;margin-bottom:10px}
.two{margin-top:18px}.panel{padding:20px}.heroBand{box-shadow:0 20px 48px rgba(6,57,94,.16)}
.service,.person,.doc,.dim{transition:transform .18s,box-shadow .18s}.service:hover,.person:hover,.doc:hover,.dim:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(19,62,91,.11)}
.feature{box-shadow:0 24px 54px rgba(6,58,93,.18)}button,.nav,.card,.check{transition:.18s}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffd35e;outline-offset:3px}
@media(max-width:1050px){.side{width:218px}.column{margin-left:218px}.welcome{padding:28px}.welcome h1{font-size:2.7rem}}
@media(max-width:730px){.side{width:260px}.column{margin-left:0}main{padding:16px 12px}.welcome{min-height:auto;padding:25px 20px;border-radius:20px}.welcome h1{font-size:2.25rem}.check{width:100%;min-height:auto;text-align:left;display:grid;grid-template-columns:58px 1fr;column-gap:12px;align-items:center}.mood-orb{width:58px;height:58px;grid-row:1/3}.check small,.check b{margin:0}.quick-dock{display:grid;grid-template-columns:1fr}.quick-dock button{width:100%}.status{min-height:auto}}