/* Zona personal: tipografía sobria y superficies limpias, sin degradados ornamentales. */
.member-page { --member-ink:#142c50; --member-muted:#687b94; --member-border:#dce5f0; --member-blue:#1b4e9e; background:#f2f5f9; }
.member-hero { background:#143c7b; color:#fff; padding:36px 0 38px; }
.member-hero h1 { margin:10px 0 9px; font-size:clamp(29px,3.2vw,45px); line-height:1.15; letter-spacing:-.035em; }
.member-hero p { max-width:740px; margin:0; color:#d7e4fa; line-height:1.6; }
.member-kicker { display:inline-block; font-size:11px; letter-spacing:.16em; font-weight:800; color:#6888bb; }
.member-hero .member-kicker { color:#9fc9ff; }
.member-box { background:#fff; border:1px solid var(--member-border); border-radius:16px; padding:26px; }
.member-auth-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; padding-top:30px; padding-bottom:28px; }
.member-auth-grid > .member-alert { grid-column:1/-1; margin:0; }
.member-box-head>span { font-size:11px; font-weight:800; letter-spacing:.11em; color:#436dab; }
.member-box-head h2 { margin:8px 0 8px; font-size:26px; letter-spacing:-.03em; color:var(--member-ink); }
.member-box-head p { margin:0 0 22px; font-size:14px; line-height:1.6; color:var(--member-muted); }
.member-form { display:flex; flex-direction:column; gap:16px; }
.member-form label, .member-create-form label, .member-delete-account label { font-weight:700; font-size:13px; display:flex; flex-direction:column; gap:7px; color:#243854; }
.member-form input:not([type=checkbox]), .member-create-form input, .member-delete-account input { min-width:0; height:46px; border-radius:8px; border:1px solid #cad7e8; background:#fff; padding:10px 12px; color:#172d50; font-size:15px; }
.member-form input:focus, .member-create-form input:focus, .member-delete-account input:focus { outline:3px solid #d0e2fa; border-color:#3170bc; }
.member-form label.member-privacy { display:flex; flex-direction:row; align-items:flex-start; gap:10px; font-size:12px; font-weight:400; color:#5a6c83; line-height:1.6; }
.member-privacy input { margin-top:4px; flex:0 0 auto; }
.member-primary { display:inline-flex; justify-content:center; align-items:center; align-self:start; min-height:46px; padding:12px 19px; border:0; border-radius:9px; background:#1d4a91; color:#fff; cursor:pointer; font-weight:800; font-size:14px; }
.member-primary:hover { background:#153b77; }
.member-trust { padding:5px 0 45px; }
.member-trust h2 { color:var(--member-ink); font-size:20px; }
.member-trust>div { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.member-trust p { margin:0; background:#e8eef8; border-radius:10px; padding:17px; display:flex; flex-direction:column; gap:7px; }
.member-trust b { color:#1c447b; }
.member-trust span { color:#64758c; font-size:13px; line-height:1.5; }
.member-dashboard-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.member-outline { border:1px solid #b3ccee; background:transparent; color:white; border-radius:8px; padding:12px 18px; cursor:pointer; font-weight:700; }
.member-dashboard { display:flex; flex-direction:column; gap:22px; padding-top:24px; padding-bottom:50px; }
.member-alert { padding:14px 16px; border:1px solid #cfdfef; background:#eaf2ff; color:#1c4177; border-radius:10px; font-size:14px; }
.member-alert--error { border-color:#ebc1c4; background:#fff0f0; color:#9d2c38; }
.member-stats-strip { border:1px solid var(--member-border); border-radius:14px; background:#fff; display:flex; align-items:center; overflow:hidden; }
.member-stats-strip>div { padding:17px 22px; display:flex; flex-direction:column; gap:5px; flex:1; border-right:1px solid #e5edf5; }
.member-stats-strip strong { font-size:24px; color:#1a468d; }
.member-stats-strip span { color:var(--member-muted); font-size:12px; }
.member-stats-strip>a { margin:14px 18px; padding:12px 16px; border-radius:8px; background:#e9f1fb; font-size:13px; font-weight:800; color:#1e518f; text-align:center; }
.member-create { padding:24px; }
.member-create-form { display:flex; flex-direction:column; gap:17px; }
.member-create-title { max-width:460px; }
.member-create-fields { display:flex; gap:30px; flex-wrap:wrap; }
.member-create-fields>div>span { display:block; margin-bottom:9px; font-size:12px; font-weight:800; color:#426080; }
.member-entry-row { display:flex; gap:8px; }
.member-entry-row input { width:62px; text-align:center; font-weight:800; font-size:17px; padding:8px; }
.member-section-title { display:flex; justify-content:space-between; align-items:end; gap:20px; margin:8px 0 16px; }
.member-section-title h2 { font-size:27px; margin:5px 0 0; color:var(--member-ink); }
.member-section-title>small { font-size:13px; color:var(--member-muted); }
.member-saved { display:block; }
.member-bet-card { border-radius:15px; border:1px solid var(--member-border); background:#fff; overflow:hidden; margin:0 0 17px; }
.member-bet-upper { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:23px 23px 18px; }
.member-bet-upper h3 { font-size:22px; margin:7px 0 14px; color:var(--member-ink); }
.member-balls { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.member-ball { height:36px; min-width:36px; padding:0 7px; border:1px solid #c6d9f0; background:#eff5fd; color:#1e4c94; border-radius:50px; display:inline-grid; place-items:center; font-size:13px; font-weight:800; }
.member-ball--star { color:#845c08; border-color:#f3da92; background:#fff7df; }
.member-plus { color:#8798af; font-size:16px; font-weight:800; margin:0 4px; }
.member-balls--small .member-ball { width:30px; height:30px; min-width:30px; font-size:11px; padding:0 4px; }
.member-bet-open { white-space:nowrap; border:1px solid #bdd0e9; border-radius:9px; padding:12px 16px; font-size:13px; font-weight:800; color:#1d4b94; }
.member-analytics { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #e8edf4; border-bottom:1px solid #e8edf4; }
.member-analytics>div { display:flex; flex-direction:column; gap:7px; padding:17px 21px; border-right:1px solid #e9edf4; }
.member-analytics>div:last-child { border-right:0; }
.member-analytics small { color:#697c91; font-size:11px; line-height:1.45; }
.member-analytics strong { color:#153e7e; font-size:24px; }
.member-analytics span { color:#75869c; font-size:11px; }
.member-latest { display:flex; justify-content:space-between; gap:20px; padding:16px 23px; background:#f9fbfe; align-items:center; }
.member-latest small { display:block; margin-bottom:7px; font-size:11px; color:var(--member-muted); }
.member-latest p { max-width:310px; margin:0; color:#56708a; font-size:12px; line-height:1.65; }
.member-latest b { color:#1c4886; }
.member-near-detail { border-top:1px solid #e5edf5; padding:14px 23px; }
.member-near-detail summary { cursor:pointer; font-weight:800; font-size:13px; color:#215494; }
.member-near-list { margin-top:15px; border-top:1px solid #e5edf5; }
.member-near-row { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:12px 0; border-bottom:1px solid #e8eff5; }
.member-near-row>div { display:flex; flex-direction:column; gap:4px; }
.member-near-row strong { color:#24456f; font-size:13px; }
.member-near-row small { color:#6f8195; font-size:12px; }
.member-near-row span { font-size:13px; font-weight:800; color:#2e5c9a; text-align:right; }
.member-bet-footer { padding:14px 23px; display:flex; justify-content:space-between; align-items:center; gap:12px; background:#fff; }
.member-bet-footer form { display:inline; }
.member-link-btn { border:0; background:transparent; padding:8px 0; color:#235b9d; cursor:pointer; font-size:12px; font-weight:800; }
.member-link-btn:hover { text-decoration:underline; }
.member-selected { color:#477a54; font-size:12px; font-weight:800; }
.member-danger { color:#b13d48; }
.member-empty { border:1px dashed #bad0e9; border-radius:14px; text-align:center; padding:38px 20px; color:#5e748e; background:#fff; }
.member-empty h3 { color:#24456c; }
.member-education { padding:22px 24px; background:#e9eff7; border:1px solid #d7e3f2; border-radius:13px; line-height:1.7; color:#536a84; }
.member-education h2 { color:#1d426e; font-size:20px; margin:0 0 10px; }
.member-education p { margin:8px 0; font-size:13px; }
.member-education strong { color:#244d7c; }
.member-delete-account { color:#738197; font-size:12px; margin:0 0 20px; }
.member-delete-account summary { cursor:pointer; }
.member-delete-account form { display:flex; gap:15px; flex-wrap:wrap; align-items:end; }
.member-delete-account input { max-width:250px; }
@media(max-width:900px){.member-analytics{grid-template-columns:repeat(2,1fr)} .member-auth-grid{grid-template-columns:1fr;} .member-trust>div{grid-template-columns:1fr;} .member-latest{flex-direction:column;align-items:start}.member-stats-strip{flex-wrap:wrap}}
@media(max-width:580px){.member-hero{padding:26px 0}.member-box{padding:18px}.member-stats-strip>div{flex:1 1 45%}.member-stats-strip>a{width:100%;margin:0;padding:16px}.member-bet-upper{align-items:start;flex-direction:column;padding:18px}.member-bet-open{width:100%;text-align:center}.member-analytics>div{padding:14px}.member-analytics strong{font-size:21px}.member-analytics small{font-size:10px}.member-latest,.member-bet-footer,.member-near-detail{padding:14px 17px}.member-entry-row input{width:48px;font-size:15px;height:46px}.member-create-fields{gap:16px}.member-near-row{align-items:start;flex-direction:column}.member-bet-footer{flex-wrap:wrap}}

.member-since{padding:12px 22px;font-size:12px;background:#edf6fc;color:#365b86;line-height:1.6}.member-since strong{color:#1e477e}.member-since span{color:#72829b}