body {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: linear-gradient(180deg,#f7f9fb 0%,#ffffff 100%);
  padding: 20px;
  color: #111;
}

.liga-actions { max-width: 900px; margin: 14px auto; padding: 0 18px; display:flex; justify-content:flex-start; }
.liga-btn { background: linear-gradient(180deg,#f3e9c9,#e6d3a0); color:#222; border:2px solid #222; padding:8px 12px; border-radius:14px; text-decoration:none; font-weight:700; box-shadow:0 2px 6px rgba(0,0,0,0.12); }

.league-header { display:flex; align-items:center; justify-content:center; gap:18px; margin-bottom:18px; }
#league-badge {
  height: 64px;
  width: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.09);
  background: #fff;
  padding: 6px;
  transition: transform .12s ease, box-shadow .12s ease;
  cursor: pointer; /* muestra que es clicable */
}

.home-link:focus #league-badge,
.home-link:hover #league-badge {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.14);
  outline: none;
}

.home-link { display:inline-block; }
h1 { margin:0; font-size:1.4rem; color:#1b1f6b; }

table { width:100%; border-collapse:collapse; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.06); margin-top:8px; }
th, td { padding:10px; text-align:center; border-bottom:1px solid #e9eef5; font-size:14px; }
th { background-color:#1b1f6b; color:#fff; }
tr:nth-child(even) { background:#fbfcff; }

.team-badge { height:22px; width:22px; object-fit:contain; vertical-align:middle; margin-right:8px; border-radius:50%; border:1px solid rgba(0,0,0,0.06); }
@media (max-width:700px){ #league-badge{height:44px;} h1{font-size:1.05rem;} .liga-btn{padding:6px 10px;} }