/**
 * É Golo — Pesquisa, Autor e 404
 * Cantos retos em tudo, exceto chips/pills (999px) e thumbnails de lista (4px).
 */

.eg-dot {
    color: var(--sp-porto, #00a24a);
}

/* ------------------------------------------------------------------
   Hero escuro partilhado (Pesquisa / Autor)
------------------------------------------------------------------ */
.eg-hero-dark {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
}

.eg-hero-dark__inner {
    max-width: var(--sp-content-max, 72rem);
    margin-inline: auto;
    padding: 3rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .eg-hero-dark__inner {
        padding-inline: 1.5rem;
    }
}

.eg-hero-dark__title {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    line-height: 1;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    color: #fff;
}

/* Formulário de pesquisa */
.eg-search-form {
    display: flex;
    max-width: 47.5rem;
}

.eg-search-form__input {
    flex: 1;
    min-width: 0;
    background: #fff;
    color: var(--sp-ink, #0d0d0c);
    font-family: var(--sp-font-body, 'Archivo', sans-serif);
    font-size: 1.0625rem;
    font-weight: 600;
    padding: 1rem 1.125rem;
    border: 0;
    border-radius: 0;
    outline: none;
    appearance: none;
}

.eg-search-form__input:focus-visible {
    outline: 2px solid var(--sp-accent, #ffd400);
    outline-offset: -2px;
}

.eg-search-form__input::placeholder {
    color: #8a887f;
}

.eg-search-form__submit {
    background: var(--sp-porto, #00a24a);
    color: #fff;
    font-weight: 800;
    font-size: 0.9375rem;
    padding: 1rem 1.75rem;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.eg-search-form__submit:hover,
.eg-search-form__submit:focus-visible {
    background: var(--sp-accent, #ffd400);
    color: var(--sp-ink, #0d0d0c);
}

/* Chips */
.eg-hero-dark__chips {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.eg-hero-dark__chips-label {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #8a887f;
}

.eg-chip {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: 0.75rem;
    padding: 0.375rem 0.875rem;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.eg-chip--dark {
    border: 1.5px solid var(--sp-ink-muted, #3c3a35);
    color: #fff;
}

.eg-chip--dark:hover,
.eg-chip--dark:focus-visible {
    border-color: var(--sp-porto, #00a24a);
    color: var(--sp-live, #00e06b);
}

.eg-chip--light {
    border: 1.5px solid var(--sp-ink, #0d0d0c);
    color: var(--sp-ink, #0d0d0c);
}

.eg-chip--light:hover,
.eg-chip--light:focus-visible {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
}

@media (max-width: 767px) {
    .eg-hero-dark__inner {
        padding: 1.25rem 1rem 1.5rem;
        gap: 0.875rem;
    }

    .eg-search-form__input {
        font-size: 0.9375rem;
        padding: 0.8125rem 0.875rem;
    }

    .eg-search-form__submit {
        font-size: 0.875rem;
        padding: 0.8125rem 1.125rem;
    }

    .eg-hero-dark__chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .eg-hero-dark__chips::-webkit-scrollbar {
        display: none;
    }
}

/* ------------------------------------------------------------------
   Corpo de página
------------------------------------------------------------------ */
.eg-page-inner {
    max-width: var(--sp-content-max, 72rem);
    margin-inline: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 1.75rem 1rem 3rem;
}

@media (min-width: 640px) {
    .eg-page-inner {
        padding-inline: 1.5rem;
    }
}

/* Cabeçalho de resultados + tabs */
.eg-results-head {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--sp-border, #dbd9d2);
    padding-bottom: 0.875rem;
    margin-bottom: 1.5rem;
}

.eg-results-head__count {
    font-weight: 800;
    font-size: 0.9375rem;
    color: var(--sp-ink, #0d0d0c);
}

.eg-results-head__term {
    color: var(--sp-porto, #00a24a);
}

.eg-results-head__tabs {
    margin-left: auto;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Fallback visual das pills (o utilitário .sp-nav-pill prevalece) */
.eg-tab-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.4375rem 0.875rem;
    border-radius: 999px;
    border: 1.5px solid var(--sp-ink, #0d0d0c);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--sp-ink, #0d0d0c);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s;
}

.eg-tab-pill:hover {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
}

.eg-tab-pill.is-active {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
    font-weight: 800;
}

.eg-tab-pill__count {
    font-size: 0.6875rem;
    font-weight: 700;
}

/* Section title (Tudo: blocos Jogos/Notícias, Autor: Artigos) */
.eg-section-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.eg-section-title__text {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--sp-ink, #0d0d0c);
}

.eg-section-title__rule {
    flex: 1;
    height: 4px;
    background: var(--sp-porto, #00a24a);
}

.eg-section-title__more {
    font-weight: 800;
    font-size: 0.8125rem;
    color: var(--sp-porto, #00a24a);
    text-decoration: none;
    white-space: nowrap;
}

.eg-section-title__more:hover {
    color: var(--sp-ink, #0d0d0c);
}

/* ------------------------------------------------------------------
   Lista de resultados
------------------------------------------------------------------ */
.eg-results-sections {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.eg-result-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.eg-result-row {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 1.125rem;
    align-items: center;
    border-bottom: 1px solid var(--sp-border, #dbd9d2);
    padding-bottom: 1.25rem;
}

.eg-result-row__media {
    display: block;
    height: 100px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--sp-surface-subtle, #efeee8);
}

.eg-result-row__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.eg-result-row:hover .eg-result-row__media img {
    transform: scale(1.03);
}

.eg-result-row__media-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--sp-surface-subtle, #efeee8);
}

.eg-result-row__body {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
    min-width: 0;
}

.eg-result-row__tag {
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--sp-porto, #00a24a);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.eg-result-row__title {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: var(--sp-ink, #0d0d0c);
}

.eg-result-row__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.eg-result-row__title a:hover {
    color: var(--sp-porto, #00a24a);
}

.eg-result-row__excerpt {
    margin: 0;
    font-size: 0.875rem;
    color: var(--sp-ink-muted, #3c3a35);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.eg-result-row__meta {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--sp-ink-faint, #6b6963);
}

@media (max-width: 767px) {
    .eg-result-row {
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 0.75rem;
        padding-bottom: 0.875rem;
    }

    .eg-result-row__media {
        height: 76px;
    }

    .eg-result-row__title {
        font-size: 0.9375rem;
        line-height: 1.12;
    }

    .eg-result-row__excerpt {
        display: none;
    }
}

/* Cartão de jogo (resultados de pesquisa) — fundo escuro */
.eg-result-list--matches {
    gap: 0.75rem;
}

.eg-match-card {
    background: var(--sp-ink, #0d0d0c);
}

.eg-match-card__link {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.125rem 1.375rem;
    color: #fff;
    text-decoration: none;
}

.eg-match-card__badges {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex: none;
}

.eg-match-card__badges img {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
}

.eg-match-card__vs {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #8a887f;
}

.eg-match-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
    min-width: 0;
}

.eg-match-card__kicker {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--sp-live, #00e06b);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.eg-match-card__title {
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-size: 1.125rem;
    line-height: 1.1;
    color: #fff;
}

.eg-match-card__link:hover .eg-match-card__title {
    color: var(--sp-live, #00e06b);
}

.eg-match-card__meta {
    font-size: 0.75rem;
    font-weight: 600;
    color: #b5b3ac;
}

.eg-match-card__arrow {
    margin-left: auto;
    font-weight: 800;
    font-size: 1rem;
    color: var(--sp-live, #00e06b);
    flex: none;
}

@media (max-width: 767px) {
    .eg-match-card__link {
        gap: 0.875rem;
        padding: 1rem;
    }

    .eg-match-card__badges img {
        width: 1.75rem;
        height: 1.75rem;
    }

    .eg-match-card__title {
        font-size: 1rem;
    }
}

/* ------------------------------------------------------------------
   Empty state — NEM COM VAR.
------------------------------------------------------------------ */
.eg-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.875rem;
    text-align: center;
    background: var(--sp-surface-muted, #f4f3ef);
    border: 1px solid var(--sp-border, #dbd9d2);
    padding: 2.5rem 1.75rem;
}

.eg-empty__icon {
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-size: 2.75rem;
    line-height: 1;
    color: var(--sp-border, #dbd9d2);
}

.eg-empty__title {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-size: 1.1875rem;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--sp-ink, #0d0d0c);
}

.eg-empty__text {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--sp-ink-faint, #6b6963);
    line-height: 1.5;
    max-width: 44ch;
}

.eg-empty__chips {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.eg-empty__cta {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
    font-weight: 800;
    font-size: 0.8125rem;
    padding: 0.75rem 1.25rem;
    text-decoration: none;
    transition: background 0.2s;
}

.eg-empty__cta:hover {
    background: var(--sp-porto, #00a24a);
    color: #fff;
}

/* ------------------------------------------------------------------
   Pagination — quadrados retos
------------------------------------------------------------------ */
.eg-pagination {
    margin-top: 1.75rem;
}

.eg-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
}

.eg-pagination ul li a,
.eg-pagination ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.625rem;
    height: 2.625rem;
    padding: 0 0.75rem;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    border-radius: 0;
    background: transparent;
    color: var(--sp-ink, #0d0d0c);
    border: 1.5px solid var(--sp-ink, #0d0d0c);
    transition: background 0.2s, color 0.2s;
}

.eg-pagination ul li a:hover {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
}

.eg-pagination ul li span.current {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
    font-weight: 800;
}

.eg-pagination ul li span.dots {
    background: transparent;
    border: none;
    color: var(--sp-ink-faint, #6b6963);
    min-width: auto;
}

/* ------------------------------------------------------------------
   Autor
------------------------------------------------------------------ */
.eg-author-hero__inner {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    padding-block: 2.75rem;
}

.eg-author-hero__avatar {
    flex: none;
}

.eg-author-hero__avatar img,
.eg-author-hero__avatar-img {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.eg-author-hero__intro {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 17.5rem;
}

.eg-author-hero__kicker {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #8a887f;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.eg-author-hero__name {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(1.75rem, 4vw, 3.25rem);
    line-height: 0.92;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    color: #fff;
    overflow-wrap: anywhere;
}

.eg-author-hero__bio {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #b5b3ac;
    max-width: 60ch;
    line-height: 1.5;
}

.eg-author-hero__side {
    display: flex;
    gap: 1.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.eg-author-hero__stats {
    display: flex;
    gap: 1.75rem;
    align-items: center;
}

.eg-author-hero__stat {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.eg-author-hero__stat-value {
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-size: 2rem;
    line-height: 1;
    color: var(--sp-live, #00e06b);
}

.eg-author-hero__stat-label {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #8a887f;
}

.eg-author-hero__follow {
    background: var(--sp-porto, #00a24a);
    color: #fff;
    font-weight: 800;
    font-size: 0.8125rem;
    padding: 0.75rem 1.25rem;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.eg-author-hero__follow:hover,
.eg-author-hero__follow:focus-visible {
    background: var(--sp-accent, #ffd400);
    color: var(--sp-ink, #0d0d0c);
}

@media (max-width: 767px) {
    .eg-author-hero__inner {
        padding-block: 1.25rem 1.5rem;
        gap: 0.875rem;
    }

    .eg-author-hero__avatar img,
    .eg-author-hero__avatar-img {
        width: 4.5rem;
        height: 4.5rem;
    }

    .eg-author-hero__side {
        width: 100%;
    }

    .eg-author-hero__follow {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}

/* Grelha de artigos do autor */
.eg-author-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .eg-author-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .eg-author-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.eg-author-card {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    background: #fff;
    border: 1px solid var(--sp-border, #dbd9d2);
    padding-bottom: 1.125rem;
}

.eg-author-card__media {
    display: block;
    height: 10.625rem;
    overflow: hidden;
    background: var(--sp-surface-subtle, #efeee8);
}

.eg-author-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.eg-author-card:hover .eg-author-card__media img {
    transform: scale(1.03);
}

.eg-author-card__media-placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.eg-author-card__body {
    padding: 0.25rem 1.125rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.eg-author-card__tag {
    font-size: 0.6875rem;
    font-weight: 800;
    color: var(--sp-porto, #00a24a);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.eg-author-card__title {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-weight: 400;
    font-size: 1.1875rem;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--sp-ink, #0d0d0c);
}

.eg-author-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.eg-author-card__title a:hover {
    color: var(--sp-porto, #00a24a);
}

.eg-author-card__meta {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--sp-ink-faint, #6b6963);
    display: flex;
    gap: 0.375rem;
    align-items: center;
}

@media (max-width: 639px) {
    /* Mobile: lista compacta como no design */
    .eg-author-grid {
        gap: 0.875rem;
    }

    .eg-author-card {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 0.75rem;
        align-items: center;
        background: transparent;
        border: 0;
        border-bottom: 1px solid var(--sp-border, #dbd9d2);
        padding-bottom: 0.875rem;
    }

    .eg-author-card__media {
        height: 76px;
        border-radius: 4px;
    }

    .eg-author-card__body {
        padding: 0;
        gap: 0.25rem;
    }

    .eg-author-card__title {
        font-size: 0.9375rem;
    }
}

/* ------------------------------------------------------------------
   404 — FORA DE JOGO.
------------------------------------------------------------------ */
.eg-404 {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
    min-height: calc(100vh - var(--sp-site-header-offset, 4.5rem));
    display: flex;
    align-items: center;
    justify-content: center;
}

.eg-404__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
    padding: 3rem 1.5rem;
    max-width: 44rem;
}

.eg-404__code {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-size: clamp(6.875rem, 18vw, 11.25rem);
    line-height: 0.85;
    letter-spacing: -0.055em;
    color: var(--sp-porto, #00a24a);
}

.eg-404__title {
    margin: 0;
    font-family: var(--sp-font-display, 'Archivo Black', 'Archivo', sans-serif);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(1.875rem, 5vw, 2.75rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    color: #fff;
    max-width: 20ch;
    text-wrap: pretty;
}

.eg-404__text {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #8a887f;
    max-width: 48ch;
    line-height: 1.5;
}

.eg-404__actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}

.eg-404__btn-primary {
    background: var(--sp-porto, #00a24a);
    color: #fff;
    font-weight: 800;
    font-size: 0.875rem;
    padding: 0.9375rem 2rem;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.eg-404__btn-primary:hover,
.eg-404__btn-primary:focus-visible {
    background: var(--sp-accent, #ffd400);
    color: var(--sp-ink, #0d0d0c);
}

.eg-404__btn-outline {
    border: 2px solid var(--sp-ink-muted, #3c3a35);
    color: #fff;
    font-weight: 800;
    font-size: 0.875rem;
    padding: 0.8125rem 2rem;
    text-decoration: none;
    transition: border-color 0.2s;
}

.eg-404__btn-outline:hover,
.eg-404__btn-outline:focus-visible {
    border-color: var(--sp-porto, #00a24a);
    color: #fff;
}

.eg-404__links {
    display: flex;
    gap: 2rem;
    margin-top: 1.5rem;
    font-size: 0.8125rem;
    font-weight: 700;
    flex-wrap: wrap;
    justify-content: center;
}

.eg-404__links a {
    color: #8a887f;
    text-decoration: none;
    transition: color 0.2s;
}

.eg-404__links a:hover,
.eg-404__links a:focus-visible {
    color: var(--sp-live, #00e06b);
}

@media (max-width: 767px) {
    .eg-404__inner {
        padding: 2rem 1.25rem;
        gap: 1.125rem;
    }

    .eg-404__actions {
        flex-direction: column;
        width: 100%;
    }

    .eg-404__btn-primary,
    .eg-404__btn-outline {
        text-align: center;
    }

    .eg-404__text {
        font-size: 0.875rem;
    }
}

/* ==========================================================================
   Pesquisa — cards de jogador (SportMonks players/search)
   ========================================================================== */
.eg-player-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 8px;
}
@media (min-width: 640px) {
    .eg-player-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.eg-player-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #0D0D0C;
    color: #fff;
    padding: 16px 18px;
    text-decoration: none;
    transition: background .15s ease;
}
.eg-player-card:hover,
.eg-player-card:focus-visible { background: #1B1B19; }

.eg-player-card__media {
    flex: none;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    background: #1B1B19;
    display: flex;
    align-items: center;
    justify-content: center;
}
.eg-player-card__media img { width: 100%; height: 100%; object-fit: cover; }
.eg-player-card__initials {
    font-family: 'Archivo Black', sans-serif;
    font-style: italic;
    font-size: 22px;
    color: #8A887F;
}

.eg-player-card__info { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.eg-player-card__name {
    font-family: 'Archivo Black', sans-serif;
    font-style: italic;
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 1.05;
}
.eg-player-card__meta { font-size: 13px; font-weight: 600; color: #B5B3AC; }

.eg-player-card__cta {
    margin-left: auto;
    flex: none;
    background: #00A24A;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    padding: 10px 16px;
    transition: background .15s ease, color .15s ease;
}
.eg-player-card:hover .eg-player-card__cta { background: #FFD400; color: #0D0D0C; }

/* ==========================================================================
   Pesquisa — cartão de entidade (jogador em destaque, topo dos resultados)
   ========================================================================== */
.eg-entity-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #0D0D0C;
    color: #fff;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.eg-entity-card__media {
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    background: #1B1B19;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eg-entity-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eg-entity-card__initials {
    font-family: 'Archivo Black', sans-serif;
    font-style: italic;
    font-size: 24px;
    color: #8A887F;
}

.eg-entity-card__info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.eg-entity-card__kicker {
    font-size: 11px;
    font-weight: 700;
    color: var(--sp-live, #00E06B);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.eg-entity-card__name {
    font-family: 'Archivo Black', sans-serif;
    font-style: italic;
    font-size: 22px;
    letter-spacing: -0.5px;
    line-height: 1.05;
}

.eg-entity-card__sub {
    font-size: 13px;
    font-weight: 600;
    color: #B5B3AC;
}

.eg-entity-card__side {
    margin-left: auto;
    display: flex;
    gap: 24px;
    align-items: center;
}

.eg-entity-card__stats {
    display: flex;
    gap: 24px;
    align-items: center;
}

.eg-entity-card__stat {
    text-align: center;
}

.eg-entity-card__stat-value {
    display: block;
    font-family: 'Archivo Black', sans-serif;
    font-style: italic;
    font-size: 28px;
    line-height: 1;
    color: var(--sp-live, #00E06B);
}

.eg-entity-card__stat-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #8A887F;
    margin-top: 4px;
}

.eg-entity-card__cta {
    flex: none;
    background: var(--sp-porto, #00A24A);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    padding: 11px 18px;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.eg-entity-card__cta:hover,
.eg-entity-card__cta:focus-visible {
    background: var(--sp-accent, #FFD400);
    color: #0D0D0C;
}

@media (max-width: 767px) {
    .eg-entity-card {
        flex-wrap: wrap;
        gap: 14px;
        padding: 16px;
    }

    .eg-entity-card__side {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
        gap: 14px;
    }

    .eg-entity-card__name {
        font-size: 18px;
    }
}

/* ==========================================================================
   Autor — pills de filtro por categoria (linha do título de secção)
   ========================================================================== */
.eg-author-filters {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.eg-author-filters__pill {
    display: inline-flex;
    align-items: center;
    padding: 0.4375rem 0.875rem;
    border-radius: 999px;
    border: 1.5px solid var(--sp-ink, #0d0d0c);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--sp-ink, #0d0d0c);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s;
}

.eg-author-filters__pill:hover,
.eg-author-filters__pill:focus-visible {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
}

.eg-author-filters__pill.is-active {
    background: var(--sp-ink, #0d0d0c);
    color: #fff;
    font-weight: 800;
}

@media (max-width: 767px) {
    .eg-author-filters {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .eg-author-filters::-webkit-scrollbar {
        display: none;
    }

    .eg-author-filters__pill {
        flex: none;
    }
}