/* Match Pages */

.partido-info-card {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,252,.98));
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 8px 22px rgba(15,23,42,.06);
}

.partido-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    align-items: start;
}

.partido-sidebar {
    position: sticky;
    top: calc(var(--header-height) + 24px);
}

.partido-info-top {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.partido-info-top > span:not(.partido-info-liga) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    color: #5f6e7a;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(15,23,42,.08);
}

.partido-info-liga {
    color: #0a6a63;
    background: rgba(10,168,158,.10);
    border-color: rgba(10,168,158,.18);
}

.partido-info-match {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.partido-info-team {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    min-width: 0;
}

.partido-info-side-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
    border: 1px solid rgba(15,23,42,.08);
}

.partido-info-side-badge.is-home {
    color: #0a6a63;
    background: rgba(10,168,158,.10);
    border-color: rgba(10,168,158,.18);
}

.partido-info-side-badge.is-away {
    color: #0f5173;
    background: rgba(14,116,144,.10);
    border-color: rgba(14,116,144,.18);
}

.partido-info-team > .team-link-inline {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    width: 100%;
    min-width: 0;
    padding: 6px 4px 0;
    color: inherit;
    text-decoration: none;
}

.partido-info-team > span:not(.team-shield-wrap) {
    order: 2;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.partido-info-team > .team-link-inline:hover > span:not(.team-shield-wrap) {
    color: #0a6a63;
}

.partido-info-team > .team-link-inline > span:not(.team-shield-wrap) {
    order: 2;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.partido-info-page .partido-info-team > .team-shield-wrap,
.partido-info-page .partido-info-team > .team-link-inline > .team-shield-wrap {
    order: 1;
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.94),
        0 14px 30px rgba(15, 23, 42, 0.16);
}

.partido-info-page .partido-info-team.side-left > .team-link-inline > .team-shield-wrap,
.partido-info-page .partido-info-team.side-left > .team-shield-wrap {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.94),
        0 14px 30px rgba(10, 168, 158, 0.18);
}

.partido-info-page .partido-info-team.side-right > .team-link-inline > .team-shield-wrap,
.partido-info-page .partido-info-team.side-right > .team-shield-wrap {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.94),
        0 14px 30px rgba(14, 116, 144, 0.16);
}

.partido-info-page .partido-info-team > .team-shield-wrap .team-shield,
.partido-info-page .partido-info-team > .team-link-inline > .team-shield-wrap .team-shield {
    width: 100px;
    height: 100px;
}

.partido-info-score {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 52px;
    padding: 0 16px;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfc 100%);
    border: 1px solid rgba(10,168,158,.14);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 12px 24px rgba(15,23,42,.10);
    color: #15202b;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -.01em;
    position: relative;
}

.partido-info-score::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 8px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(10,168,158,.42), rgba(14,116,144,.20));
}

.partido-info-estado {
    margin-top: 10px;
    font-size: 11px;
    font-weight: 800;
    color: #44515b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 999px;
    min-height: 28px;
    padding: 4px 10px;
    background: rgba(15,23,42,.05);
    border: 1px solid rgba(15,23,42,.08);
}

.partido-info-estado.final {
    color: #047857;
    background: rgba(16,185,129,.10);
    border-color: rgba(16,185,129,.18);
}

.partido-info-estado.en-juego {
    color: #b91c1c;
    background: rgba(220,38,38,.12);
    border-color: rgba(220,38,38,.18);
}

.partido-info-estado.programado {
    color: #1d4ed8;
    background: rgba(37,99,235,.10);
    border-color: rgba(37,99,235,.18);
}

.partido-info-estado.aplazado {
    color: #4b5563;
    background: rgba(107,114,128,.12);
    border-color: rgba(107,114,128,.18);
}

.partido-info-estado.descanso {
    color: #b45309;
    background: rgba(245,158,11,.14);
    border-color: rgba(245,158,11,.18);
}

.partido-info-preview {
    margin-top: 12px;
    border-top: 1px solid rgba(0,0,0,.08);
    padding-top: 12px;
}

.partido-info-preview h2 {
    margin: 0 0 8px;
    font-size: 16px;
}

.partido-info-preview p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.partido-summary {
    margin-top: 12px;
    border-top: 1px solid rgba(0,0,0,.08);
    padding-top: 12px;
}

.partido-summary h2 {
    margin: 0 0 8px;
    font-size: 16px;
}

.partido-summary p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.6;
    color: #44515b;
}

.partido-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.partido-summary-card {
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 16px;
    padding: 14px;
    background: linear-gradient(180deg, rgba(248,251,253,.98), rgba(244,249,250,.98));
    box-shadow: 0 8px 18px rgba(15,23,42,.05);
}

.partido-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.partido-summary-side {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #0a6a63;
    background: rgba(10,168,158,.14);
    border-radius: 999px;
    padding: 4px 8px;
}

.partido-summary-pos {
    font-size: 11px;
    font-weight: 800;
    color: #1f2a33;
    background: rgba(31,42,51,.08);
    border-radius: 999px;
    padding: 4px 8px;
}

.partido-summary-team {
    margin-bottom: 10px;
}

.partido-summary-team-link,
.partido-summary-team {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.partido-summary-team-link {
    color: inherit;
    text-decoration: none;
}

.partido-summary-team-link:hover h3 {
    color: #0a6a63;
}

.partido-summary-team .team-shield-wrap {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.94),
        0 10px 20px rgba(15, 23, 42, 0.12);
}

.partido-summary-team .team-shield-wrap .team-shield {
    width: 62px;
    height: 62px;
}

.partido-summary-card h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    color: #1f2a33;
}

.partido-summary-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
    color: #30414f;
}

.partido-summary-card li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
}

.partido-summary-card .metric-label {
    color: #4f5d68;
    font-size: 11px;
    font-weight: 700;
}

.partido-summary-card .metric-value {
    color: #1f2a33;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

@media (max-width: 1024px) {
    .partido-layout {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .partido-sidebar {
        position: static;
        top: auto;
    }

    .partido-summary-grid {
        grid-template-columns: 1fr;
    }

    .partido-info-team > span:not(.team-shield-wrap) {
        font-size: 13px;
    }

    .partido-info-page .partido-info-team > .team-shield-wrap,
    .partido-info-page .partido-info-team > .team-link-inline > .team-shield-wrap {
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
    }

    .partido-info-page .partido-info-team > .team-shield-wrap .team-shield,
    .partido-info-page .partido-info-team > .team-link-inline > .team-shield-wrap .team-shield {
        width: 88px;
        height: 88px;
    }
}

@media (max-width: 640px) {
    .partido-info-card {
        padding: 16px 14px;
        border-radius: 16px;
    }

    .partido-info-match {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .partido-info-score {
        margin: 0 auto;
        order: 2;
    }

    .partido-info-team.side-left {
        order: 1;
    }

    .partido-info-team.side-right {
        order: 3;
    }

    .partido-info-page .partido-info-team > .team-shield-wrap,
    .partido-info-page .partido-info-team > .team-link-inline > .team-shield-wrap {
        width: 84px;
        height: 84px;
        flex: 0 0 84px;
    }

    .partido-info-page .partido-info-team > .team-shield-wrap .team-shield,
    .partido-info-page .partido-info-team > .team-link-inline > .team-shield-wrap .team-shield {
        width: 92px;
        height: 92px;
    }

    .partido-summary-team-link,
    .partido-summary-team {
        align-items: center;
    }
}