@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0c0b;--bg-secondary:#101412;--accent-green:#0f4e23;--accent-red:#e31837;--accent-gold:#ffc72c;--text-primary:#fff;--text-secondary:#8fa196;--border-glass:#ffffff14;--bg-glass:#101412cc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}html,body{height:100vh;max-height:100vh;color:var(--text-primary);background-color:#f4ece1;background-image:url(/assets/fondo1-pj.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;margin:0;padding:0;overflow:hidden}.dashboard-wrapper{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100vh;max-height:100vh;display:flex;overflow:hidden}.dashboard-content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:10px 20px 0;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px}.area-card-glass{-webkit-backdrop-filter:blur(14px);text-align:center;cursor:pointer;box-sizing:border-box;background:#ffffff38;border:1.5px solid #ffffffa6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:135px;padding:26px 20px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 8px 32px #00000014}.area-card-glass:hover{background:#ffffff6b;border-color:#2d5d2a;transform:translateY(-8px);box-shadow:0 16px 40px #2d5d2a38}.platform-card{border:1px solid var(--border-glass);cursor:pointer;color:inherit;background:#10141299;border-radius:16px;flex-direction:column;padding:24px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.platform-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#0f4e2326 0%,#e318371a 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.platform-card:hover{border-color:#0f4e2366;transform:translateY(-6px);box-shadow:0 12px 30px #0f4e2333}.platform-card:hover:before{opacity:1}.platform-card>*{z-index:1;position:relative}.gradient-title{background:linear-gradient(90deg,#4caf50,#ffc72c,#e53935) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s infinite gradientBG}.btn-primary{background:linear-gradient(90deg, var(--accent-green) 0%, var(--accent-red) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0f4e234d}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #0f4e2380}.btn-secondary{color:#fff;cursor:pointer;background:#2d5d2a;border:1px solid #1e3f1c;border-radius:12px;padding:10px 20px;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #0003}.btn-secondary:hover{background:#234a21;border-color:#1e3f1c}