:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172033;--ink-soft: #2d3a50;--muted: #657087;--muted-soft: #8b95a8;--line: #dce3ee;--line-strong: #c4cfde;--surface: #ffffff;--surface-elevated: #ffffff;--focus: #2457db;--focus-glow: rgba(36, 87, 219, .25);--grad-webshield: linear-gradient(135deg, #2d56d4 0%, #5b8cff 100%);--grad-receipts: linear-gradient(135deg, #087f70 0%, #18c9b3 100%);--grad-primar: linear-gradient(135deg, #c45308 0%, #f97316 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--shadow-sm: 0 2px 8px rgba(29, 42, 68, .05);--shadow-md: 0 8px 24px rgba(29, 42, 68, .07);--shadow-lg: 0 16px 48px rgba(29, 42, 68, .09);--shadow-xl: 0 24px 64px rgba(29, 42, 68, .12);--transition-fast: .12s ease;--transition-base: .18s ease;--transition-slow: .28s ease}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 10% 0%,rgba(45,86,212,.12) 0%,transparent 50%),radial-gradient(ellipse at 90% 100%,rgba(8,127,112,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(196,83,8,.06) 0%,transparent 40%),#f4f7fb;background-attachment:fixed}a{color:inherit;text-decoration:none}.portal-shell{width:min(1280px,calc(100% - 48px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.portal-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid rgba(190,201,219,.5);position:sticky;top:0;background:#f4f7fbd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;margin:calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg)) 0;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.brand{display:inline-flex;align-items:center;gap:var(--space-md);color:var(--ink);font-weight:800;font-size:clamp(18px,2.5vw,22px);letter-spacing:-.02em}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-md);color:#fff;background:var(--ink);font-size:14px;letter-spacing:.02em;box-shadow:var(--shadow-md);flex-shrink:0}.environment{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--muted);font-size:13px;font-weight:600;padding:var(--space-xs) var(--space-md);background:var(--surface);border:1px solid var(--line);border-radius:999px}.environment:before{content:"";width:8px;height:8px;border-radius:50%;background:#18a577;box-shadow:0 0 0 4px #18a57726}.hero{max-width:840px;padding:clamp(var(--space-2xl),8vw,var(--space-3xl)) 0 clamp(var(--space-xl),4vw,var(--space-2xl));position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 50%,rgba(45,86,212,.08) 0%,transparent 60%),radial-gradient(ellipse at 100% 50%,rgba(196,83,8,.06) 0%,transparent 60%);pointer-events:none;border-radius:var(--radius-2xl);z-index:-1}.eyebrow{margin:0 0 var(--space-md);color:#3158c7;font-size:clamp(11px,1.2vw,13px);font-weight:800;letter-spacing:.15em;text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--space-sm)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--grad-webshield);border-radius:2px}h1{margin:0 0 var(--space-md);color:var(--ink);font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.03em;font-weight:800;background:linear-gradient(135deg,var(--ink) 0%,var(--ink-soft) 60%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-copy{max-width:640px;margin:0;color:var(--muted);font-size:clamp(17px,2.2vw,20px);line-height:1.7;font-weight:400}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);padding:var(--space-lg) 0 var(--space-2xl)}.app-card{position:relative;display:flex;flex-direction:column;min-height:280px;padding:var(--space-xl);border:1px solid var(--line);border-radius:var(--radius-2xl);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);text-decoration:none;overflow:hidden;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent, var(--grad-webshield));opacity:0;transition:opacity var(--transition-base)}.app-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:var(--shadow-xl)}.app-card:hover:before{opacity:1}.app-card:focus-visible{outline:3px solid var(--focus-glow);outline-offset:4px}.app-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-lg);flex-shrink:0;position:relative;box-shadow:var(--shadow-sm)}.app-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.app-content{display:flex;flex-direction:column;flex:1;min-width:0}.app-meta{margin-bottom:var(--space-sm);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-content strong{margin-bottom:var(--space-sm);color:var(--ink);font-size:clamp(22px,2.8vw,26px);letter-spacing:-.02em;font-weight:700;line-height:1.2}.app-content>span:last-child{color:var(--muted);font-size:15px;line-height:1.6;font-weight:400}.app-arrow{align-self:flex-end;color:var(--muted-soft);font-size:28px;line-height:1;transition:transform var(--transition-base),color var(--transition-base);margin-top:auto;padding-top:var(--space-md)}.app-card:hover .app-arrow{transform:translate(6px);color:var(--card-accent, var(--focus))}.app-card--webshield{--card-accent: #2d56d4}.app-card--webshield .app-icon{color:#2d56d4;background:linear-gradient(135deg,#2d56d41f,#5b8cff26)}.app-card--receipts{--card-accent: #087f70}.app-card--receipts .app-icon{color:#087f70;background:linear-gradient(135deg,#087f701f,#18c9b326)}.app-card--primar{--card-accent: #c45308}.app-card--primar .app-icon{color:#c45308;background:linear-gradient(135deg,#c453081f,#f9731626)}.app-badge{position:absolute;top:var(--space-md);right:var(--space-md);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border-radius:999px;color:#fff}.app-badge--new{background:var(--grad-webshield);box-shadow:0 4px 16px #2d56d459}.app-badge--soon{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 16px #f59e0b59}.app-badge--beta{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 16px #8b5cf659}.app-features{list-style:none;padding:0;margin:var(--space-lg) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.app-features li{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:12px;color:var(--muted);padding:var(--space-xs) var(--space-sm);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-weight:500}.app-features li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--card-accent, var(--focus));flex-shrink:0}.portal-footer{margin-top:auto;padding:var(--space-2xl) 0 var(--space-xl);color:var(--muted-soft);font-size:13px;text-align:center;border-top:1px solid rgba(190,201,219,.4)}.portal-footer a{color:var(--focus);font-weight:600;transition:color var(--transition-fast)}.portal-footer a:hover{color:var(--ink)}.app-grid:empty:after{content:"Sin aplicaciones configuradas";display:block;text-align:center;padding:var(--space-3xl);color:var(--muted)}@media(max-width:1024px){.portal-shell{width:min(100% - 40px,960px)}.app-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:760px){.portal-shell{width:min(100% - 24px,640px)}.portal-header{min-height:72px;margin:calc(-1 * var(--space-md)) calc(-1 * var(--space-md)) 0;padding:var(--space-md);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.environment{display:none}.brand{font-size:16px}.brand-mark{width:36px;height:36px;font-size:12px}.hero{padding:var(--space-xl) 0 var(--space-lg)}.app-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md) 0 var(--space-xl)}.app-card{min-height:0;padding:var(--space-lg);gap:var(--space-md);border-radius:var(--radius-xl)}.app-icon{width:54px;height:54px;border-radius:var(--radius-md)}.app-icon svg{width:26px;height:26px}.app-content strong{font-size:20px}.app-features{gap:var(--space-xs)}.app-features li{font-size:11px;padding:2px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--line: #8b95a8;--muted: #4a5568;--surface: #ffffff}.app-card{border-width:2px}.app-card:hover{border-color:var(--ink)}}@media print{.portal-header,.app-arrow,.app-badge{display:none!important}.app-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}body{background:#fff!important}}