:root{--bg: #F8F9FC;--fg: #1a1f36;--primary: #121a43;--primary-fg: #F3F4F8;--secondary: #414869;--secondary-fg: #FFFFFF;--accent: #d8dae6;--accent-fg: #2e3350;--muted: #ecedf3;--muted-fg: #71768e;--border: #c8cad8;--destructive: #A85448;--card-bg: #FEFEFF;--shadow-soft: 0 4px 20px -2px rgba(18, 26, 67, .15);--shadow-float: 0 10px 40px -10px rgba(65, 72, 105, .2);--font-heading: "Fraunces", serif;--font-body: "Nunito", sans-serif;--success-fg: #2e7d32;--success-bg: rgba(46, 125, 50, .12);--warning-bg: rgba(202, 155, 20, .22);--warning-fg: #7a5c00;--danger-bg: rgba(168, 84, 72, .12)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.page{position:relative;min-height:100vh;padding:24px 32px 60px;max-width:1400px;margin:0 auto}.blob{position:fixed;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;z-index:-1}.blob-1{width:500px;height:500px;top:-120px;right:-100px;background:radial-gradient(circle,rgba(18,26,67,.2),transparent 70%)}.blob-2{width:450px;height:450px;bottom:-80px;left:-80px;background:radial-gradient(circle,rgba(65,72,105,.15),transparent 70%)}.nav-pill{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:9999px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(200,202,216,.5);box-shadow:var(--shadow-soft);margin-bottom:40px}.portal-header-bg{width:100%;background-image:url(/cabecera.jpg);background-size:cover;background-position:center 40%;padding:32px 24px 24px;margin-bottom:24px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.portal-header-title{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:16px 0 24px}.portal-header-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}.nav-portal{position:relative;z-index:100;margin-bottom:0;width:fit-content}.nav-logo{width:36px;height:36px;border-radius:50%;background:var(--primary);color:var(--primary-fg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:.85rem}.nav-title{font-weight:700;color:var(--fg);font-size:.95rem}.nav-back{border:none;background:none;font-size:1.4rem;cursor:pointer;color:var(--fg);padding:0 4px}.nav-spacer{flex:1}.nav-user-info{display:flex;align-items:center;gap:10px}.nav-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.nav-user-name{font-weight:700;font-size:.85rem;color:var(--fg)}.nav-user-role{font-size:.72rem;color:var(--muted-fg)}.hero{text-align:center;max-width:700px;margin:60px auto}.hero-title{font-family:var(--font-heading);font-size:3.2rem;font-weight:800;line-height:1.1;color:var(--fg);margin-bottom:18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}.feature-icon{width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;margin-bottom:14px}.login-wrapper{display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.login-card{width:100%;max-width:420px;padding:40px 36px;border-radius:2rem}.login-logo{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--primary-fg);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1rem;margin-bottom:20px}.login-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--fg);margin-bottom:8px}.login-desc{color:var(--muted-fg);margin-bottom:24px}.login-hint{margin-top:24px;font-size:.78rem;color:var(--muted-fg)}.login-hint-title{font-weight:700;font-size:.8rem;color:var(--fg);margin-bottom:8px}.test-users-table{width:100%;border-collapse:collapse;font-size:.75rem}.test-users-table th{text-align:left;font-weight:600;color:var(--muted-fg);padding:4px 6px;border-bottom:1px solid rgba(0,0,0,.1)}.test-users-table td{padding:4px 6px;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.05)}.test-users-table tr:last-child td{border-bottom:none}.role-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:999px;white-space:nowrap}.role-admin{background:#fde8e8;color:#b91c1c}.role-socio{background:#e0f2fe;color:#0369a1}.role-gestion{background:#fef9c3;color:#92400e}.role-secretaria{background:#ede9fe;color:#6d28d9}.role-personal{background:#dcfce7;color:#15803d}.role-operaciones{background:#ffedd5;color:#c2410c}.tipo-hint{font-size:.68rem;color:var(--muted-fg);font-style:italic}.login-divider{display:flex;align-items:center;margin:1.2rem 0;gap:.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#0000001f}.login-divider span{font-size:.85rem;color:#666;text-transform:uppercase}.app-footer{text-align:center;padding:32px 16px 16px;font-size:.8rem;color:#999}.tab-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;padding:6px;background:#ffffff80;border-radius:9999px;border:1px solid rgba(200,202,216,.4);align-items:center}.tab-submenu-wrapper{position:relative}.tab-submenu-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid rgba(200,202,216,.7);border-radius:14px;box-shadow:0 8px 24px #0000001f;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:190px;z-index:200}.tab-submenu-item{padding:9px 16px;border-radius:9px;border:none;background:transparent;color:var(--muted-fg);font-weight:600;font-size:.82rem;cursor:pointer;text-align:left;transition:all .15s ease;white-space:nowrap}.tab-submenu-item:hover{background:#121a4314;color:var(--fg)}.tab-submenu-active{background:var(--primary)!important;color:var(--primary-fg)!important}.tab-btn{padding:10px 20px;border-radius:9999px;border:none;background:transparent;color:var(--muted-fg);font-weight:600;font-size:.84rem;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--fg);background:#121a4314}.tab-active{background:var(--primary)!important;color:var(--primary-fg)!important;box-shadow:var(--shadow-soft)}.toast-stack{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast{padding:14px 22px;border-radius:16px;background:var(--primary);color:var(--primary-fg);font-weight:600;font-size:.88rem;box-shadow:var(--shadow-float);animation:toast-in .3s ease}.toast-error{background:var(--destructive);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.page{padding:16px 16px 40px}.hero-title{font-size:2rem}.features{grid-template-columns:1fr}.login-card{padding:28px 20px}.nav-pill{padding:10px 16px;gap:8px}.tab-bar{border-radius:1rem}.portal-header-bg{min-height:auto;padding:16px 16px 12px}.portal-header-title{flex-direction:column;align-items:center;padding:8px 0 12px;gap:8px}.portal-header-logo{position:static!important;transform:none!important;height:80px!important;width:80px!important}.portal-header-title img:last-child{max-width:100%;height:auto;max-height:100px}}