:root{--bg:#37003c;--card:#4a0638;--accent:#c71585;--accent2:#8b0e54;--text:#fff;--muted:#d8bfd8;--border:#7c0e54;--sidebar-w:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);background:#2a0030;flex-direction:column;flex-shrink:0;transition:transform .25s;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:24px 16px 20px;font-size:1rem;font-weight:700;display:flex}.sidebar-logo img{object-fit:contain;width:36px;height:36px}.sidebar-nav{flex:1;padding:12px 0;list-style:none}.sidebar-nav li{margin:2px 8px}.sidebar-nav button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;font-size:.9rem;transition:background .15s,color .15s;display:flex}.sidebar-nav button svg{opacity:.7;flex-shrink:0;transition:opacity .15s}.sidebar-nav button:hover{background:var(--card);color:var(--text)}.sidebar-nav button:hover svg{opacity:1}.sidebar-nav button.active{background:var(--accent2);color:#fff;font-weight:600}.sidebar-nav button.active svg{opacity:1}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#2a0030;align-items:center;gap:12px;padding:10px 16px;display:none;position:sticky;top:0}.topbar-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.topbar-logo{object-fit:contain;width:28px;height:28px}.hamburger{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.hamburger:hover{background:#ffffff1f}.content{flex-direction:column;flex:1;min-width:0;display:flex}main{flex:1}.overlay{z-index:40;background:#00000080;display:none;position:fixed;inset:0}@media (width<=640px){.sidebar{inset-block:0;z-index:50;position:fixed;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.overlay{display:block}.topbar{display:flex}}.pagina{max-width:640px;margin:0 auto;padding:28px 16px 40px}.hero-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.hero-logo{object-fit:contain;width:64px;height:64px}.hero-title{font-size:1.4rem;font-weight:700;line-height:1.2}.hero-sub{color:var(--muted);margin-top:3px;font-size:.82rem}.search-form{flex-direction:column;gap:10px;display:flex}.modo-tabs{border:1.5px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.modo-tab{background:var(--card);color:var(--muted);cursor:pointer;border:none;flex:1;padding:10px;font-size:.9rem;transition:background .15s,color .15s}.modo-tab.active{background:var(--accent2);color:#fff;font-weight:600}.input-row{gap:8px;display:flex}.search-input{border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;outline:none;flex:1;padding:12px 14px;font-size:1rem;transition:border-color .2s}.search-input::placeholder{color:var(--muted);opacity:.6}.search-input:focus{border-color:var(--accent)}.search-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600;transition:opacity .2s}.search-btn:disabled{opacity:.45;cursor:default}.resultados{flex-direction:column;gap:10px;margin-top:20px;display:flex}.msg-vacio,.msg-error{text-align:center;color:var(--muted);margin-top:20px;font-size:.9rem}.msg-error{color:#f87171}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.card-texto{color:var(--text);font-size:.95rem;line-height:1.5}.card-nombre{font-weight:700}.card-equipo{background:var(--accent2);color:#fff;border-radius:5px;padding:1px 7px;font-size:.88rem;font-weight:600;display:inline-block}.card-rut{color:var(--muted);margin-top:5px;font-size:.8rem}.section-title{margin-bottom:16px;font-size:1.2rem;font-weight:700}.section-text{color:var(--muted);font-size:.95rem;line-height:1.6}.section-text strong{color:var(--text)}.club-filter{width:100%;margin-bottom:16px}.clubes-lista{flex-direction:column;gap:8px;display:flex}.club-card-btn{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:8px;padding:14px 16px;transition:background .15s;display:flex}.club-card-btn:hover{background:#ffffff0f}.club-nombre{flex:1;font-size:.95rem;font-weight:600}.club-count{color:var(--muted);white-space:nowrap;font-size:.78rem}.club-chevron{color:var(--muted);margin-left:4px;font-size:1rem}.back-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 14px;font-size:.85rem;transition:background .15s;display:inline-flex}.back-btn:hover{color:var(--text);background:#ffffff0f}.club-detalle-header{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.club-detalle-nombre{margin:0;font-size:1.25rem;font-weight:700}.club-jugadores{border-top:1px solid var(--border);margin:0;padding:8px 0;list-style:none}.club-jugadores-detalle{border-top:none}.club-jugador{border-bottom:1px solid #7c0e544d;justify-content:space-between;align-items:center;gap:8px;padding:7px 16px;display:flex}.club-jugador:last-child{border-bottom:none}.cj-nombre{color:var(--text);font-size:.88rem}.cj-rut{color:var(--muted);white-space:nowrap;font-size:.78rem}