/* Estilos frontend para el shortcode [lista_miembros_por_cargo] */

.quijote-miembros-container {
    display: block;
}

.cargo-section {
    margin-bottom: 2rem;
}

.cargo-title {
    font-size: 1.25rem;
    margin: 0 0 1rem 0;
}

.cargo-members-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
}

.miembro-item {
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
}

.miembro-avatar {
    margin-bottom: 0.5rem;
}

.miembro-nombre {
    margin: 0.25rem 0;
}

.miembro-cargo {
    opacity: 0.8;
    margin: 0 0 0.5rem 0;
}

.miembro-descripcion {
    margin-top: 0.5rem;
}