/* ==========================================================================
   Espacio Single Template — MINIMAL by design.
   The ficha look is INHERITED, not redefined:
     - header  → .pf-redes-contacto-header*      (contacto-single/contacto-header)
     - table   → .pf-redes-obra-performances*    (obra-single/obra-performances)
     - actions → .pf-redes-contacto-actions*     (contacto-single)
   Only the two bits that don't exist upstream live here:
     1. the placeholder icon avatar (Venue has no photo)
     2. the obra link accent inside the reused table
   Everything else uses the global design tokens (var(--pf-redes-*)).
   ========================================================================== */

.pf_redes_template_espacio_single {
    background-color: var(--pf-redes-bg);
    font-family: var(--pf-redes-font);
    padding-top: var(--pf-redes-spacing-lg);
    padding-bottom: var(--pf-redes-spacing-xxl);
}

.pf_redes_template_espacio_single .site-container {
    max-width: var(--pf-redes-max-width);
    margin: 0 auto;
    padding: 0 var(--pf-redes-spacing-md);
}

/* Placeholder avatar: center a location icon inside the inherited circular
   image-wrap from contacto-header (Venue has no profile image). Selector
   combinado (image-wrap + avatar) para GANAR en especificidad a la regla
   prestada `.pf-redes-contacto-header__image-wrap{background:bg-card}`, que se
   encola después con especificidad 1-clase; si no, el disco saldría blanco
   sobre la tarjeta blanca (invisible). */
.pf-redes-contacto-header__image-wrap.pf-redes-espacio-header__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pf-redes-bg-alt);
}

.pf-redes-espacio-header__avatar-icon {
    font-size: 2.5rem;
    color: var(--pf-redes-primary);
}

/* Obra link inside the inherited presentations table. */
.pf-redes-espacio-presentaciones__obra-link {
    color: var(--pf-redes-primary);
    font-weight: 600;
    text-decoration: none;
}

.pf-redes-espacio-presentaciones__obra-link:hover {
    text-decoration: underline;
}

/* ==========================================================================
   "Otras salas de este espacio" — grid de salas hermanas (misma Sede).
   Minimal: solo tokens globales; superficie de tarjeta como el resto de la ficha.
   ========================================================================== */
.pf-redes-espacio-salas {
    margin: var(--pf-redes-spacing-lg) 0;
}

.pf-redes-espacio-salas__title {
    font-size: var(--pf-redes-font-size-lg);
    color: var(--pf-redes-text);
    margin: 0 0 var(--pf-redes-spacing-md);
}

.pf-redes-espacio-salas__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--pf-redes-spacing-md);
}

.pf-redes-espacio-salas__card {
    display: flex;
    align-items: center;
    gap: var(--pf-redes-spacing-sm);
    padding: var(--pf-redes-spacing-md);
    background: var(--pf-redes-bg-card);
    border: 1px solid var(--pf-redes-border);
    border-radius: var(--pf-redes-radius);
    text-decoration: none;
    color: var(--pf-redes-text);
    transition: border-color var(--pf-redes-transition), box-shadow var(--pf-redes-transition);
}

.pf-redes-espacio-salas__card:hover {
    border-color: var(--pf-redes-primary);
    box-shadow: var(--pf-redes-shadow-md);
}

.pf-redes-espacio-salas__card-icon {
    color: var(--pf-redes-primary);
    font-size: 1.25rem;
    flex-shrink: 0;
}

.pf-redes-espacio-salas__card-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pf-redes-espacio-salas__card-name {
    font-weight: 600;
}

.pf-redes-espacio-salas__card-aforo {
    font-size: var(--pf-redes-font-size-sm);
    color: var(--pf-redes-text-light);
}