:root{--portal-blue:#163a5f;--portal-blue2:#0d6efd}body{background:#f5f7fb}.portal-nav{background:linear-gradient(135deg,#173f67,#102a46)}.portal-login{background:radial-gradient(circle at 20% 20%,#e7f3ff 0,#d9eaf9 30%,#cbdceb 60%,#bfd1e1 100%)}.login-card{border-radius:22px}.portal-mark{width:76px;height:76px;margin:auto;border-radius:18px;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(135deg,#2679c8,#144d7d);box-shadow:0 12px 30px #123b5c33}.system-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e6e9ef;border-radius:18px;padding:22px;min-height:120px;box-shadow:0 8px 24px #1c365211;transition:.18s ease}.system-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1c365222}.system-icon{width:68px;height:68px;flex:0 0 68px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:30px}.icon-planner{background:linear-gradient(135deg,#b7c42f,#8fa310)}.icon-cotizaciones{background:linear-gradient(135deg,#e88b21,#c9630c)}.icon-polizas{background:linear-gradient(135deg,#1b8f97,#0d6570)}.icon-asistencia{background:linear-gradient(135deg,#5b8def,#355cc9)}.icon-capital_humano{background:linear-gradient(135deg,#8b5cf6,#6540c7)}.icon-calendario{background:linear-gradient(135deg,#e05f83,#b83b64)}.icon-contabilidad{background:linear-gradient(135deg,#198754,#0f6842)}@media(max-width:576px){.system-card{padding:17px}.system-icon{width:58px;height:58px;flex-basis:58px;font-size:26px}}
.system-card-locked{cursor:pointer;opacity:.82;background:#f8f9fb}.system-card-locked:hover{opacity:1;transform:translateY(-2px)}.system-card-locked .system-icon{filter:grayscale(.25)}

.system-icon-image{overflow:hidden;padding:7px;background:linear-gradient(135deg,#198754,#0f6842)!important}.system-icon-image img{display:block;width:100%;height:100%;object-fit:contain}