@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#10202f;
  --blue:#0f5aa6;
  --sky:#2f96d3;
  --orange:#ef7b2d;
  --cream:#f7f1df;
  --paper:#fffdf7;
  --line:#d9e1e8;
  --muted:#64748b;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 32px));margin:auto}

.hero{
  min-height:610px;
  color:white;
  background:
    linear-gradient(120deg,rgba(5,42,78,.96),rgba(15,90,166,.86)),
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.16),transparent 25%);
  overflow:hidden;
  position:relative;
}
.hero:after{
  content:"";
  position:absolute;left:-8%;right:-8%;bottom:-85px;height:150px;
  background:var(--paper);transform:rotate(-3deg);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;position:relative;z-index:2}
.brand{font-weight:800;letter-spacing:.08em}
.nav-links{display:flex;gap:24px;font-size:14px;font-weight:700}
.nav-links a{opacity:.88}.nav-links a:hover{opacity:1}

.hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:76px 0 130px;position:relative;z-index:1}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin:0 0 12px;color:#b8dcff}
.eyebrow.dark{color:var(--blue)}
h1{font-family:"Bebas Neue",Impact,sans-serif;font-size:82px;line-height:.87;letter-spacing:.01em;margin:0}
h1 span{color:#ffd348}
.subtitle{font-size:26px;font-weight:800;margin:20px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:14px 20px;border-radius:10px;font-weight:800;font-size:14px}
.btn.primary{background:var(--orange);color:white}
.btn.secondary{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08)}

.ball-card{height:330px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(#5bb4e7 0 52%,#2b9a58 52%);position:relative;box-shadow:0 30px 70px rgba(0,0,0,.24);overflow:hidden;transform:rotate(2deg)}
.sun{position:absolute;width:82px;height:82px;background:#ffd348;border-radius:50%;right:48px;top:40px;box-shadow:0 0 50px rgba(255,211,72,.55)}
.pitch{position:absolute;left:0;right:0;bottom:0;height:48%;background:repeating-linear-gradient(90deg,#2c9c58 0 70px,#27914f 70px 140px)}
.pitch-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.6)}
.ball{position:absolute;font-size:74px;left:18%;top:25%;filter:drop-shadow(0 16px 10px rgba(0,0,0,.25));transform:rotate(-15deg)}

.stats-strip{background:var(--ink);color:white;padding:22px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid div{display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(255,255,255,.12)}
.stats-grid div:last-child{border-right:0}
.stats-grid strong{font-family:"Bebas Neue",sans-serif;font-size:34px;color:#ffd348}
.stats-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#cbd5e1}

.section{padding:84px 0}
.section.alt{background:#eef4f8}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
h2{font-family:"Bebas Neue",sans-serif;font-size:54px;line-height:1;margin:0}
.section-note{max-width:520px;color:var(--muted);font-size:14px}

.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line);background:white;box-shadow:0 14px 40px rgba(15,32,47,.06)}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{padding:14px 16px;border-bottom:1px solid #edf1f4;text-align:center;font-size:14px}
th{background:#10202f;color:white;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
th:nth-child(2),td:nth-child(2){text-align:left}
tbody tr:hover{background:#f8fbfd}
.position{font-weight:800}
.player-name{font-weight:700}
.points{font-weight:800;color:var(--blue)}

.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.match{background:white;border-radius:16px;padding:20px;border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,32,47,.05)}
.match-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.match-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;font-weight:700}
.score{font-family:"Bebas Neue",sans-serif;font-size:28px}
.match-link{margin-top:12px;display:inline-block;color:var(--blue);font-size:12px;font-weight:800}

.round-card{background:linear-gradient(120deg,#0f5aa6,#1c79bd);color:white;border-radius:22px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 44px rgba(15,90,166,.18)}
.round-card h3{font-size:28px;margin:6px 0}
.round-card p{max-width:760px;color:#d8efff;margin:0}
.round-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#b8dcff}
.round-number{font-family:"Bebas Neue",sans-serif;font-size:84px;color:#ffd348;line-height:1}

.players-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.player-card{background:white;border:1px solid var(--line);border-radius:13px;padding:14px 16px;display:flex;gap:10px;align-items:center}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:var(--blue);font-weight:800}
.player-card strong{font-size:13px}
.player-card small{display:block;color:var(--muted);margin-top:2px}

.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rules-grid article{border-top:4px solid var(--orange);padding:22px;background:white;border-radius:0 0 14px 14px;box-shadow:0 10px 28px rgba(15,32,47,.06)}
.rules-grid article span{font-family:"Bebas Neue",sans-serif;font-size:32px;color:var(--blue)}
.rules-grid h3{margin:6px 0 10px}
.rules-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}

footer{background:#0b1722;color:#cbd5e1;padding:34px 0}
.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px}

@media (max-width:900px){
  .nav-links{display:none}
  .hero-content{grid-template-columns:1fr;padding-top:52px}
  .ball-card{display:none}
  h1{font-size:64px}
  .results-grid{grid-template-columns:1fr 1fr}
  .players-grid{grid-template-columns:repeat(3,1fr)}
  .rules-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .stats-grid{grid-template-columns:1fr 1fr;gap:18px}
  .stats-grid div{border:0}
  .section-heading{display:block}
  .results-grid,.rules-grid{grid-template-columns:1fr}
  .players-grid{grid-template-columns:1fr 1fr}
  .round-number{display:none}
  h1{font-size:54px}
}

.division-tabs,.group-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.division-tab,.group-tab{border:1px solid var(--line);background:white;padding:11px 16px;border-radius:10px;font-weight:800;color:var(--ink);cursor:pointer}
.division-tab.active,.group-tab.active{background:var(--blue);border-color:var(--blue);color:white}
.legend{display:flex;gap:20px;margin:12px 0 18px;color:var(--muted);font-size:12px;font-weight:700}
.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.legend-dot.champion{background:#2f9e5b}.legend-dot.relegation{background:#d94b4b}
tr.promoted td:first-child{box-shadow:inset 5px 0 #2f9e5b}
tr.relegated td:first-child{box-shadow:inset 5px 0 #d94b4b}
.division-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.division-cards article{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}
.division-cards strong{font-family:"Bebas Neue",sans-serif;font-size:48px;color:var(--blue)}
.division-cards h3{margin:4px 0}.division-cards p{font-weight:800}.division-cards small{color:var(--muted);line-height:1.5}
.regulation{display:grid;gap:18px}
.regulation article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:26px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(15,32,47,.04)}
.rule-no{font-family:"Bebas Neue",sans-serif;font-size:44px;color:var(--orange)}
.regulation h3{font-size:22px;margin:3px 0 10px}
.regulation p,.regulation li{color:#4e6070;line-height:1.65;font-size:14px}
.regulation ol{padding-left:20px}
@media(max-width:800px){.division-cards{grid-template-columns:1fr}.regulation article{grid-template-columns:45px 1fr}}

.calendar-rounds{display:grid;gap:20px}
.calendar-round{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(15,32,47,.04)}
.calendar-round h3{margin:0 0 14px;font-family:"Bebas Neue",sans-serif;font-size:30px;color:var(--blue)}
.calendar-games{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calendar-game{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;padding:12px 14px;background:#f7fafc;border-radius:10px;font-size:13px;font-weight:700}
.calendar-game span:first-child{text-align:right}.calendar-game span:last-child{text-align:left}.calendar-game b{text-align:center;color:var(--orange);font-size:11px;text-transform:uppercase}
.pending{color:var(--muted);font-weight:500}
@media(max-width:700px){.calendar-games{grid-template-columns:1fr}}

/* ===== V4 corregida: diseño anime-fútbol sin alterar la estructura de competición ===== */
body{
  background:
    radial-gradient(circle at 20% 0%,rgba(255,221,72,.12),transparent 28%),
    linear-gradient(#f7fbff,#eef5fb);
}
.anime-hero{
  min-height:520px;
  background:
    linear-gradient(90deg,rgba(3,32,71,.96) 0%,rgba(7,67,128,.90) 46%,rgba(7,58,111,.36) 76%,rgba(3,26,56,.64) 100%),
    url("https://tranjisgames.com/web/image/product.template/2340/image_1920?unique=5a15274") center 28%/cover no-repeat;
  position:relative;
  isolation:isolate;
  border-bottom:8px solid #ffd12f;
}
.anime-hero:before{
  content:"";position:absolute;inset:0;
  background:
    repeating-linear-gradient(118deg,transparent 0 28px,rgba(255,255,255,.045) 29px 31px),
    linear-gradient(180deg,transparent 62%,rgba(0,20,52,.72));
  z-index:-1;
}
.anime-hero:after{
  content:"";position:absolute;left:-5%;right:-5%;bottom:-28px;height:58px;
  background:#f7fbff;transform:skewY(-1.7deg);z-index:0;
}
.nav{padding-top:18px}
.brand{display:flex;flex-direction:column;line-height:.95}
.brand-main{font-family:"Bebas Neue",Impact,sans-serif;font-size:31px;letter-spacing:.06em;color:#ffd12f;text-shadow:2px 2px 0 #d53a2f}
.brand-sub{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:6px;color:#fff}
.nav-links{background:rgba(0,25,58,.52);padding:10px 14px;border-radius:999px;backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.18)}
.nav-links a{padding:7px 9px;border-radius:999px}
.nav-links a:hover{background:#ffd12f;color:#082b57}
.hero-content{min-height:410px;padding:72px 0 92px;grid-template-columns:1fr .75fr}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{font-size:94px;text-shadow:4px 5px 0 rgba(7,29,58,.45)}
.hero-copy h1 span{color:#ffd12f}
.hero-art{height:300px;position:relative}
.goal-net{
  position:absolute;right:2%;bottom:8%;width:88%;height:62%;
  border:5px solid rgba(255,255,255,.9);border-bottom-width:8px;
  transform:skewY(-7deg) perspective(450px) rotateY(-12deg);
  background:
    linear-gradient(90deg,transparent 92%,rgba(255,255,255,.45) 92%),
    linear-gradient(0deg,transparent 88%,rgba(255,255,255,.45) 88%);
  background-size:34px 34px;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.25));
}
.speed-lines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(165deg,transparent 0 18px,rgba(255,209,47,.30) 19px 22px,transparent 23px 42px);
  clip-path:polygon(18% 10%,100% 0,100% 85%,5% 100%);
}
.anime-ball{
  position:absolute;right:17%;bottom:3%;font-size:92px;
  transform:rotate(-18deg);filter:drop-shadow(0 16px 14px rgba(0,0,0,.35));
}
.division-banner{
  min-height:175px;display:flex;align-items:flex-end;color:white;
  border-bottom:5px solid #ffd12f;position:relative;overflow:hidden;
  background-position:center;background-size:cover;
}
.division-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,31,70,.95),rgba(7,58,111,.48),rgba(0,0,0,.14))}
.division-banner .container{position:relative;z-index:2;padding-bottom:24px}
.division-kicker{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#ffd12f;margin-bottom:4px}
.division-banner strong{font-family:"Bebas Neue",Impact,sans-serif;font-size:54px;letter-spacing:.025em}
.division-theme-1{
  background-image:url("https://img.youtube.com/vi/DjvEFjahmOY/maxresdefault.jpg");
}
.division-theme-2{
  background-image:url("https://img.youtube.com/vi/vBNzpAL2FQ0/maxresdefault.jpg");
}
.division-theme-3{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.05)),
    url("https://tranjisgames.com/web/image/product.template/2340/image_1920?unique=5a15274");
}
.section{position:relative}
.section.alt{
  background:
    linear-gradient(rgba(239,247,252,.94),rgba(239,247,252,.94)),
    repeating-linear-gradient(90deg,#7dc98e 0 58px,#6abb7d 58px 116px);
}
.section h2{font-size:58px;color:#0b437d;text-shadow:1px 1px 0 white}
.table-wrap{border:0;border-radius:8px;box-shadow:0 16px 40px rgba(12,48,87,.14)}
table thead th{background:linear-gradient(#0d579d,#083e78);border-bottom:4px solid #ffd12f}
tbody tr:nth-child(even){background:#f5faff}
.division-tab,.group-tab{border-radius:6px;box-shadow:0 3px 0 #c9d8e5}
.division-tab.active,.group-tab.active{background:linear-gradient(#176eb8,#0c4f91);box-shadow:0 3px 0 #073662;border-color:#073662}
.calendar-round{
  border:0;border-left:7px solid #ffd12f;border-radius:5px;
  box-shadow:0 11px 26px rgba(9,53,98,.10);
}
.calendar-round h3{color:#0b4b8d;letter-spacing:.03em}
.calendar-game{background:linear-gradient(90deg,#f7fbff,#eef6fc);border:1px solid #d6e4ef}
.player-card{border-radius:6px;border:0;box-shadow:0 7px 18px rgba(9,53,98,.09);background:linear-gradient(135deg,#fff,#f0f7fc)}
.avatar{background:linear-gradient(#ffd12f,#ef9d20);color:#173b63;border:2px solid white;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.rules-page{min-height:75vh;background:#eef5fb}
.rules-hero{
  color:white;padding:48px 0 42px;
  background:
    linear-gradient(90deg,rgba(3,29,65,.94),rgba(9,78,140,.78)),
    url("https://img.youtube.com/vi/vBNzpAL2FQ0/maxresdefault.jpg") center 45%/cover;
  border-bottom:6px solid #ffd12f;
}
.rules-hero h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:72px;margin:4px 0 0}
.back-button{border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.20);color:white;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer;margin-bottom:26px}
.rules-content{padding-top:26px;padding-bottom:70px}
.rules-content #reglamento>.section-heading{display:none}
.regulation article{border-radius:6px;border:0;border-left:7px solid #0f5aa6;box-shadow:0 10px 24px rgba(9,53,98,.08)}
.regulation article:nth-child(odd){border-left-color:#e94937}
.rule-no{color:#f0a91e}
footer{border-top:5px solid #ffd12f}
@media(max-width:900px){
  .anime-hero{min-height:440px;background-position:60% center}
  .hero-content{min-height:330px}
  .hero-copy h1{font-size:68px}
  .hero-art{display:none}
}

.rule-alert{background:#fff6d8;border-left:4px solid #f0a91e;padding:12px 14px;border-radius:4px}
.regulation ul{padding-left:20px}

/* V6: tres páginas principales */
.app-page[hidden]{display:none!important}
.championship-shell{padding-top:34px;padding-bottom:70px}
.subnav-tabs{display:flex;gap:10px;margin:18px 0 8px}
.subnav-tab{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 18px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #c9d8e5}
.subnav-tab.active{background:linear-gradient(#176eb8,#0c4f91);border-color:#073662;color:white;box-shadow:0 3px 0 #073662}
.compact-section{padding-top:28px}
.page-hero{min-height:210px;display:flex;align-items:flex-end;color:white;border-bottom:6px solid #ffd12f;background-size:cover;background-position:center}
.page-hero .container{padding-bottom:28px}
.page-hero h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:70px;margin:4px 0 0;color:white;text-shadow:3px 3px 0 rgba(0,0,0,.25)}
.participants-hero{background:linear-gradient(90deg,rgba(3,29,65,.94),rgba(9,78,140,.68)),url("https://tranjisgames.com/web/image/product.template/2340/image_1920?unique=5a15274") center/cover}
.rules-hero{background:linear-gradient(90deg,rgba(3,29,65,.94),rgba(9,78,140,.72)),url("https://img.youtube.com/vi/vBNzpAL2FQ0/maxresdefault.jpg") center 45%/cover}
.participants-page-content{padding-top:42px;padding-bottom:70px}
.all-participants{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.participant-division{background:white;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px rgba(9,53,98,.09);border:1px solid #dbe7ef}
.participant-division-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#0d579d,#083e78);color:white;padding:16px 18px;border-bottom:4px solid #ffd12f}
.participant-division-head h3{margin:0;font-size:20px}
.participant-division-head span{font-size:12px;color:#d6eaff}
.participant-list{padding:8px 0}
.participant-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #edf2f6}
.participant-row:last-child{border-bottom:0}
.participant-number{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffd12f;color:#173b63;font-weight:800;font-size:12px}
.participant-division-tag{font-size:11px;color:#6a7c8d;font-weight:700}
.rules-content{padding-top:34px;padding-bottom:70px}
.rules-content #reglamento>.section-heading{display:none}
@media(max-width:800px){.all-participants{grid-template-columns:1fr}.page-hero h2{font-size:56px}}

/* ===== V7 · identidad visual por división ===== */
.league-hero{
  min-height:430px;
  background:
    radial-gradient(circle at 76% 45%,rgba(255,209,47,.18),transparent 28%),
    linear-gradient(115deg,#031c3d 0%,#073f78 56%,#061a33 100%);
}
.league-hero:before{
  background:
    repeating-linear-gradient(118deg,transparent 0 32px,rgba(255,255,255,.035) 33px 35px),
    linear-gradient(180deg,transparent 60%,rgba(0,14,36,.75));
}
.league-hero-content{min-height:330px;padding:45px 0 65px;grid-template-columns:1fr 420px}
.trophy-frame{
  justify-self:end;width:315px;height:315px;border-radius:50%;
  overflow:hidden;border:3px solid rgba(255,209,47,.72);
  box-shadow:0 0 0 10px rgba(255,255,255,.035),0 25px 60px rgba(0,0,0,.38);
  position:relative
}
.trophy-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 45px 18px rgba(3,28,61,.42)}
.trophy-frame img{width:100%;height:100%;object-fit:cover;object-position:center 54%;transform:scale(1.15)}
.hero-copy h1{font-size:82px}

/* One restrained visual system for all divisions. Only character/accent changes. */
#championshipPage{
  --division-accent:#e6b83f;
  --division-deep:#0a477e;
  --character-image:none;
  background:#eef4f8;
}
.division-banner{
  min-height:245px;
  background-image:none!important;
  background:
    linear-gradient(90deg,rgba(5,28,57,.98) 0%,rgba(8,54,97,.93) 38%,rgba(8,54,97,.58) 68%,rgba(5,28,57,.83) 100%),
    var(--character-image)!important;
  background-size:cover!important;
  background-position:center 31%!important;
  border-bottom-color:var(--division-accent)!important;
}
.division-banner:after{
  background:
    linear-gradient(90deg,rgba(4,25,52,.88) 0%,rgba(5,38,73,.60) 43%,rgba(5,38,73,.12) 72%,rgba(4,25,52,.35) 100%),
    linear-gradient(0deg,rgba(3,24,48,.45),transparent 55%);
}
.division-banner .container{padding-bottom:31px}
.division-banner strong{font-size:62px}
.division-character-name{
  display:block;margin-top:2px;font-size:13px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--division-accent)
}
.division-kicker{color:#fff;opacity:.78}
.championship-shell{
  position:relative;
  background:
    linear-gradient(rgba(245,249,252,.96),rgba(245,249,252,.96)),
    linear-gradient(90deg,transparent 49.85%,rgba(29,117,65,.12) 49.85% 50.15%,transparent 50.15%);
}
.championship-shell:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background:linear-gradient(90deg,transparent 0 49.8%,#6fae7c 49.8% 50.2%,transparent 50.2%);
}
.championship-shell>*{position:relative}
.division-tab.active,.subnav-tab.active{
  background:linear-gradient(180deg,var(--division-deep),#07345e)!important;
  border-color:#05294b!important;box-shadow:0 3px 0 #05294b!important
}
.division-tab.active{outline:2px solid var(--division-accent);outline-offset:2px}
table thead th{background:linear-gradient(var(--division-deep),#07345e)!important;border-bottom-color:var(--division-accent)!important}
.calendar-round{border-left-color:var(--division-accent)!important}
.calendar-round h3{color:var(--division-deep)!important}

/* Character sources: deliberately faded into the banner, never behind table text. */
.division-theme-1{--division-accent:#f0c24b;--division-deep:#0b5b9e;--character-image:url("https://i.pinimg.com/originals/16/99/8d/16998dc10dacb161ab6e1d70ea205897.jpg")}
.division-theme-2{--division-accent:#ef6b4d;--division-deep:#222b3a;--character-image:url("https://cdns.klimg.com/resized/630x/g/d/u/dulunya_miskin_8_fakta_menarik_kojiro_hyuga_yang_jadi_rival_tokoh_utama_-_akhirnya_sukses_main_di_eropa/kojiro_hyuga-20250131-001-non_fotografer_kly.jpg")}
.division-theme-3{--division-accent:#63b8df;--division-deep:#276a94;--character-image:url("https://i.pinimg.com/736x/4d/4a/8b/4d4a8b3b665f69711f00ee3a86248658.jpg")}
.division-theme-4{--division-accent:#e65353;--division-deep:#284f8d;--character-image:url("https://i.pinimg.com/originals/bf/5a/69/bf5a695f5dbbbca1e3e74a099ab4ee2b.jpg")}
.division-theme-5{--division-accent:#d0a535;--division-deep:#604326;--character-image:url("https://pbs.twimg.com/media/E6nD_x1XoAgn1KD.jpg")}
.division-theme-6{--division-accent:#d25c72;--division-deep:#375a88;--character-image:url("https://i.pinimg.com/736x/a8/5c/7a/a85c7addc6b5b9a6160b35757819941e.jpg")}

@media(max-width:900px){
  .league-hero-content{grid-template-columns:1fr 230px}
  .trophy-frame{width:210px;height:210px}
  .hero-copy h1{font-size:62px}
}
@media(max-width:650px){
  .league-hero-content{grid-template-columns:1fr}
  .trophy-frame{display:none}
  .division-banner{min-height:205px;background-position:62% 30%!important}
  .division-banner strong{font-size:48px}
}

/* ===== V8 · fondos completos y calendario en vivo ===== */
.trophy-frame{
  width:360px;height:330px;border-radius:18px;background:rgba(2,18,39,.42);
  padding:10px;overflow:hidden;border:2px solid rgba(255,209,47,.65);
}
.trophy-frame img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important}
.trophy-frame:after{box-shadow:inset 0 0 24px 5px rgba(3,28,61,.18)}

#championshipPage{
  background-color:#dfeaf1;
  background-image:var(--character-image);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center 205px;
  background-attachment:fixed;
}
.division-banner{
  min-height:205px!important;
  background-image:linear-gradient(90deg,rgba(3,25,52,.96),rgba(7,58,104,.80),rgba(3,25,52,.72))!important;
  background-color:#073d70!important;
}
.division-character-name{display:none!important}
.championship-shell{
  max-width:1180px;margin:0 auto 60px;
  background:rgba(245,249,252,.86)!important;
  backdrop-filter:blur(4px);
  border-radius:0 0 18px 18px;
  box-shadow:0 20px 55px rgba(3,28,61,.18);
}
/* Complete source image: never crop it. */
.division-theme-1{--character-image:url("https://i.pinimg.com/originals/16/99/8d/16998dc10dacb161ab6e1d70ea205897.jpg")}
.division-theme-2{--character-image:url("https://i.pinimg.com/originals/db/ef/e8/dbefe8d26f2a806978ed4f98a49bdb4a.jpg")}
.division-theme-3{--character-image:url("https://neoapo.com/images/character/1271/ad16c54b180ac156633162229a4c3afd.webp")}
.division-theme-4{--character-image:url("https://i.pinimg.com/originals/bf/5a/69/bf5a695f5dbbbca1e3e74a099ab4ee2b.jpg")}
.division-theme-5{--character-image:url("https://i.pinimg.com/736x/19/66/97/1966973504d12df2001a608ca9032e2a.jpg")}
.division-theme-6{--character-image:url("https://i.pinimg.com/736x/40/f6/b9/40f6b9ab62eba0e2a26c0d2fe219af71.jpg")}

.calendar-games{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.match-card{display:grid!important;grid-template-columns:minmax(150px,1fr) 92px minmax(150px,1fr) 145px!important;align-items:center;gap:14px;min-height:64px;padding:10px 12px!important;background:rgba(255,255,255,.94)!important}
.match-team.home{text-align:right}.match-team.away{text-align:left}
.match-score{text-align:center;font-size:24px;font-weight:900;color:#173b63}.match-score span{opacity:.45;padding:0 4px}
.match-status{justify-self:stretch;text-align:center;border-radius:7px;padding:9px 8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.status-pending{background:#e8edf1;color:#607080;border:1px solid #ced8df}
.status-live{background:#fff1d1;color:#9a5b00;border:1px solid #f2c45d}
.status-finished{background:#e4f4e8;color:#28713a;border:1px solid #a9d7b4}

.all-participants{display:block!important}
.participants-table-wrap{overflow:auto;background:white;border:1px solid #dbe7ef;border-radius:10px;box-shadow:0 12px 28px rgba(9,53,98,.09)}
.participants-table{width:100%;border-collapse:collapse}
.participants-table th{text-align:left;padding:14px 18px;background:linear-gradient(#0d579d,#083e78);color:white;border-bottom:4px solid #ffd12f}
.participants-table td{padding:13px 18px;border-bottom:1px solid #edf2f6}.participants-table tr:last-child td{border-bottom:0}
.team-name{font-weight:900;color:#173b63}.division-pill{display:inline-block;background:#edf4fa;color:#315b80;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}

@media(max-width:700px){
 #championshipPage{background-attachment:scroll;background-position:center 190px}
 .match-card{grid-template-columns:1fr 70px 1fr!important;gap:7px!important}
 .match-status{grid-column:1/-1}.trophy-frame{width:250px;height:240px}
}

/* ===== V9 · cabecera compacta + personaje integrado ===== */
.league-hero{min-height:138px!important}
.league-hero-content{min-height:86px!important;padding:12px 0 18px!important;grid-template-columns:1fr 118px!important;gap:24px!important}
.hero-copy .eyebrow{display:none!important}
.hero-copy h1{font-size:42px!important;line-height:.9!important;margin:0!important}
.hero-copy h1 br{display:none}
.hero-copy h1 span{margin-left:10px}
.trophy-frame{width:106px!important;height:106px!important;padding:5px!important;border-radius:14px!important;align-self:center}
.trophy-frame img{object-fit:cover!important;object-position:center!important;border-radius:9px}
.nav{min-height:48px!important}
.brand-main{font-size:18px!important}.brand-sub{font-size:10px!important}

#championshipPage{position:relative;background:#eaf1f6!important;--character-image:none}
.division-banner{min-height:92px!important;background:linear-gradient(90deg,#031f46 0%,#0a4d87 58%,#082f58 100%)!important;border-bottom:3px solid var(--division-accent)!important}
.division-banner:after{background:linear-gradient(90deg,rgba(2,22,48,.18),rgba(255,255,255,.035),rgba(2,22,48,.18))!important}
.division-banner .container{padding:17px 0 14px!important}
.division-kicker{font-size:10px!important;letter-spacing:.18em!important}
.division-banner strong{display:block;font-size:40px!important;line-height:1!important;margin-top:2px}

.championship-shell{position:relative;isolation:isolate;overflow:hidden;max-width:1180px!important;margin:0 auto 42px!important;padding-top:18px!important;padding-bottom:42px!important;background:transparent!important;backdrop-filter:none!important;box-shadow:0 16px 42px rgba(3,28,61,.12)!important;border-radius:0 0 20px 20px!important}
.championship-shell:before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;opacity:1!important;background:linear-gradient(90deg,rgba(238,245,249,.93),rgba(255,255,255,.76) 50%,rgba(238,245,249,.93))!important}
.championship-shell:after{content:"";position:absolute;z-index:-1;inset:0;background-image:var(--character-image);background-repeat:no-repeat;background-position:center 18px;background-size:contain;opacity:.34;filter:saturate(.98) contrast(1.02);pointer-events:none}
.championship-shell .division-tabs,.championship-shell .subnav-tabs,.championship-shell .champ-view{position:relative;z-index:1}
.championship-shell .division-tabs,.championship-shell .subnav-tabs{padding-left:0;padding-right:0}
.compact-section{padding-top:16px!important}
.section-heading{margin-bottom:10px!important}.section-heading h2{font-size:48px!important}.section-heading .eyebrow{margin-bottom:2px!important}
.legend{margin-bottom:10px!important}
.table-wrap,.calendar-round{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(2px)}
#standingsTable tbody td{background:rgba(255,255,255,.79)}
#standingsTable tbody tr:nth-child(even) td{background:rgba(245,249,252,.82)}

/* Apply the selected division to the whole championship, not only its banner. */
#championshipPage.division-theme-1{--division-accent:#f0c24b;--division-deep:#0b5b9e;--character-image:url("https://i.pinimg.com/originals/16/99/8d/16998dc10dacb161ab6e1d70ea205897.jpg")}
#championshipPage.division-theme-2{--division-accent:#ef6b4d;--division-deep:#222b3a;--character-image:url("https://i.pinimg.com/originals/db/ef/e8/dbefe8d26f2a806978ed4f98a49bdb4a.jpg")}
#championshipPage.division-theme-3{--division-accent:#63b8df;--division-deep:#276a94;--character-image:url("https://neoapo.com/images/character/1271/ad16c54b180ac156633162229a4c3afd.webp")}
#championshipPage.division-theme-4{--division-accent:#e65353;--division-deep:#284f8d;--character-image:url("https://i.pinimg.com/originals/bf/5a/69/bf5a695f5dbbbca1e3e74a099ab4ee2b.jpg")}
#championshipPage.division-theme-5{--division-accent:#d0a535;--division-deep:#604326;--character-image:url("https://i.pinimg.com/736x/19/66/97/1966973504d12df2001a608ca9032e2a.jpg")}
#championshipPage.division-theme-6{--division-accent:#d25c72;--division-deep:#375a88;--character-image:url("https://i.pinimg.com/736x/40/f6/b9/40f6b9ab62eba0e2a26c0d2fe219af71.jpg")}

@media(max-width:700px){
 .league-hero-content{grid-template-columns:1fr 76px!important}.trophy-frame{display:block!important;width:72px!important;height:72px!important}
 .hero-copy h1{font-size:31px!important}.hero-copy h1 span{margin-left:5px}
 .division-banner{min-height:78px!important}.division-banner strong{font-size:34px!important}
 .championship-shell:after{background-position:center 110px;background-size:100% auto;opacity:.25}
}

/* ===== V10 · compacta, fondo continuo y reglas visuales por división ===== */

/* Header general: menos altura, CAMPEONES con más presencia, trofeo limpio más arriba/derecha */
.league-hero{
  min-height:122px!important;
  overflow:visible!important;
}
.nav{
  min-height:42px!important;
  padding:7px 0!important;
}
.brand-main{
  font-size:26px!important;
  line-height:1!important;
}
.league-hero-content{
  position:relative!important;
  min-height:70px!important;
  padding:0 0 10px!important;
  display:block!important;
}
.hero-copy h1{
  font-size:38px!important;
  line-height:.95!important;
  margin:0!important;
}
.hero-copy h1 span{margin-left:8px!important}
.trophy-frame{
  position:absolute!important;
  right:-4px!important;
  top:-36px!important;
  width:132px!important;
  height:132px!important;
  padding:5px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,221,117,.26),transparent 45%),
    linear-gradient(145deg,rgba(95,64,11,.28),rgba(8,34,64,.45))!important;
  border:2px solid rgba(238,191,55,.85)!important;
}
.trophy-frame img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  transform:none!important;
}
.trophy-frame:after{display:none!important}

/* División: franja compacta, sin texto repetido de personaje */
.division-banner{
  min-height:72px!important;
  background:linear-gradient(90deg,rgba(3,31,70,.92),rgba(10,77,135,.80),rgba(6,40,75,.72))!important;
}
.division-banner .container{padding:10px 0 8px!important}
.division-kicker{font-size:9px!important;margin-bottom:1px!important}
.division-banner strong{font-size:34px!important;line-height:1!important}

/* Fondo continuo: la misma imagen atraviesa Clasificación y Calendario, incluso detrás de tabla */
#championshipPage{
  position:relative!important;
  background-color:#e9f1f6!important;
  background-image:
    linear-gradient(90deg,rgba(236,244,249,.93) 0%,rgba(244,249,252,.79) 44%,rgba(242,248,251,.67) 67%,rgba(235,243,248,.90) 100%),
    var(--character-image)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,right 26px top 72px!important;
  background-size:cover,auto calc(100% - 92px)!important;
}
.championship-shell{
  max-width:1180px!important;
  margin:0 auto 36px!important;
  padding-top:14px!important;
  padding-bottom:34px!important;
  background:transparent!important;
  box-shadow:0 14px 36px rgba(3,28,61,.10)!important;
}
.championship-shell:before,
.championship-shell:after{display:none!important}
.division-tabs{margin-bottom:8px!important}
.subnav-tabs{margin:8px 0 4px!important}
.compact-section{padding-top:6px!important}

/* Ya no repetimos títulos "Competición / Clasificación" o "Temporada / Calendario" */
.compact-section>.section-heading{display:none!important}

/* Leyenda inmediatamente bajo la subpestaña */
.legend{
  margin:4px 0 9px!important;
  min-height:18px;
  font-size:12px!important;
}

/* Tabla integrada sobre el fondo, pero suficientemente legible */
.table-wrap{
  background:rgba(255,255,255,.76)!important;
  backdrop-filter:blur(3px)!important;
  box-shadow:0 12px 28px rgba(4,37,72,.11)!important;
}
#standingsTable thead th{
  background:linear-gradient(rgba(8,78,139,.96),rgba(5,54,98,.96))!important;
}
#standingsTable tbody td{background:rgba(255,255,255,.72)!important}
#standingsTable tbody tr:nth-child(even) td{background:rgba(241,247,251,.76)!important}
.calendar-round{
  background:rgba(255,255,255,.74)!important;
  backdrop-filter:blur(3px)!important;
}
.match-card{background:rgba(255,255,255,.84)!important}

/* Fondos por división. 5ª y 6ª pasan a imágenes claras. */
#championshipPage.division-theme-5{
  --division-accent:#d0a535;
  --division-deep:#604326;
  --character-image:url("https://ogre.natalie.mu/media/news/comic/2018/0311/wakashimazu.jpg?imdensity=1&imwidth=750");
}
#championshipPage.division-theme-6{
  --division-accent:#d25c72;
  --division-deep:#375a88;
  --character-image:url("https://static.wixstatic.com/media/2fd5c1_7b6734a876154490bcd467a3cb3ac747~mv2.png/v1/fill/w_980%2Ch_865%2Cal_c%2Cq_90%2Cusm_0.66_1.00_0.01%2Cenc_avif%2Cquality_auto/2fd5c1_7b6734a876154490bcd467a3cb3ac747~mv2.png");
}

@media(max-width:700px){
  .league-hero{min-height:108px!important}
  .brand-main{font-size:22px!important}
  .hero-copy h1{font-size:29px!important}
  .trophy-frame{width:88px!important;height:88px!important;right:0!important;top:-23px!important}
  .division-banner{min-height:62px!important}
  .division-banner strong{font-size:29px!important}
  #championshipPage{
    background-position:center,right 4px top 68px!important;
    background-size:cover,auto 76%!important;
  }
}

/* ===== V11 · página continua, cabecera corregida y fondos más visibles ===== */

/* Cabecera general */
.league-hero{
  min-height:154px!important;
  overflow:hidden!important;
}
.nav{
  min-height:44px!important;
  padding:8px 0 5px!important;
}
.brand-main{
  font-size:28px!important;
}
.league-hero-content{
  position:relative!important;
  min-height:102px!important;
  padding:4px 0 14px!important;
  display:block!important;
}
.hero-copy{
  padding-top:4px!important;
  max-width:760px;
}
.hero-copy h1{
  font-size:40px!important;
  line-height:.95!important;
}
.trophy-frame{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:122px!important;
  height:122px!important;
  padding:2px!important;
  border-radius:16px!important;
  border:2px solid rgba(238,191,55,.85)!important;
  background:linear-gradient(145deg,rgba(106,76,18,.26),rgba(7,32,61,.34))!important;
  overflow:hidden!important;
}
.trophy-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* La franja de división ya no puede tapar el trofeo porque comienza después de la cabecera */
.division-banner{
  min-height:68px!important;
  position:relative!important;
  z-index:1!important;
}
.division-banner .container{padding:9px 0 7px!important}
.division-banner strong{font-size:32px!important}

/* Sin botones Clasificación / Calendario */
.subnav-tabs{display:none!important}
.content-title{
  margin:0 0 10px!important;
  font-family:"Bebas Neue",Impact,sans-serif;
  font-size:42px!important;
  color:#0b4f8f!important;
  text-shadow:1px 1px 0 rgba(255,255,255,.8);
}
.calendar-section{
  padding-top:28px!important;
}

/* Leyenda debajo de la tabla */
.legend-below{
  margin:10px 0 0!important;
  justify-content:flex-start!important;
}

/* Fondo de personaje: más visible, a la izquierda, continuo bajo tabla y calendario */
#championshipPage{
  background-color:#eaf2f6!important;
  background-image:
    linear-gradient(90deg,
      rgba(238,245,249,.34) 0%,
      rgba(241,247,250,.48) 28%,
      rgba(243,248,251,.74) 58%,
      rgba(237,244,248,.93) 100%),
    var(--character-image)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,left 18px top 78px!important;
  background-size:cover,auto 72%!important;
}
.championship-shell{
  background:transparent!important;
  box-shadow:none!important;
  margin-bottom:30px!important;
}
.table-wrap{
  background:rgba(255,255,255,.73)!important;
  backdrop-filter:blur(1.4px)!important;
}
#standingsTable tbody td{
  background:rgba(255,255,255,.69)!important;
}
#standingsTable tbody tr:nth-child(even) td{
  background:rgba(241,247,251,.72)!important;
}
.calendar-round{
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(1.4px)!important;
}
.match-card{background:rgba(255,255,255,.82)!important}

/* Reforzar posición izquierda y visibilidad en todas las divisiones */
#championshipPage.division-theme-1,
#championshipPage.division-theme-2,
#championshipPage.division-theme-3,
#championshipPage.division-theme-4,
#championshipPage.division-theme-5,
#championshipPage.division-theme-6{
  background-position:center,left 16px top 76px!important;
}

/* 5ª: Ed Warner / Ken Wakashimazu con cielo claro */
#championshipPage.division-theme-5{
  --division-accent:#d0a535;
  --division-deep:#604326;
  --character-image:url("https://i.pinimg.com/736x/f9/bd/eb/f9bdebeaea6606cef5a425f8a7e5d1a5.jpg");
}
/* 6ª: Julian Ross con cielo/estadio claro */
#championshipPage.division-theme-6{
  --division-accent:#d25c72;
  --division-deep:#375a88;
  --character-image:url("https://static.wixstatic.com/media/2fd5c1_7b6734a876154490bcd467a3cb3ac747~mv2.png/v1/fill/w_980%2Ch_865%2Cal_c%2Cq_90%2Cusm_0.66_1.00_0.01%2Cenc_avif%2Cquality_auto/2fd5c1_7b6734a876154490bcd467a3cb3ac747~mv2.png");
}

/* Participantes: encabezado visible y fijo visualmente */
.participants-table thead{display:table-header-group!important}
.participants-table thead th{
  display:table-cell!important;
  position:sticky;
  top:0;
  z-index:2;
}

/* Reglamento: solo arte de Campeones, sin personas reales, dedos ni interfaces */
.rules-hero{
  background:
    linear-gradient(90deg,rgba(3,29,65,.90),rgba(9,78,140,.56)),
    url("https://canvas-lb.tubitv.com/opts/60-YGL5XI6a0tQ%3D%3D/0f3377cd-652c-4b7c-86b2-0773abac6a32/CM4MEIoHOgUxLjEuNw%3D%3D") center 42%/cover no-repeat!important;
}

@media(max-width:700px){
  .league-hero{min-height:126px!important}
  .league-hero-content{min-height:78px!important}
  .hero-copy h1{font-size:30px!important}
  .trophy-frame{width:82px!important;height:82px!important;top:0!important}
  .division-banner{min-height:58px!important}
  .division-banner strong{font-size:27px!important}
  #championshipPage{
    background-position:center,left 2px top 64px!important;
    background-size:cover,auto 56%!important;
  }
  .content-title{font-size:34px!important}
}

/* ===== V12 · ajustes finales antes de conectar BGA ===== */

/* Trofeo: extremo derecho real de la cabecera, entero y sin deformar */
.league-hero{
  position:relative!important;
  min-height:150px!important;
  overflow:hidden!important;
}
.league-hero .trophy-frame{
  position:absolute!important;
  right:3.2vw!important;
  top:10px!important;
  width:132px!important;
  height:132px!important;
  margin:0!important;
  padding:2px!important;
  z-index:5!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.league-hero .trophy-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.league-hero-content{
  padding-right:180px!important;
}

/* En clasificación la columna principal representa equipos */
#standingsTable th:nth-child(2),
#standingsTable td:nth-child(2){
  min-width:220px;
}

/* Fondo: prima la cara del personaje, no la imagen completa.
   Cada división tiene encuadre propio, siempre en el lado izquierdo. */
#championshipPage{
  background-repeat:no-repeat,no-repeat!important;
  background-size:cover,auto!important;
  background-color:#eaf2f6!important;
}

/* El degradado se hace mucho más suave para reconocer bien al personaje. */
#championshipPage.division-theme-1{
  background-image:
    linear-gradient(90deg,rgba(240,247,251,.24) 0%,rgba(243,248,251,.40) 34%,rgba(244,249,252,.74) 64%,rgba(237,244,248,.94) 100%),
    var(--character-image)!important;
  background-size:cover,760px auto!important;
  background-position:center,-80px 105px!important;
}
#championshipPage.division-theme-2{
  background-image:
    linear-gradient(90deg,rgba(240,247,251,.24) 0%,rgba(243,248,251,.40) 34%,rgba(244,249,252,.74) 64%,rgba(237,244,248,.94) 100%),
    var(--character-image)!important;
  background-size:cover,760px auto!important;
  background-position:center,-70px 108px!important;
}
#championshipPage.division-theme-3{
  background-image:
    linear-gradient(90deg,rgba(240,247,251,.24) 0%,rgba(243,248,251,.40) 34%,rgba(244,249,252,.74) 64%,rgba(237,244,248,.94) 100%),
    var(--character-image)!important;
  background-size:cover,730px auto!important;
  background-position:center,-55px 100px!important;
}
#championshipPage.division-theme-4{
  background-image:
    linear-gradient(90deg,rgba(240,247,251,.24) 0%,rgba(243,248,251,.40) 34%,rgba(244,249,252,.74) 64%,rgba(237,244,248,.94) 100%),
    var(--character-image)!important;
  background-size:cover,760px auto!important;
  background-position:center,-65px 100px!important;
}
#championshipPage.division-theme-5{
  background-image:
    linear-gradient(90deg,rgba(240,247,251,.24) 0%,rgba(243,248,251,.40) 34%,rgba(244,249,252,.74) 64%,rgba(237,244,248,.94) 100%),
    var(--character-image)!important;
  background-size:cover,760px auto!important;
  background-position:center,-70px 105px!important;
}
#championshipPage.division-theme-6{
  background-image:
    linear-gradient(90deg,rgba(240,247,251,.24) 0%,rgba(243,248,251,.40) 34%,rgba(244,249,252,.74) 64%,rgba(237,244,248,.94) 100%),
    var(--character-image)!important;
  background-size:cover,790px auto!important;
  background-position:center,-95px 100px!important;
}

/* La tabla deja pasar algo más de fondo para que el personaje siga visible. */
.table-wrap{
  background:rgba(255,255,255,.67)!important;
  backdrop-filter:blur(.8px)!important;
}
#standingsTable tbody td{
  background:rgba(255,255,255,.65)!important;
}
#standingsTable tbody tr:nth-child(even) td{
  background:rgba(241,247,251,.68)!important;
}

/* El calendario mantiene el mismo fondo de división y nombres de equipo. */
.calendar-round{
  background:rgba(255,255,255,.69)!important;
}
.match-card{
  background:rgba(255,255,255,.80)!important;
}

@media(max-width:900px){
  .league-hero .trophy-frame{
    right:16px!important;
    width:100px!important;
    height:100px!important;
  }
  .league-hero-content{padding-right:120px!important}
}
@media(max-width:650px){
  .league-hero .trophy-frame{
    width:76px!important;
    height:76px!important;
    right:10px!important;
    top:8px!important;
  }
  .league-hero-content{padding-right:90px!important}
  #championshipPage.division-theme-1,
  #championshipPage.division-theme-2,
  #championshipPage.division-theme-3,
  #championshipPage.division-theme-4,
  #championshipPage.division-theme-5,
  #championshipPage.division-theme-6{
    background-size:cover,560px auto!important;
    background-position:center,-120px 90px!important;
  }
}

/* ===== V13 · trofeo y encuadre de personajes ===== */
.league-hero{
  position:relative!important;
  min-height:154px!important;
  overflow:hidden!important;
}
.league-hero .trophy-frame{
  position:absolute!important;
  right:28px!important;
  top:52px!important;
  width:118px!important;
  height:118px!important;
  margin:0!important;
  padding:0!important;
  z-index:20!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.league-hero .trophy-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.30));
}
.league-hero-content{padding-right:175px!important}
.division-banner{position:relative!important;z-index:1!important}

#championshipPage{
  background-color:#eaf2f6!important;
  background-repeat:no-repeat,no-repeat!important;
}
#championshipPage.division-theme-1{
  background-image:
    linear-gradient(90deg,rgba(241,247,251,.14) 0%,rgba(243,248,251,.24) 28%,rgba(244,249,252,.70) 58%,rgba(237,244,248,.95) 100%),
    var(--character-image)!important;
  background-size:cover,820px auto!important;
  background-position:center,-170px 150px!important;
}
#championshipPage.division-theme-2{
  background-image:
    linear-gradient(90deg,rgba(241,247,251,.14) 0%,rgba(243,248,251,.24) 28%,rgba(244,249,252,.70) 58%,rgba(237,244,248,.95) 100%),
    var(--character-image)!important;
  background-size:cover,820px auto!important;
  background-position:center,-155px 145px!important;
}
#championshipPage.division-theme-3{
  background-image:
    linear-gradient(90deg,rgba(241,247,251,.14) 0%,rgba(243,248,251,.24) 28%,rgba(244,249,252,.70) 58%,rgba(237,244,248,.95) 100%),
    var(--character-image)!important;
  background-size:cover,790px auto!important;
  background-position:center,-130px 138px!important;
}
#championshipPage.division-theme-4{
  background-image:
    linear-gradient(90deg,rgba(241,247,251,.14) 0%,rgba(243,248,251,.24) 28%,rgba(244,249,252,.70) 58%,rgba(237,244,248,.95) 100%),
    var(--character-image)!important;
  background-size:cover,810px auto!important;
  background-position:center,-145px 142px!important;
}
#championshipPage.division-theme-5{
  background-image:
    linear-gradient(90deg,rgba(241,247,251,.14) 0%,rgba(243,248,251,.24) 28%,rgba(244,249,252,.70) 58%,rgba(237,244,248,.95) 100%),
    var(--character-image)!important;
  background-size:cover,830px auto!important;
  background-position:center,-160px 146px!important;
}
#championshipPage.division-theme-6{
  background-image:
    linear-gradient(90deg,rgba(241,247,251,.14) 0%,rgba(243,248,251,.24) 28%,rgba(244,249,252,.70) 58%,rgba(237,244,248,.95) 100%),
    var(--character-image)!important;
  background-size:cover,860px auto!important;
  background-position:center,-185px 142px!important;
}
.table-wrap{background:rgba(255,255,255,.62)!important;backdrop-filter:blur(.4px)!important}
#standingsTable tbody td{background:rgba(255,255,255,.61)!important}
#standingsTable tbody tr:nth-child(even) td{background:rgba(241,247,251,.64)!important}
.calendar-round{background:rgba(255,255,255,.64)!important}
.match-card{background:rgba(255,255,255,.77)!important}

@media(max-width:900px){
  .league-hero .trophy-frame{
    right:18px!important;top:50px!important;width:98px!important;height:98px!important;
  }
  .league-hero-content{padding-right:125px!important}
}
@media(max-width:650px){
  .league-hero .trophy-frame{
    right:10px!important;top:46px!important;width:72px!important;height:72px!important;
  }
  .league-hero-content{padding-right:90px!important}
  #championshipPage.division-theme-1,
  #championshipPage.division-theme-2,
  #championshipPage.division-theme-3,
  #championshipPage.division-theme-4,
  #championshipPage.division-theme-5,
  #championshipPage.division-theme-6{
    background-size:cover,600px auto!important;
    background-position:center,-180px 128px!important;
  }
}
