/* ==========================================================================
   Contacto Sidebar — related entities + action buttons
   ========================================================================== */

.pf-redes-contacto-sidebar {
    position: sticky;
    top: var(--pf-redes-spacing-lg);
}

/* Action buttons */
.pf-redes-contacto-sidebar__actions {
    display: flex;
    flex-direction: column;
    gap: var(--pf-redes-spacing-sm);
    margin-bottom: var(--pf-redes-spacing-lg);
}

.pf-redes-contacto-sidebar__btn {
    display: block;
    width: 100%;
    padding: var(--pf-redes-spacing-sm) var(--pf-redes-spacing-md);
    border: none;
    border-radius: var(--pf-redes-radius);
    background: var(--pf-redes-primary);
    color: var(--pf-redes-text-inverse);
    font-size: var(--pf-redes-font-size-sm);
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: background var(--pf-redes-transition);
}

.pf-redes-contacto-sidebar__btn:hover {
    background: var(--pf-redes-primary-hover);
}

.pf-redes-contacto-sidebar__btn--outline {
    background: transparent;
    color: var(--pf-redes-primary);
    border: 2px solid var(--pf-redes-primary);
}

.pf-redes-contacto-sidebar__btn--outline:hover {
    background: var(--pf-redes-primary);
    color: var(--pf-redes-text-inverse);
}

/* Sections */
.pf-redes-contacto-sidebar__section {
    margin-bottom: var(--pf-redes-spacing-lg);
    background: var(--pf-redes-bg-card);
    border: 1px solid var(--pf-redes-border-light);
    padding: var(--pf-redes-spacing-md);
}

.pf-redes-contacto-sidebar__title {
    font-size: var(--pf-redes-font-size-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 var(--pf-redes-spacing-sm) 0;
    padding-bottom: var(--pf-redes-spacing-xs);
    border-bottom: 2px solid var(--pf-redes-primary);
    color: var(--pf-redes-text);
}

/* List */
.pf-redes-contacto-sidebar__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pf-redes-contacto-sidebar__item {
    padding: var(--pf-redes-spacing-sm) 0;
    border-bottom: 1px solid var(--pf-redes-border-light);
}

.pf-redes-contacto-sidebar__item:last-child {
    border-bottom: none;
}

.pf-redes-contacto-sidebar__link {
    display: flex;
    align-items: center;
    gap: var(--pf-redes-spacing-sm);
    text-decoration: none;
    color: var(--pf-redes-text);
    transition: color var(--pf-redes-transition);
}

.pf-redes-contacto-sidebar__link:hover {
    color: var(--pf-redes-primary);
}

/* Profesional (default): avatar redondo 36×36, cover */
.pf-redes-contacto-sidebar__avatar {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--pf-redes-border-light);
}

/* Compañía / distribuidora: logo rectangular 4:3, h 36 (≈48×36) sin estilos
   decorativos salvo border-radius 5px. */
.pf-redes-contacto-sidebar__avatar--logo {
    flex: 0 0 48px;
    width: 48px;
    height: 36px;
    aspect-ratio: 4 / 3;
    border-radius: 5px;
    object-fit: contain;
    border: 0;
}

.pf-redes-contacto-sidebar__name {
    font-size: var(--pf-redes-font-size-sm);
    font-weight: 500;
    line-height: 1.3;
}

.pf-redes-contacto-sidebar__empty {
    font-size: var(--pf-redes-font-size-sm);
    color: var(--pf-redes-text-light);
    padding: var(--pf-redes-spacing-md);
    background: var(--pf-redes-bg-card);
    border: 1px solid var(--pf-redes-border-light);
    text-align: center;
}

/* Ver más button */
.pf-redes-contacto-sidebar__ver-mas {
    display: block;
    width: 100%;
    padding: var(--pf-redes-spacing-sm) var(--pf-redes-spacing-md);
    margin-top: var(--pf-redes-spacing-xs);
    background: transparent;
    border: 1px solid var(--pf-redes-primary);
    color: var(--pf-redes-primary);
    font-size: var(--pf-redes-font-size-sm);
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: background var(--pf-redes-transition), color var(--pf-redes-transition);
}

.pf-redes-contacto-sidebar__ver-mas:hover {
    background: var(--pf-redes-primary);
    color: var(--pf-redes-text-inverse);
}