@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700;800&display=swap');
@font-face { font-family:'TagType'; src:url('../fonts/tagtype-freefont.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Black Bounars'; src:url('../fonts/BlackBounars-Regular.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Bomber Urban'; src:url('../fonts/BomberUrban-Regular.otf') format('opentype'); font-style:normal; font-weight:400; font-display:swap; }

/* Cartazes de rua: faixas, blocos de cor e o brasão em primeiro plano. */
:root {
  --font-poster: 'Unbounded', Arial, sans-serif;
  --font-tag: 'TagType', 'Arial Narrow', sans-serif;
  --font-graffiti: 'Black Bounars', 'Barlow Condensed', sans-serif;
  --font-bomber: 'Bomber Urban', Impact, sans-serif;
  --paper: #f2e6d2;
  --poster-red: #c32b23;
  --poster-blue: #3179aa;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
}
html { scroll-padding-top: 150px; }
body { background-color:#090c10; background-image:linear-gradient(#07090c8c,#07090c8c),url('../img/brick-tile.svg'); background-size:auto,320px 144px; background-attachment:fixed; }
#webgl-canvas { opacity:.82; mix-blend-mode:multiply; }
.noise-overlay {
  opacity:1;
  background-image:
    radial-gradient(ellipse 38% 24% at 4% 32%,rgba(0,0,0,.42),transparent 72%),
    radial-gradient(ellipse 29% 42% at 97% 17%,rgba(0,0,0,.38),transparent 76%),
    radial-gradient(ellipse 36% 23% at 82% 88%,rgba(0,0,0,.34),transparent 75%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  background-size:auto,auto,auto,96px 96px;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat;
}
.container { padding-inline: clamp(20px, 4vw, 64px); }
.site-header { background: #0b0e12f5; border-bottom: 2px solid var(--paper); }
.navbar {
  min-height: 108px;
  padding-block: 12px;
  gap: 24px;
  flex-wrap: wrap;
}
.brand-logo { gap: 16px; }
.brand-crest { width: 68px; height: 80px; padding: 0; object-fit: contain; }
.brand-name { font-family:var(--font-bomber); font-size:clamp(1.45rem,2.25vw,2rem); font-weight:400; letter-spacing:.015em; line-height:.9; }
.footer-bomber { font-family:var(--font-bomber); font-size:1.18rem; letter-spacing:.02em; color:var(--paper); }
.brand-sub { display: block; font: 600 .8rem/1.4 var(--font-sans); color: #c6c9cf; margin-top: 5px; }
.brand-logo:hover .brand-crest { transform: rotate(-7deg) scale(1.07); }
.brand-crest { transition: transform .3s ease; }
.nav-links { border: 0; background: none; gap: 2px; padding: 0; }
.nav-link { padding:9px 8px; font:600 .82rem/1.2 var(--font-sans); letter-spacing:0; border-radius:0; }
.nav-link.active { color: var(--paper); background: var(--poster-red); box-shadow: none; }
.nav-actions { display: none; }
.menu-toggle { width: 48px; height: 48px; font-size: 24px; background: var(--poster-red); }
.mobile-nav { max-height: calc(100dvh - 108px); }
@media (min-width: 1160px) and (max-width: 1399px) {
  .navbar { column-gap: 20px; }
  .nav-links { flex-basis: 100%; justify-content: space-between; border-top: 1px solid #ffffff24; padding-top: 10px; }
}
@media (min-width: 1400px) {
  .site-header .container { max-width:1500px; }
  .navbar { flex-wrap:nowrap; }
  .nav-links { flex:1; justify-content:flex-end; }
}

.hero { padding: 30px 0 64px; }
.hero-split-top {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  column-gap: 44px;
  padding: 0;
  min-height: 0;
  margin-bottom: 40px;
  align-items: start;
}
.origin-ribbon {
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 42px;
  background: var(--paper);
  color: #0b0e12;
  border-block: 2px solid var(--paper);
  font:800 clamp(1.1rem,2.1vw,1.8rem)/1.05 var(--font-poster);
  letter-spacing:.02em;
  text-transform: none;
  transform: rotate(-1deg);
}
.origin-ribbon span { flex: 1; padding: 13px 20px; text-align: center; }
.origin-ribbon span:nth-child(2) { background: var(--poster-red); color: white; }
.origin-ribbon span:nth-child(3) { background: var(--poster-blue); color: white; }
.hero-split-top .title-xl {
  grid-column: 1;
  grid-row: 2;
  font: 900 clamp(4.6rem, 7.8vw, 7.8rem)/.9 var(--font-poster);
  letter-spacing: -.025em;
  max-width: none;
  text-wrap: initial;
  margin: 0 0 22px;
}
.headline-block {
  display: inline-block;
  background: var(--paper);
  color: #0b0e12;
  padding: 0 .08em .07em;
  margin-top: .08em;
  transform: rotate(-2deg);
}
.hero-anniversary {
  grid-column: 1;
  font: 800 clamp(1.5rem, 2.5vw, 2.2rem)/1.1 var(--font-poster);
  color: var(--paper);
  margin: 0 0 22px;
  letter-spacing: .035em;
}
.hero-split-top > .lead { grid-column: 1; font-size: 1rem; line-height: 1.7; margin-bottom: 28px; }
.hero-actions { grid-column: 1; align-items: stretch; gap: 10px; margin-bottom: 30px; }
.btn { white-space:normal; text-align:center; min-height:46px; border-radius:0; font:700 .86rem/1.2 var(--font-sans); letter-spacing:0; }
.btn-primary, .btn-red, .btn-white { background: var(--poster-red); box-shadow: 4px 4px 0 #ffffff20; }
.btn-secondary, .btn-blue { background: var(--poster-blue); }
.btn-outline { border-color: #ffffff52; }

.hero-emblem {
  position: relative;
  grid-column: 2;
  grid-row: 2 / 6;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 520px;
  isolation: isolate;
  background: linear-gradient(140deg, #192c3a, #111922 60%);
  border: 1px solid #4c6273;
  box-shadow: 7px 7px 0 #c32b23;
  border-radius: 18px;
  padding: 45px 20px 55px;
}
.hero-emblem::before {
  content: 'BDC';
  position: absolute;
  inset: 15% 0 auto;
  text-align: center;
  font: 900 clamp(7rem, 17vw, 17rem)/1 var(--font-poster);
  color: transparent;
  -webkit-text-stroke: 1px #f2e6d240;
  z-index: -1;
}
.hero-logo-display {
  position: relative;
  inset: auto;
  width: min(100%, 345px);
  height: 400px;
  max-height: none;
  object-fit: contain;
  margin: 0;
  transform: none;
  filter: drop-shadow(0 16px 10px #0009);
  animation: crest-arrive 1.1s cubic-bezier(.2,.8,.2,1) both, crest-float 6s 1.1s ease-in-out infinite;
}
.emblem-kicker { position: absolute; top: 18px; font: 700 .72rem var(--font-mono); letter-spacing: .08em; color: var(--paper); }
.emblem-ribbon {
  position: absolute;
  bottom: 22px;
  left: -14px;
  right: -14px;
  padding: 10px;
  background: var(--paper);
  color: #10141a;
  text-align: center;
  transform: rotate(-4deg);
  font: 900 clamp(1.7rem, 3vw, 2.7rem)/1 var(--font-poster);
  box-shadow: 0 5px 0 #0005;
}
.emblem-orbit {
  position: absolute;
  width: 82%;
  aspect-ratio: 1;
  border: 1px dashed #f2e6d248;
  border-radius: 50%;
  z-index: -1;
  animation: crest-orbit 50s linear infinite;
}
.emblem-orbit::before { content: ''; position: absolute; top: 50%; left: -6px; width: 12px; height: 12px; background: var(--poster-red); }
.hero-badges { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-top: 42px; }
.hero-badges .badge-pill { width: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 22px 24px; background: var(--paper); color: #232831; border: 0; border-right: 1px solid #0003; border-radius: 0; }
.hero-badges .badge-pill:nth-child(2) { background: var(--poster-red); color: white; }
.hero-badges .badge-pill:nth-child(3) { background: var(--poster-blue); color: white; }
.hero-badges .badge-pill strong { color:inherit; font:800 clamp(1.15rem,1.9vw,1.7rem)/1.05 var(--font-poster); text-transform:none; }
.hero-badges .badge-pill span { font: 500 .8rem/1.5 var(--font-sans); }

/* Etiquetas viram faixas legíveis em todas as páginas. */
.eyebrow, .card-tag {
  display: inline-flex;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  padding: 8px 16px 9px;
  border: 0;
  border-radius: 0;
  border-left: 5px solid var(--poster-red);
  background: var(--paper);
  color: #14191f;
  font:700 .78rem/1.25 var(--font-sans);
  letter-spacing:.025em;
  text-transform:none;
  backdrop-filter: none;
  box-shadow: 4px 4px 0 #ffffff18;
}
.eyebrow { font-size:clamp(.78rem,1vw,.9rem); margin-bottom:26px; transform:rotate(-1deg); }
.card:nth-child(even) .card-tag { background: var(--poster-blue); color: white; border-left-color: var(--paper); }
.title-lg { font-family: var(--font-poster); font-weight: 800; text-transform: uppercase; font-size: clamp(2.4rem, 4.4vw, 4rem); line-height: .98; letter-spacing: -.01em; }
.page-hero .title-xl { font-family: var(--font-poster); font-weight: 900; text-transform: uppercase; font-size: clamp(3rem, 6.5vw, 6rem); line-height: .98; max-width: 25ch; }
.title-md { font-family: var(--font-display); font-weight: 800; }
.section-header-row > * { min-width: 0; flex: 1; }
.card, .mc-card, .album-card, .tier-card, .sponsor-slot { border-radius: 2px; border-color: #ffffff29; }
.card { justify-content: flex-start; gap: 10px; }
.card-footer-link { padding-top: 18px; }
.card-tag { flex-shrink: 0; }
.stat-number { font:400 clamp(3rem,5vw,4.8rem)/.95 var(--font-tag); letter-spacing:-.02em; font-variant-numeric:lining-nums tabular-nums; }
.stat-item { border: 0; border-left: 3px solid var(--poster-red); border-radius: 0; }
.stat-desc, .mc-real-name, .sponsor-slot-role { color: #aeb5bf; }
.mc-role-badge, .album-cat-pill, .photo-slot-tag { border: 0; border-radius: 0; background: var(--paper); color: #14191f; font: 700 .84rem/1.3 var(--font-sans); padding: 7px 10px; }
.album-badge-top { align-items: flex-start; flex-wrap: wrap; }
.album-year-pill { font-size: .73rem; }
.tier-badge { position: static; align-self: flex-start; margin-bottom: 14px; border-radius: 0; background: var(--poster-red); color: white; font-size: .75rem; }
.photo-frame, .photo-frame img { border-radius: 2px; }
.photo-grid-3 { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); }
.transition-crest { width: 100px; height: 120px; }

@keyframes crest-arrive { from { opacity: 0; transform: translateY(22px) rotate(-8deg) scale(.94); } to { opacity: 1; transform: translateY(0) rotate(0) scale(1); } }
@keyframes crest-float { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-12px) rotate(2deg); } }
@keyframes crest-orbit { to { transform: rotate(360deg); } }
@media (max-width: 959px) {
  .hero-split-top { column-gap: 26px; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); }
  .hero-split-top .title-xl { font-size: clamp(3.8rem,8vw,5.6rem); }
  .hero-emblem { min-height: 440px; }
  .hero-logo-display { height: 330px; }
  .emblem-kicker { font-size: .55rem; }
  .hero-badges .badge-pill { padding: 18px; }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 100px; }
  .navbar { min-height: 88px; padding-block: 8px; gap: 10px; }
  .brand-logo { gap: 10px; min-width: 0; }
  .brand-crest { width: 48px; height: 64px; }
  .brand-name { font-size: 1.2rem; }
  .brand-sub { font-size: .65rem; }
  .menu-toggle { width: 42px; height: 42px; }
  .mobile-nav { max-height: calc(100dvh - 88px); }
  .hero { padding-top: 22px; }
  .hero-split-top { display: flex; flex-direction: column; gap: 0; }
  .origin-ribbon { order: 0; margin-bottom: 30px; font-size: 1.12rem; }
  .origin-ribbon span { flex: 1 1 100%; padding: 8px 12px; }
  .hero-split-top .title-xl { order: 1; font-size: clamp(3.6rem, 14.7vw, 6rem); }
  .hero-anniversary { order: 2; font-size: 1.6rem; }
  .hero-split-top > .lead { order: 3; }
  .hero-actions { order: 4; width: 100%; }
  .hero-emblem { order: 5; width: calc(100% - 10px); min-height: 440px; margin-top: 8px; }
  .hero-logo-display { width: 265px; height: 330px; }
  .emblem-kicker { font-size: .68rem; }
  .emblem-ribbon { left: -6px; right: -6px; font-size: 2rem; }
  .hero-badges { order: 6; width: 100%; display: grid; grid-template-columns: 1fr; margin-top: 42px; }
  .hero-badges .badge-pill { width: 100%; padding: 18px 20px; }
  .hero-badges .badge-pill strong { font-size: 1.65rem; }
  .badge-pill { flex-wrap: wrap; }
  .section-header { margin-bottom: 28px; }
  .eyebrow { font-size: 1.05rem; }
  .card { padding: 24px; }
  .hero-showcase-grid { grid-template-columns: minmax(0,1fr); }
  .hero-showcase-grid .photo-frame { width: 100%; min-width: 0; height: 320px; min-height: 0; aspect-ratio: auto !important; }
  .hero-showcase-grid .photo-frame img { position: absolute; inset: 0; }
  .hero-showcase-grid .card > div:last-child { flex-wrap: wrap; }
  .album-search { min-width: 0; width: 100%; }
  .contact-form { padding: 22px; }
  .form-control { min-width: 0; width: 100%; }
}
@media (max-width: 380px) {
  .brand-name { font-size: 1rem; }
  .brand-sub { font-size: .56rem; }
  .brand-crest { width: 40px; }
  .navbar { gap: 6px; }
  .menu-toggle { width: 36px; }
  .hero-anniversary { font-size: 1.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-logo-display, .emblem-orbit { animation: none; transform: none; }
  .brand-logo:hover .brand-crest { transform: none; }
}

/* Polimento do visual de cartaz, mantendo as faixas e a identidade original. */
.btn, .nav-link, .menu-toggle { border-radius: 8px; }
.card, .mc-card, .album-card, .tier-card, .sponsor-slot,
.photo-frame, .photo-frame img { border-radius: 14px; }
.origin-ribbon { border-radius: 9px; overflow: hidden; }
.hero-badges { border-radius: 12px; overflow: hidden; }
.hero-badges .badge-pill { min-width: 0; }
.eyebrow, .card-tag { border-radius: 4px 8px 8px 4px; }
.title-xl, .title-lg, .title-md { overflow-wrap: anywhere; }
.hero-split-top .title-xl { overflow-wrap: normal; }
.page-hero .title-xl { max-width: 100%; }
.card-footer-link { margin-top: auto; }
.stat-item { border: 0; box-shadow: none; padding-block: 28px; }
.stat-item::after { content: none; }
.stats-strip { border-top: 0; }
.eyebrow, .card-tag { border-left: 0; box-shadow: none; }
.ink-underline::after, .ink-underline::before { content: none !important; }
.hero-emblem {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  clip-path: none;
  padding: 48px 24px 24px;
  overflow:hidden;
}
.hero-emblem::before { content: none; }
.hero-emblem::after { content:none; }
.emblem-kicker { font-family:var(--font-poster); font-size:1rem; font-weight:800; letter-spacing:.08em; top:22px; transform:rotate(-2deg); background:var(--paper); color:#11151a; padding:7px 13px; }
.hero-photo-display { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:18px; filter:saturate(.88) contrast(1.08); }
.hero-emblem::before { content:''; display:block; position:absolute; inset:0; z-index:1; border-radius:18px; background:linear-gradient(180deg,#080b0e20 20%,#080b0e3d 52%,#080b0ed9 100%); }
.hero-logo-display { position:absolute; right:20px; bottom:8px; top:auto; width:150px; height:190px; z-index:2; filter:drop-shadow(0 18px 12px #000c); }
.emblem-kicker { z-index:3; }
.page-hero { min-height:clamp(390px,52vw,610px); display:flex; align-items:flex-end; overflow:hidden; border:0; isolation:isolate; background:#10141a; }
.page-hero::before { content:''; position:absolute; inset:0; z-index:-2; background-image:var(--page-hero-image); background-size:cover; background-position:center 36%; filter:saturate(.82) contrast(1.08); transform:scale(1.015); }
.page-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#090c10f5 0%,#090c10d9 43%,#090c103d 76%),linear-gradient(0deg,#090c10e8 0%,transparent 65%); }
.page-hero .container { padding-block:clamp(3rem,7vw,6rem); }
.page-hero .lead { max-width:68ch; color:#e0e1e3; text-shadow:0 2px 15px #000; }
.hero-split-top .title-xl { font-family:var(--font-poster); font-weight:900; font-size:clamp(4.1rem,7.2vw,7rem); line-height:.88; letter-spacing:-.018em; text-transform:none; text-shadow:0 7px 24px #0008; }
.headline-block { padding:.1em .12em 0; margin-top:.04em; }
.headline-block {
  display:inline-block;
  font-family:var(--font-tag);
  font-weight:400;
  font-style:normal;
  text-transform:none;
  letter-spacing:-.025em;
  line-height:.86;
  transform:rotate(-2deg);
  transform-origin:left bottom;
  -webkit-text-stroke:0;
}
.headline-block { position:relative; margin-right:-.12em; }
.headline-block::after {
  content:''; position:absolute; right:9%; bottom:-.42em; width:2px; height:.48em;
  background:currentColor; transform:skew(8deg); box-shadow:-1.1em -.12em 0 -1px currentColor,1.45em -.2em 0 -1px currentColor;
}
.title-xl .text-red,.title-xl .text-blue,
.title-lg .text-red,.title-lg .text-blue { font:inherit; text-transform:inherit; letter-spacing:inherit; text-shadow:2px 2px 0 #000; }
/* Textos de apoio usam a mesma fonte de leitura do corpo do site. */
.emblem-kicker { font:600 .875rem/1.4 var(--font-sans); letter-spacing:0; text-transform:none; transform:none; max-width:calc(100% - 32px); text-align:center; }
.stat-label { font-family:var(--font-sans); font-size:.82rem; font-weight:700; line-height:1.3; text-transform:none; letter-spacing:0; }
/* Fotografias do acervo dão contexto aos seis pilares da home. */
.activity-card { padding-top:150px; background:#0b0e12; isolation:isolate; }
.activity-card > .activity-card-image { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; pointer-events:none; }
.activity-card::after { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,#0b0e121a 0%,#0b0e126b 90px,#0b0e12eb 190px,#0b0e12fa 100%); pointer-events:none; }
.activity-card > :not(.activity-card-image) { position:relative; z-index:2; }
.activity-card p { color:#d4d4d8; }
.activity-card .card-footer-link { color:var(--paper); }
.activity-card:focus-within { border-color:var(--paper); }
@media(max-width:700px) { .activity-card { padding-top:150px; } }
.title-lg,.page-hero .title-xl { font-family:var(--font-poster); font-weight:800; line-height:.98; letter-spacing:-.01em; text-transform:none; }
.title-md { font-family:var(--font-poster); font-weight:800; line-height:1.03; letter-spacing:-.01em; text-transform:none; }
.title-lg { font-size:clamp(2rem,3.25vw,3.15rem); }
.page-hero .title-xl { font-size:clamp(2.9rem,5vw,5rem); max-width:18ch; text-shadow:0 5px 24px #000; }

/* Painel editorial da temporada */
.season-section { border-block:1px solid #ffffff18; background:#080b0dcc; }
.season-summary-grid { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.8fr); gap:18px; margin-bottom:18px; }
.season-content-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; }
.season-counter-card { min-height:270px; display:flex; flex-direction:column; justify-content:space-between; padding:28px; overflow:hidden; border-radius:14px; background:var(--poster-red); color:white; box-shadow:inset 0 0 0 1px #ffffff24; }
.season-counter { font:400 clamp(4.5rem,9vw,8rem)/.8 var(--font-tag); letter-spacing:-.04em; }
.season-counter-status,.season-updated { font:600 .75rem/1.45 var(--font-sans); color:#ffffffb8; }
.season-news-card,.season-ranking-card,.season-editions-card { padding:26px; }
.season-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:20px; }
.season-card-heading .title-md { margin:.75rem 0 0; }
.season-updated { max-width:170px; text-align:right; }
.season-news-list,.season-editions-list { display:grid; gap:12px; }
.season-news-item { padding:15px 16px; border-radius:10px; background:#ffffff08; border:1px solid #ffffff12; }
.season-news-item time { display:block; margin-bottom:5px; font:700 .75rem/1.2 var(--font-sans); color:var(--poster-blue); }
.season-news-item h4 { margin:0 0 5px; font-size:1rem; }
.season-news-item p { margin:0; font-size:.88rem; }
.season-table-wrap { overflow-x:auto; }
.season-ranking-table { width:100%; border-collapse:collapse; min-width:520px; }
.season-ranking-table th,.season-ranking-table td { padding:13px 10px; border-bottom:1px solid #ffffff14; text-align:left; }
.season-ranking-table th { font:700 .75rem/1.2 var(--font-sans); color:var(--paper); }
.season-ranking-table td:first-child { font:700 1rem/1.4 var(--font-sans); font-variant-numeric:tabular-nums; color:var(--poster-red); }
.season-empty { padding:22px 4px 4px; color:var(--muted-foreground); font-size:.9rem; }
.season-edition { padding:18px; border-radius:12px; background:#ffffff07; border:1px solid #ffffff14; }
.season-edition-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:15px; }
.season-edition-title { margin:0; font-size:1.1rem; }
.season-winner { flex:0 0 auto; padding:7px 10px; border-radius:7px; background:var(--paper); color:#101419; font:700 .75rem/1.2 var(--font-sans); }
.season-participants { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:15px; }
.season-participant { padding:6px 9px; border-radius:999px; background:#ffffff0c; border:1px solid #ffffff19; font-size:.78rem; }
.season-bracket { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(150px,1fr); gap:10px; overflow-x:auto; padding-bottom:5px; }
.season-round { display:grid; gap:7px; align-content:start; }
.season-round strong { font:700 .75rem/1.2 var(--font-sans); color:var(--poster-blue); }
.season-match { padding:9px; border-radius:7px; background:#07090c; color:#d6d8dc; font-size:.76rem; line-height:1.4; }
@media(max-width:700px) { .hero-split-top .title-xl { font-size:clamp(3rem,11.7vw,5rem); line-height:1.04; } .page-hero .title-xl { font-size:clamp(2.6rem,10vw,4.2rem); line-height:1.08; } }
@media(max-width:700px) { .hero-photo-display { border-radius:12px; } .hero-logo-display { width:105px; height:135px; right:8px; bottom:4px; } .page-hero { min-height:460px; } .page-hero::after { background:linear-gradient(0deg,#090c10f5 8%,#090c1099 66%,#090c1038); } }
@media (max-width:700px) {
  .hero-badges { gap: 8px; overflow: visible; }
  .hero-badges .badge-pill { border-radius: 10px; }
  .hero-actions .btn { width: 100%; }
  .hero-emblem { margin-bottom: 8px; }
  .season-summary-grid,.season-content-grid { grid-template-columns:minmax(0,1fr); }
  .season-counter-card { min-height:220px; }
  .season-card-heading { display:block; }
  .season-updated { display:block; max-width:none; margin-top:12px; text-align:left; }
}

/* Perguntas práticas com respostas disponíveis no HTML. */
.bdc-faq { max-width:900px; }
.bdc-faq details { padding:20px 0; border-bottom:1px solid #ffffff24; }
.bdc-faq summary { cursor:pointer; font:600 1rem/1.5 var(--font-sans); color:var(--paper); }
.bdc-faq p { margin:14px 0 0; color:#c9cbd2; line-height:1.75; }
.bdc-faq a { color:var(--paper); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:700px) {
  .page-hero::before { background-image:var(--page-hero-image-mobile,var(--page-hero-image)); }
}