/* ==========================================================
   DASHBOARD DE SISTEMAS V1.0
   ========================================================== */
:root{--white:#fff;--black:#050505;--blue:#0547ff;--bg:#f5f5f5;--border:#dddddd;--border-soft:#e8e8e8;--muted:#666666;--green:#0b7a42;--green-bg:#eefaf3;--radius:16px}
*{box-sizing:border-box} html{font-size:62.5%}
body{margin:0;color:var(--black);background:var(--bg);font:1.6rem/1.5 "Barlow",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.app{width:min(calc(100% - 4rem),1180px);margin:4rem auto}.app-version{display:flex;justify-content:flex-end;margin:0 0 .8rem;color:var(--muted);font-size:1.2rem;font-weight:700;letter-spacing:.04em}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding:4rem;margin-bottom:2rem;color:var(--white);background:var(--black);border-radius:var(--radius)}
.hero small,.card>small,.dashboard-intro small,.future-card small,.system-card__eyebrow{color:var(--blue);font-weight:700;letter-spacing:.08em}
.hero h1{margin:.6rem 0;font-size:clamp(4rem,6vw,6.4rem);line-height:.95;letter-spacing:-.045em}.hero p{margin:0;color:#aaa}
.hero-brand{display:grid;place-items:center;width:8rem;height:8rem;flex:0 0 8rem;background:var(--blue);border-radius:18px}.hero-brand img{width:5rem;height:5rem;object-fit:contain;filter:brightness(0) invert(1)}
.card{padding:3rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}
.dashboard-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:2rem}.dashboard-intro h2{margin:.4rem 0 .8rem;font-size:2.6rem;line-height:1.15}.dashboard-intro p{max-width:65rem;margin:0;color:var(--muted);font-size:1.45rem}.profile-mini{min-width:22rem;text-align:right}.profile-mini strong,.profile-mini span{display:block}.profile-mini strong{font-size:1.5rem}.profile-mini span{margin-top:.2rem;color:var(--muted);font-size:1.25rem}
.systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-bottom:2rem}
.system-card{position:relative;display:flex;flex-direction:column;min-height:32rem;padding:3rem;overflow:hidden;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.system-card:hover{transform:translateY(-3px);border-color:#c5d1ff;box-shadow:0 16px 38px rgba(0,0,0,.06)}.system-card::after{content:"";position:absolute;right:-7rem;bottom:-8rem;width:18rem;height:18rem;border-radius:50%;background:rgba(5,71,255,.04);pointer-events:none}
.system-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.system-card__icon{display:grid;place-items:center;width:5.8rem;height:5.8rem;flex:0 0 5.8rem;color:var(--blue);background:#f7f9ff;border:1px solid #cad7ff;border-radius:14px;font-size:2.2rem}.system-card__status{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .8rem;color:var(--green);background:var(--green-bg);border:1px solid #cdebd9;border-radius:999px;font-size:1.05rem;font-weight:700}.system-card__status::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:currentColor}
.system-card__content{position:relative;z-index:1;margin-top:2.6rem}.system-card__eyebrow{display:block;margin-bottom:.6rem;font-size:1.05rem}.system-card h3{margin:0 0 1rem;font-size:2.8rem;line-height:1.05;letter-spacing:-.025em}.system-card p{max-width:48rem;margin:0;color:var(--muted);font-size:1.4rem}.system-card__features{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:2rem 0 0;list-style:none}.system-card__features li{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .8rem;color:#333;background:#fafafa;border:1px solid var(--border-soft);border-radius:999px;font-size:1.1rem;font-weight:600}.system-card__features i{color:var(--blue)}
.system-card__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:2rem;margin-top:auto}.system-card__action{display:inline-flex;align-items:center;gap:.9rem;color:var(--blue);font-weight:700}.system-card:hover .system-card__action{color:var(--black)}.system-card__action i{transition:transform .2s ease}.system-card:hover .system-card__action i{transform:translateX(4px)}.system-card__version{color:#999;font-size:1.1rem;font-weight:600}
.future-card{display:flex;align-items:center;gap:1.8rem}.future-icon{display:grid;place-items:center;width:4.8rem;height:4.8rem;flex:0 0 4.8rem;color:var(--blue);background:#f7f9ff;border:1px dashed #b9c9ff;border-radius:12px}.future-card h3{margin:.25rem 0 .35rem;font-size:1.7rem}.future-card p{margin:0;color:var(--muted);font-size:1.3rem}.future-card code{padding:.15rem .4rem;color:#222;background:#f3f3f3;border-radius:5px}
@media(max-width:820px){.systems-grid{grid-template-columns:1fr}.dashboard-intro{align-items:flex-start;flex-direction:column}.profile-mini{min-width:0;text-align:left}}
@media(max-width:620px){.app{width:calc(100% - 2rem);margin:1rem auto}.hero{align-items:flex-start;flex-direction:column;padding:2.6rem}.hero-brand{width:6.4rem;height:6.4rem;flex-basis:6.4rem}.hero-brand img{width:4rem;height:4rem}.card,.system-card{padding:2.2rem}.system-card{min-height:29rem}.future-card{align-items:flex-start}}