.folio-game-single, .folio-games-grid { --fj-accent: var(--sacola-primary, #125c45); --fj-border: var(--sacola-border, #d9e1de); --fj-surface: var(--sacola-surface, #fff); --fj-muted: var(--sacola-muted, #66726d); }
.folio-game-hero { position: relative; overflow: hidden; padding: clamp(1.4rem, 4vw, 3rem); border: 1px solid var(--fj-border); border-radius: 1rem; background: linear-gradient(145deg, color-mix(in srgb, var(--fj-accent) 10%, var(--fj-surface)), var(--fj-surface)); text-align: center; }
.folio-game-hero h1 { max-width: 900px; margin: .45rem auto 1rem; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.08; }
.folio-game-kicker, .folio-game-date, .folio-game-card__meta { color: var(--fj-muted); }
.folio-game-kicker { margin: 0; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.folio-game-date { font-size: 1.1rem; font-weight: 700; }
.folio-game-versus { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: clamp(.75rem, 3vw, 2rem); align-items: center; max-width: 760px; margin: 2rem auto; }
.folio-game-team { display: grid; justify-items: center; gap: .75rem; font-size: clamp(1rem, 2.5vw, 1.35rem); }
.folio-game-team img, .folio-game-team__placeholder { width: clamp(5rem, 15vw, 8rem); height: clamp(5rem, 15vw, 8rem); object-fit: contain; }
.folio-game-team__placeholder { display: grid; place-items: center; font-size: 4rem; }
.folio-game-versus__x { color: var(--fj-muted); font-size: 2rem; font-weight: 850; }
.folio-game-facts { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; }
.folio-game-channels { margin: 1rem 0 0; }
.folio-game-channels a, .folio-game-card__channels a { font-weight: 750; text-decoration: none; }
.folio-game-status { display: inline-flex; align-items: center; min-height: 1.7rem; padding: .25rem .65rem; border-radius: 999px; background: #e8edf0; color: #334047; font-size: .75rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.folio-game-status--iniciado { background: #dc2626; color: #fff; }
.folio-game-status--agenda, .folio-game-status--agendado { background: color-mix(in srgb, var(--fj-accent) 15%, #fff); color: var(--fj-accent); }
.folio-game-status--adiado { background: #fff3cd; color: #725600; }
.folio-game-status--encerrado, .folio-game-status--cancelado { background: #e5e7eb; color: #4b5563; }
.folio-game-article { max-width: 820px; margin: 0 auto; }
.folio-game-article h2 { padding-left: .8rem; border-left: 4px solid var(--fj-accent); }
.folio-game-lead { font-size: 1.15rem; }
.folio-game-note { margin: 2rem 0; padding: 1.25rem; border: 1px dashed var(--fj-border); border-radius: .75rem; background: color-mix(in srgb, var(--fj-accent) 5%, var(--fj-surface)); }
.folio-game-note h2 { margin-top: 0; }
.folio-game-faq details { margin-bottom: .75rem; padding: 1rem; border: 1px solid var(--fj-border); border-radius: .65rem; background: var(--fj-surface); }
.folio-game-faq summary { cursor: pointer; font-weight: 750; }
.folio-games-grid { display: grid; grid-template-columns: repeat(var(--folio-games-columns, 3), minmax(0, 1fr)); gap: 1.25rem; }
.folio-game-card { overflow: hidden; border: 1px solid var(--fj-border); border-radius: .85rem; background: var(--fj-surface); box-shadow: 0 .45rem 1.4rem rgba(16, 42, 34, .08); }
.folio-game-card__image { display: block; overflow: hidden; }
.folio-game-card__image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .25s ease; }
.folio-game-card:hover .folio-game-card__image img { transform: scale(1.025); }
.folio-game-card__body { padding: 1rem; }
.folio-game-card__meta { margin: .65rem 0 .2rem; font-size: .85rem; }
.folio-game-card h3 { margin: .2rem 0 .55rem; font-size: 1.15rem; line-height: 1.25; }
.folio-game-card h3 a { color: inherit; text-decoration: none; }
.folio-game-card__channels { margin: 0; font-size: .875rem; }
.folio-games-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; margin-top: 1.5rem; }
.folio-games-pagination .page-numbers { display: inline-grid; min-width: 2.25rem; min-height: 2.25rem; padding: .35rem .65rem; place-items: center; border: 1px solid var(--fj-border); border-radius: .45rem; color: inherit; text-decoration: none; }
.folio-games-pagination .current { border-color: var(--fj-accent); background: var(--fj-accent); color: #fff; }
@media (max-width: 900px) { .folio-games-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .folio-games-grid { grid-template-columns: 1fr; } .folio-game-versus { gap: .5rem; } .folio-game-facts { align-items: center; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .folio-game-card__image img { transition: none; } }