/* ==========================================================================
   Obra Performances Component
   ========================================================================== */

.pf-redes-obra-performances {
    margin-bottom: var(--pf-redes-spacing-xl);
    font-family: var(--pf-redes-font);
}

.pf-redes-obra-performances__title {
    font-size: var(--pf-redes-font-size-sm);
    font-weight: 700;
    color: var(--pf-redes-text);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 0 0 var(--pf-redes-spacing-md);
}

.pf-redes-obra-performances__empty {
    font-size: var(--pf-redes-font-size-sm);
    color: var(--pf-redes-text-light);
}

.pf-redes-obra-performances__table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--pf-redes-font-size-sm);
    border: 1px solid var(--pf-redes-border);
    overflow: hidden;
}

.pf-redes-obra-performances__table thead th {
    background: var(--pf-redes-primary);
    color: var(--pf-redes-text-inverse);
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: var(--pf-redes-font-size-xs);
    padding: 10px 16px;
    border-bottom: none;
}

.pf-redes-obra-performances__table tbody td {
    padding: 10px 16px;
    border-bottom: 1px solid var(--pf-redes-border-light);
    color: var(--pf-redes-text);
}

.pf-redes-obra-performances__table tbody tr:nth-child(even) {
    background: var(--pf-redes-bg);
}

.pf-redes-obra-performances__table tbody tr:nth-child(odd) {
    background: #fff;
}

.pf-redes-obra-performances__table tbody tr:hover {
    background: var(--pf-redes-bg-alt);
}

.pf-redes-obra-performances__table tbody tr:last-child td {
    border-bottom: none;
}

/* Responsive — card layout on mobile */
@media (max-width: 680px) {
    .pf-redes-obra-performances__table thead {
        display: none;
    }

    .pf-redes-obra-performances__table,
    .pf-redes-obra-performances__table tbody,
    .pf-redes-obra-performances__table tr,
    .pf-redes-obra-performances__table td {
        display: block;
    }

    .pf-redes-obra-performances__table {
        border: none;
    }

    .pf-redes-obra-performances__table tr {
        background: #fff;
        border: 1px solid var(--pf-redes-border-light);
        border-radius: 4px;
        margin-bottom: var(--pf-redes-spacing-sm);
        padding: var(--pf-redes-spacing-sm) var(--pf-redes-spacing-md);
    }

    .pf-redes-obra-performances__table td {
        padding: 3px 0;
        border-bottom: none;
        font-size: var(--pf-redes-font-size-xs);
    }

    .pf-redes-obra-performances__table td:first-child {
        font-weight: 700;
        font-size: var(--pf-redes-font-size-sm);
        color: var(--pf-redes-primary);
    }
}

/* ── Dos bloques: próximas / anteriores (tema#49) ─────────────────────── */
.pf-redes-obra-performances__block {
    margin-top: var(--pf-redes-spacing-md, 1rem);
}

.pf-redes-obra-performances__block-title {
    margin: 0 0 var(--pf-redes-spacing-xs, 0.25rem);
    font-size: var(--pf-redes-font-size-sm, 0.9rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--pf-redes-text, #222);
}

/* Bloque de anteriores: visualmente atenuado */
.pf-redes-obra-performances__block--past {
    opacity: 0.85;
}

.pf-redes-obra-performances__block--past .pf-redes-obra-performances__block-title {
    color: var(--pf-redes-text-light, #666);
}

.pf-redes-obra-performances__block--past .pf-redes-obra-performances__table thead {
    opacity: 0.8;
}

.pf-redes-obra-performances__past-toggle {
    display: inline-block;
    padding: var(--pf-redes-spacing-xs, 0.25rem) var(--pf-redes-spacing-sm, 0.5rem);
    background: transparent;
    border: 1px solid var(--pf-redes-border, #ccc);
    border-radius: var(--pf-redes-radius, 6px);
    color: var(--pf-redes-text-light, #666);
    font-size: var(--pf-redes-font-size-sm, 0.9rem);
    cursor: pointer;
}

.pf-redes-obra-performances__past-toggle:hover {
    border-color: var(--pf-redes-primary, #0a6);
    color: var(--pf-redes-primary, #0a6);
}

.pf-redes-obra-performances__past-body {
    margin-top: var(--pf-redes-spacing-sm, 0.5rem);
}