body:has(.portal-topbar){--bg:#fffdf8;--surface:#fffdf8;--border:#d9cdae;--text:#171611;--muted:#64706f;--primary:#876122;--primary-dark:#5c3b12;--primary-soft:#f1e7d6;--shadow:0 10px 30px #72521a0a;--radius:20px;background:radial-gradient(ellipse at 80% 0,#dce9ed66,transparent 40%),linear-gradient(145deg,#fffdf8,#f4eedf);background-attachment:fixed;font-family:Segoe UI Variable Text,system-ui,sans-serif;overflow:auto}.portal-topbar{display:block;padding:0 32px;background:#fffdf8eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #c3b28b55;box-shadow:0 3px 20px #72521a05}.portal-barra{justify-content:space-between;gap:20px;min-height:84px;max-width:1240px;margin:auto}.portal-barra,.portal-cuenta{display:flex;align-items:center}.portal-cuenta{gap:18px}.portal-empresa{color:#736648;font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-nav{max-width:1240px;margin:auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;padding:0 0 10px}.portal-nav a{display:inline-flex;align-items:center;gap:7px;min-height:44px;flex:none;padding:10px 15px;border-radius:12px 4px;font-size:13px;color:#62685d;transition:background .2s,color .2s,transform .2s}.portal-nav a:hover{background:#f1e7d688;transform:translateY(-2px)}.portal-nav a[aria-current=page]{background:linear-gradient(125deg,#a17b36,#76521c);color:#fffdf8;box-shadow:0 4px 15px #9b702422}.portal-punto{height:7px;width:7px;border-radius:50%;background:#b5cee0;box-shadow:0 0 8px #d8aa4577}body:has(.portal-topbar) .container{max-width:1180px;padding:36px 32px}body:has(.portal-topbar) h1,body:has(.portal-topbar) h2,body:has(.portal-topbar) h3{font-family:Segoe UI Variable Display,system-ui,sans-serif;letter-spacing:-.025em}body:has(.portal-topbar) .card{background:linear-gradient(140deg,#ffffffd9,#fffdf8d9);border-color:#cab88a55;box-shadow:0 12px 36px #72521a08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body:has(.portal-topbar) .btn{min-height:44px;border-radius:12px 4px;transition:transform .2s,box-shadow .2s,background .2s}body:has(.portal-topbar) .btn-primary{background:linear-gradient(125deg,#9b7024,#76521c)}body:has(.portal-topbar) .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #9b702422}body:has(.portal-topbar) :focus-visible{outline:3px solid #9b7024;outline-offset:3px}body:has(.portal-topbar) input,body:has(.portal-topbar) select,body:has(.portal-topbar) textarea{background:#fffefb;border-color:#c5b79077;min-height:44px}body:has(.portal-topbar) .emp-card{transition:transform .25s,box-shadow .25s}body:has(.portal-topbar) .emp-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #a9cedd22}.portal-bienvenida{display:grid;grid-template-columns:1.5fr .6fr;align-items:center;grid-gap:24px;gap:24px;padding:34px 42px;border:1px solid transparent;border-radius:28px;background:linear-gradient(115deg,#fffdf8,#f3f5ef) padding-box,linear-gradient(125deg,#b4d8e3,#d9c2e1,#dbbf80) border-box;box-shadow:0 18px 45px #72521a08}.portal-kicker{font-size:10px;letter-spacing:.12em;color:#8a713e;text-transform:uppercase}.portal-bienvenida h1{font-size:clamp(28px,3vw,42px);font-weight:550;line-height:1.12;margin:18px 0}.portal-bienvenida h1 em{font-style:normal;color:#8b682a}.portal-bienvenida p:not(.portal-kicker){font-size:15px;color:#59606a;max-width:460px;margin-bottom:24px}.portal-presencia{text-align:center;min-width:0}.portal-presencia img{width:100%;height:230px;object-fit:contain;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 45% 50% at 50% 40%,#000 45%,transparent 94%);mask-image:radial-gradient(ellipse 45% 50% at 50% 40%,#000 45%,transparent 94%)}.portal-presencia a{font-size:12px;color:#8a682c;display:inline-flex;gap:18px;align-items:center;min-height:44px}.portal-seccion-titulo{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 16px}.portal-seccion-titulo h2{font-size:23px;font-weight:550;margin:0}.portal-seccion-titulo>span{font-size:9px;letter-spacing:.1em;color:#8a7a5c}.portal-accesos{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.portal-acceso{position:relative;padding:22px;border:1px solid #c8bb9855;border-radius:20px;background:#fffdf8b3;transition:transform .25s,box-shadow .25s,border-color .25s}.portal-acceso:hover{transform:translateY(-5px);box-shadow:0 14px 30px #a3cddb2b;border-color:#adccda}.portal-icono{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#d7ebee,#eee0bc);color:#806127;font-size:25px}.portal-acceso h3{font-size:17px;font-weight:550;margin:20px 0 8px}.portal-acceso p{font-size:13px;line-height:1.5;color:#64706f;margin:0}.portal-flecha{position:absolute;top:25px;right:20px;color:#9b7024;transition:transform .2s}.portal-acceso:hover .portal-flecha{transform:translate(2px,-2px)}.portal-control{display:flex;justify-content:space-between;gap:16px;margin:26px 0;padding:18px 4px;font-size:12px;color:#75694f;border-top:1px solid #bcb18e44}.portal-control a{color:#795721}@media(max-width:850px){.portal-topbar{padding:0 16px}.portal-barra{min-height:76px}.portal-cuenta{gap:8px}.portal-empresa{display:none}.portal-topbar .mb-identidad.mb-pulso{font-size:17px}.portal-topbar .mb-identidad.mb-pulso svg{width:36px}.portal-accesos{grid-template-columns:repeat(2,1fr)}.portal-bienvenida{padding:26px;grid-template-columns:1fr .5fr}.portal-presencia img{height:190px}body:has(.portal-topbar) .container{padding:24px 18px}}@media(max-width:520px){.portal-bienvenida{grid-template-columns:1fr;position:relative;padding:24px}.portal-presencia{display:none}.portal-bienvenida h1{font-size:30px}.portal-seccion-titulo>span{display:none}.portal-accesos{gap:10px}.portal-acceso{padding:16px}.portal-acceso h3{font-size:16px}.portal-control{flex-direction:column}.portal-topbar .mb-identidad small{display:none}}@media(prefers-reduced-motion:reduce){body:has(.portal-topbar) *,body:has(.portal-topbar) :before{transition:none!important;animation:none!important}}