:root{--bg:#06111c;--bg2:#091b2b;--panel:#0c2031;--line:rgba(145,190,219,.17);--line2:rgba(110,193,234,.37);--text:#f4f8fb;--muted:#91a9bc;--blue:#35b8ed;--green:#35d49a;--gold:#e9b851;--shadow:0 28px 75px rgba(0,0,0,.3)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh;padding:clamp(22px,4vw,58px);overflow-x:hidden;position:relative}.portal-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 12% 4%,rgba(33,112,158,.28),transparent 32%),radial-gradient(circle at 90% 80%,rgba(14,91,131,.18),transparent 32%),linear-gradient(145deg,var(--bg),var(--bg2));z-index:0}.portal-bg i{position:absolute;border:1px solid rgba(75,160,207,.08);border-radius:50%}.portal-bg i:nth-child(1){width:480px;height:480px;right:-180px;top:-210px}.portal-bg i:nth-child(2){width:330px;height:330px;right:-95px;top:-130px}.portal-bg i:nth-child(3){width:520px;height:520px;left:-280px;bottom:-360px}.portal-shell{position:relative;z-index:1;width:min(1220px,100%);margin:0 auto}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:29px;border-bottom:1px solid var(--line)}.portal-brand{display:flex;align-items:center;gap:17px}.portal-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#16405d,#0b263b);border:1px solid rgba(87,185,231,.35);box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.22)}.portal-mark span{font-size:25px;font-weight:900;color:#66d3ff}.eyebrow,.portal-intro span{display:block;font-size:10px;letter-spacing:.18em;color:var(--blue);font-weight:850}.portal-brand h1{font-size:clamp(25px,3vw,37px);line-height:1.05;margin:5px 0 7px;letter-spacing:-.025em}.portal-brand p{margin:0;color:var(--muted);font-size:14px}.portal-status{display:flex;align-items:center;gap:11px;min-width:218px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(11,31,47,.74);box-shadow:inset 0 1px rgba(255,255,255,.025)}.portal-status>i{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#ed685f;box-shadow:0 0 0 5px rgba(237,104,95,.09)}.portal-status.online>i{background:var(--green);box-shadow:0 0 0 5px rgba(53,212,154,.1)}.portal-status strong,.portal-status small{display:block}.portal-status strong{font-size:12px}.portal-status small{margin-top:3px;color:var(--muted);font-size:10px}.portal-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:36px 2px 22px}.portal-intro h2{font-size:clamp(23px,3vw,34px);margin:6px 0 0;letter-spacing:-.025em}.portal-intro p{margin:0;color:var(--muted);font-size:13px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.portal-card{position:relative;min-height:374px;display:flex;flex-direction:column;padding:23px 24px 22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(17,44,65,.94),rgba(8,24,37,.97));color:inherit;text-decoration:none;box-shadow:var(--shadow);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.portal-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),rgba(53,184,237,0))}.portal-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-115px;top:-120px;background:rgba(49,178,229,.09);transition:transform .3s ease}.portal-card:hover,.portal-card:focus-visible{transform:translateY(-6px);border-color:var(--line2);box-shadow:0 34px 85px rgba(0,0,0,.4);outline:none}.portal-card:hover:after,.portal-card:focus-visible:after{transform:scale(1.25)}.portal-card.kiosk:before{background:linear-gradient(90deg,var(--gold),rgba(233,184,81,0))}.portal-card.kiosk:after{background:rgba(233,184,81,.075)}.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.module-number{font-size:10px;color:#6c899e;font-weight:800;letter-spacing:.12em}.module-state{font-size:8px;letter-spacing:.16em;color:#89a8bb;font-weight:850;padding:6px 8px;border:1px solid var(--line);border-radius:999px}.portal-icon{width:59px;height:59px;margin-top:32px;display:grid;place-items:center;border-radius:17px;background:#102f47;border:1px solid rgba(76,172,219,.29);color:#68d4ff;box-shadow:inset 0 1px rgba(255,255,255,.05)}.portal-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.kiosk .portal-icon{background:#352c1b;border-color:rgba(233,184,81,.27);color:#f1c769}.card-copy{margin-top:29px}.card-copy h3{margin:0 0 11px;font-size:22px;letter-spacing:-.018em}.card-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}.card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:#dceaf3;font-size:12px;font-weight:780}.card-action b{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(62,183,232,.1);color:var(--blue);font-size:18px;transition:transform .2s ease}.portal-card:hover .card-action b,.portal-card:focus-visible .card-action b{transform:translateX(3px)}.kiosk .card-action b{background:rgba(233,184,81,.1);color:var(--gold)}.portal-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:25px;padding:0 3px;color:#607c90;font-size:10px}.portal-footer span{display:flex;align-items:center;gap:7px}.portal-footer span i{width:6px;height:6px;border-radius:50%;background:#2e93bf}
@media(max-width:900px){.portal-grid{grid-template-columns:1fr}.portal-card{min-height:260px}.portal-icon{margin-top:22px}.card-copy{margin:20px 0}.portal-intro{align-items:flex-start}.portal-intro p{max-width:310px;text-align:right}}
@media(max-width:620px){body{padding:19px 14px}.portal-header{align-items:flex-start;flex-direction:column;padding-bottom:24px}.portal-status{min-width:0;width:100%}.portal-mark{width:50px;height:50px;border-radius:14px}.portal-intro{display:block;padding-top:28px}.portal-intro p{margin-top:9px;text-align:left}.portal-card{min-height:276px;padding:20px}.portal-icon{width:52px;height:52px}.portal-footer{align-items:flex-start;flex-direction:column}.portal-footer small{line-height:1.4}}
@media(prefers-reduced-motion:reduce){.portal-card,.portal-card:after,.card-action b{transition:none}}
.portal-status.license>i{background:var(--gold);box-shadow:0 0 0 5px rgba(233,184,81,.1)}.portal-card.license-paused{border-color:rgba(233,184,81,.26);background:linear-gradient(155deg,rgba(38,41,43,.96),rgba(15,24,31,.98))}.portal-card.license-paused:before{background:linear-gradient(90deg,var(--gold),rgba(233,184,81,0))}.portal-card.license-paused .module-state{color:#efc66f;border-color:rgba(233,184,81,.25)}.portal-card.license-paused .portal-icon{filter:saturate(.55);opacity:.88}.portal-card.license-paused .card-action{color:#e7c477}.portal-card.license-paused .card-action b{background:rgba(233,184,81,.1);color:var(--gold)}

/* v3.31 · cuarto acceso: métricas */
.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-card.metrics:before{background:linear-gradient(90deg,#9b7cf6,rgba(155,124,246,0))}.portal-card.metrics:after{background:rgba(155,124,246,.08)}.metrics .portal-icon{background:#26223f;border-color:rgba(155,124,246,.32);color:#baa8ff}.metrics .card-action b{background:rgba(155,124,246,.11);color:#baa8ff}
@media(max-width:1100px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-card{min-height:330px}}
@media(max-width:700px){.portal-grid{grid-template-columns:1fr}}